* {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    list-style-type: none;
    color: #fff;
}

.row {
    position: relative;
}

.footer {
    display: flex;
}

footer {
    flex-shrink: 0;
}

#wrapper {
    width: 100%;
    overflow: hidden;
    min-height: 100%;
}

.bg {
    background: #fff;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

#gradient {
    position: fixed;
    /* position: absolute; */
    top: 0;
    left: 0;
    min-height: 100%;
    right: 0;
    overflow: hidden;
    background: linear-gradient(90.02deg, #181E28 3%, #323C4D 47.98%);
}

.elems-puls-2::before {
    content: "";
    width: 95px;
    height: 95px;
    background-image: url("../images/Vector22222.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 9%;
    left: 43%;
    opacity: 0.5;
    z-index: 2;
}

.elems-puls-1::before {
    opacity: 0.2;
    content: "";
    width: 90px;
    height: 90px;
    background-image: url("../images/Vector-3.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    bottom: 33%;
    left: 38%;
}

.elems-puls-1::after {
    opacity: 0.9;
    content: "";
    width: 90px;
    height: 90px;
    background-image: url("../images/vector3333333.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 250px;
    left: 3%;
}

.bg-section {
    z-index: 10;
    position: relative;
    background-color: #fff;
}

.light-bg {
    position: relative;
    width: 56%;
    float: right;
    z-index: 0;
}

.light-bg:before {
    content: "";
    position: absolute;
    left: 105px;
    top: 0;
    width: 100%;
    height: 1042px;
    background-color: #F8F8F8;
    border-radius: 10% 0 0 0;
    transform: rotate(-30deg);
    transform-origin: -2% 25%;
    z-index: 0;
}

.light-bg:after {
    content: "";
    clear: both;
    position: absolute;
    top: 0;
    height: 1100px;
    background: #ffffff;
    z-index: -1;
    right: 0;
    width: 60%;
    transform: rotate(-29deg);
    transform-origin: 100% 31%;
}

#gradient::before {
    content: "";
    background-image: url("../images/w-43567.svg");
    background-size: auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 1042px;
    position: absolute;
    top: 0;
    left: 48%;
    z-index: 1;
}

.container {
    max-width: 1140px;
    width: 100%;
}

img {
    display: block;
    width: 100%;
}

h1 {
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    color: #F8F8F8;
    text-transform: uppercase;
}

h1 font {
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    color: #F8F8F8;
    text-transform: uppercase;
}

h1 span font {
    font-weight: 900;
    font-size: 60px;
    line-height: 70px;
    color: #F8F8F8;
    display: block;
    text-transform: none;
    width: auto;
    text-align: left;
    margin: 0;
}

h2,
h2 font {
    font-size: 38px;
    line-height: 45px;
    text-transform: uppercase;
    color: #F8F8F8;
    font-weight: 300;
}

.top-menu {
    padding: 23px 0 20px;
    z-index: 90;
}

.logo {
    width: 200px;
    display: inline-block;
    margin-right: 21px;
}

.top-menu>p {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #E1B133;
    vertical-align: top;
    margin: 11px 17px 0 0;
}

.top-menu>p span {
    font-weight: 300;
    font-size: 14px;
    color: #C4C4C4;
    margin-right: 2px;
}

.top-menu>p::after {
    content: '';
    background-image: url("../images/vect-evro.svg");
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 8px;
    height: 10px;
    display: inline-block;
}

.top-menu li {
    display: inline-block;
}

.nav a,
.nav a font {
    color: #181E28;
}

.dropdown-menu {
    max-width: 77px;
    min-width: 0;
    width: 100%;
}

.dropdown a {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.dropdown-menu .nav-hov-2 {
    padding: 9px 11px;
    font-size: 14px;
    line-height: 16px;
}

.dropdown-menu .nav-hov-2::before {
    content: "";
    width: 13px;
    height: 12px;
    color: #181E28;
    display: inline-block;
    margin-right: 12px;
    background-image: url("../images/rus.svg");
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.dropdown-menu .nav-hov-3::before {
    background-image: url("../images/eng.svg");
}

.dropdown-menu .nav-hov-4::before {
    background-image: url('../images/zh.svg');
}

.dropdown-menu .nav-hov-5::before {
    background-image: url('../images/es.svg');
}

.dropdown-menu .nav-hov-6::before {
    background-image: url('../images/tr.svg');
}

.dropdown-menu .nav-hov-2:hover {
    color: #5CA9FF;
    background: none;
}

.nav-link {
    display: inline-block;
    padding: 12px 1rem 8px;
}

.nav-hov:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    bottom: -7px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
    width: 0;
}

.nav-hov:hover:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #5CA9FF;
    -webkit-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 50%;
}

.nav-btn a {
    font-size: 16px;
    line-height: 18px;
    color: #5CA9FF;
    border: 1px solid #5CA9FF;
    padding: 8px 15px;
    border-radius: 70px;
    margin-left: 10px;
}

.nav-btn a:hover {
    color: #ffffff;
    background: #5CA9FF;
}

.login a {
    padding: 8px 29px;
}

.register a,
.register a font {
    background: #5CA9FF;
    color: #ffffff;
}

.register a:hover {
    background: #E1B133;
    border-color: #E1B133;
}

.btn {
    font-size: 12px;
    line-height: 14px
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background: none;
    border: none;
    color: #181E28;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn::after {
    display: inline-block;
    width: 0.6em;
    height: .6em;
    margin: -6px 0 0 .4em;
    vertical-align: middle;
    content: "";
    border: .3em solid #181E28;
    border-width: 0 .1em .1em 0;
}

.btn::before {
    content: '';
    background-image: url("../images/rus.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: sub;
    border-radius: 50%;
}

.add-account {
    width: 280px;
    height: 48px;
    text-align: center;
    color: #5CA9FF;
    background: none;
    padding: 17px 0 0;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    margin: auto;
    position: relative;
    border-radius: 8%;
}

.add-account font {
    color: #5CA9FF;
}

.add-account svg {
    left: 0;
    position: absolute;
    top: 0;
}

.btn-1 rect,
.btn-1 rect font {
    fill: none;
    stroke: #5CA9FF;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
    -webkit-transition: all 0.35s linear;
}

.btn-1:hover {
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #5CA9FF;
    text-decoration: none;
}

.btn-1:hover rect {
    stroke-width: 4;
    stroke-dasharray: 75, 197%;
    stroke-dashoffset: 90;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.banner {
    margin: 129px 0 286px;
    display: inline-block;
    max-width: 550px;
    width: 100%;
    z-index: 666;
}

.banner span {
    display: block;
    width: 119px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FEFEFE;
    margin: 16px 0 0 80px;
}

.banner h1 span {
    font-weight: 900;
    font-size: 60px;
    line-height: 70px;
    color: #F8F8F8;
    display: block;
    text-transform: none;
    width: auto;
    text-align: left;
    margin: 0;
}

.banner h2 {
    max-width: 550px;
}

.banner p,
.banner p font {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #E1B133;
    max-width: 400px;
    margin-bottom: 23px;
}

.img-banner {
    display: inline-block;
    max-width: 580px;
    width: 100%;
    position: relative;
}

.img-banner-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .8s linear;
}

.img-banner img {
    z-index: 6;
    position: absolute;
    top: 15%;
    width: auto;
    max-width: 750px;
    right: -20%;
}

.img-banner .mobile {
    z-index: 7;
    left: 0;
    top: 140px;
}

.bottom-banner {
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: 20;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 19px 60px;
    background: #ffffff;
    box-shadow: -12px 12px 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    align-items: center;
}

.bottom-banner div {
    padding-left: 60px;
    width: 25%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.bottom-banner p,
.bottom-banner p font {
    font-weight: 200;
    font-size: 16px;
    line-height: 19px;
    color: #181E28;
    margin-bottom: 7px;
    ;
}

.bottom-banner span,
.bottom-banner span font {
    color: #E1B133;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}

.money::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 45px;
    height: 100%;
    background-image: url("../images/monetu.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.turnover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 100%;
    background-image: url("../images/turnover.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.from-server-turnover:after {
    content: " €";
}

.from-server-сapital:after {
    content: " €";
}

.сapital::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 45px;
    height: 100%;
    background-image: url("../images/group388.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.reg-people::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 45px;
    height: 35px;
    background-image: url("../images/register-people.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bottom-banner .reg-people {
    width: 17%;
    text-align: inherit;
}

h3 {
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #181E28;
}

h3 span {
    text-transform: none;
    color: #181E28;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
}

.capability h3 {
    margin-bottom: 58px;
}

.capability {
    padding: 133px 0 88px;
    width: 100%;
    position: relative;
}

.opportunity::after {
    content: "";
    width: 100%;
    height: 165px;
    background-image: url("../images/hvgjfvfjvg.png");
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    display: block;
    margin-bottom: -2px;
}

.capability>div {
    display: inline-block;
    position: relative;
    margin-bottom: 75px;
}

.capability::before {
    content: '';
    display: block;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 91px;
    height: 91px;
    position: absolute;
    top: 100px;
    right: 0px;
    background-image: url("../images/Vector-3.svg");
}

.capability::after {
    content: '';
    display: block;
    z-index: -1;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 882px;
    height: 774px;
    position: absolute;
    top: 297px;
    left: 132px;
    background-image: url("../images/Vector-4.svg");
}

.capability img {
    width: auto;
    display: inline-block;
    z-index: -1;
    position: relative;
    max-height: 220px;
}

.capability p {
    font-size: 18px;
    line-height: 20px;
    vertical-align: top;
    color: #181E28;
    display: inline-block;
    max-width: 299px;
    width: auto;
    margin: 12% 0 0 0;
}

.capability p font {
    font-size: 18px;
    line-height: 20px;
    color: #181E28;
}

.block-images {
    display: inline-block;
}

.capability .block-image {
    content: "";
    width: 165px;
    height: 165px;
    position: absolute;
    box-shadow: -12px 12px 30px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    overflow: hidden;
}

.capability .block-1 .block-image {
    transform: rotate(19.26deg);
    top: 17px;
    left: 27px;
}

.block-1 .img-1 {
    transform: scale(0.805) rotate(-20deg);
    position: absolute;
    top: -64px;
    left: -80px;
    filter: saturate(0%);
}

.capability .block-1 .block-image {
    transform: rotate(-23deg);
    top: 43px;
    left: 37px;
}

.block-1 .img-1 {
    transform: scale(0.9) rotate(14deg);
    position: absolute;
    top: -30px;
    left: -80px;
    filter: saturate(0%);
}

.capability .block-2 .block-image {
    transform: rotate(-20.84deg);
    top: 44px;
    left: 51px;
}

.block-2 .img-1 {
    transform: scale(0.95) rotate(18deg);
    position: absolute;
    top: -10px;
    left: -45px;
    filter: saturate(0%);
}

.capability .block-3 .block-image {
    transform: rotate(-22.48deg);
    top: 61px;
    left: 40px;
}

.block-3 .img-1 {
    transform: scale(0.9) rotate(23deg);
    position: absolute;
    top: -33px;
    left: -79px;
    filter: saturate(0%);
}

.capability .block-4 .block-image {
    transform: rotate(-22.69deg);
    top: 53px;
    left: 47px;
}

.block-4 .img-1 {
    transform: scale(0.99) rotate(15deg);
    position: absolute;
    top: -16px;
    left: -105px;
    filter: saturate(0%);
}

.capability .block-5 .block-image {
    transform: rotate(-111.17deg);
    top: 55px;
    left: 45px;
}

.block-5 .img-1 {
    transform: scale(0.85) rotate(94deg);
    position: absolute;
    top: -52px;
    left: -86px;
    filter: saturate(0%);
}

.capability .block-6 .block-image {
    transform: rotate(-24.77deg);
    top: 55px;
    left: 45px;
}

.block-6 .img-1 {
    transform: scale(1) rotate(24deg);
    position: absolute;
    top: -27px;
    left: -93px;
    filter: saturate(0%);
}

.block-7 .img-1 {
    top: -31px;
    left: -7px;
    max-width: 215px;
    transform: scale(1) rotate(0deg);
}

.block-8 .img-1 {
    top: -30px;
    left: -22px;
    max-width: 215px;
}

.capability>div:hover .img-1 {
    filter: saturate(100%);
}

.graph {
    background: #181E28;
    padding: 20px 0 130px;
}

h4,
h4 font {
    text-align: center;
    width: 100%;
    margin: 0px auto 43px;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

h4 span,
h4 span font {
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    text-transform: none;
}

.slide-graph {
    max-width: 100%;
    width: 100%;
    display: flex;
    position: relative;
    pointer-events: none;
}

.slider-for {
    width: 477px;
    height: 412px;
    margin: 0px 0 0;
    display: inline-block;
    position: initial;
    padding-top: 50px;
}

.slider-nav {
    width: 472px;
    display: inline-block;
}

.slider-nav .slick-track {
    width: auto !important;
    transform: none !important;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.slider-nav p font {
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.slider-nav .item:first-child {
    max-width: 460px;
    color: #5CA9FF;
    margin-bottom: 59px;
    font-size: 18px;
    line-height: 21px;
}

.slider-nav .item:nth-child(2) {
    max-width: 460px;
    margin: 20px 0 15px;
    font-size: 18px;
    line-height: 21px;
}

.slider-nav .item:nth-child(3) {
    margin: 45px 0;
}

.slider-nav .item:nth-child(5) {
    margin: 68px 0;
}

.slide-graph .slider-nav .slick-cloned {
    display: none
}

.slide-graph .slick-prev.slick-arrow,
.slide-graph .slick-next.slick-arrow {
    display: none !important;
}

.item:focus {
    outline: none;
}

.my-dots {
    max-width: 60px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: auto;
}

.my-dots li {
    background: #5CA9FF;
    width: 8px;
    height: 110px;
    margin: auto;
    position: relative;
}

.my-dots li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.my-dots li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.my-dots button {
    background: #181E28;
    border: 3px solid #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #181E28;
    position: absolute;
    top: 30%;
    left: -10px;
}

.my-dots button font {
    color: #181E28;
}

button:focus {
    outline: none;
}

.my-dots .slick-active button,
.my-dots .slick-active button font {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    /* -webkit-animation: pulse 1.5s infinite; */
    color: #5CA9FF;
    background: #5CA9FF;
}

.slider-nav .slick-list,
.slider-nav .slick-slide {
    margin: 0;
}

.slider-nav .slick-slide {
    height: auto;
}

.slider-nav .slick-current p {
    color: #5CA9FF;
}

.road-map {
    background: #101A31;
    padding: 72px 0 60px;
    display: none;
}

.road-map .row::before {
    content: "";
    display: block;
    width: 69px;
    height: 69px;
    background-image: url("../images/Vector-3.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -72px;
    left: 0;
}

.road-map h4 {
    margin-bottom: 88px;
}

.road-map-slick-wrap {
    width: 100%;
    position: relative;
}

.road-map-slick-line {
    position: absolute;
    top: 59px;
    left: calc((100% - 100vw)/2);
    width: 100vw;
    bottom: 0;
    border-top: 1px solid #5CA9FF;
    border-bottom: 1px solid #5CA9FF;
    height: 8px;
}

.road-map-slick {
    position: initial;
    /* max-height: 450px; */
    /* height: 100%; */
    white-space: nowrap;
}

.road-map-slick .slick-list {
    overflow: visible;
    /* min-height: 340px; */
    margin-bottom: 80px !important;
}

.road-map-slick .slick-prev,
.road-map-slick .slick-next {
    border: 1px solid #E1B133;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    top: 93%;
    opacity: 0.5;
    z-index: 5;
}

.road-map-slick .slick-prev font,
.road-map-slick .slick-next font {
    display: none;
}

.road-map-slick .slick-disabled {
    pointer-events: none;
}

.road-map-slick .slick-prev {
    left: 45%;
}

.road-map-slick .slick-next {
    right: 45%;
}

.road-map-slick .slick-prev::before {
    top: 15px;
    left: 18px;
    border: .3em solid;
    border-width: 0 .2em .2em 0;
    transform: rotateZ(137deg);
}

.road-map-slick .slick-next::before {
    top: 15px;
    right: 18px;
    border: .3em solid;
    border-width: 0 .2em .2em 0;
    transform: rotateZ(-45deg);
}

.road-map-slick .slick-arrow::before {
    content: "";
    color: #E1B133;
    display: inline-block;
    width: 12px;
    height: 12px;
    opacity: 0.5;
    position: absolute;
}

.road-map-slick .slick-arrow:hover::before,
.road-map-slick .slick-arrow:hover {
    opacity: 1;
}

.road-map-slick .slick-slide {
    text-align: center;
    min-width: 225px;
    position: relative;
    z-index: 5;
    height: auto;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    float: none;
}

.road-map-slick .slick-track:before,
.road-map-slick .slick-track:after {
    display: none;
}

.road-map-slick .slick-slide:focus {
    outline: none;
}

.road-map-slick .slick-slide p,
.road-map-slick .slick-slide p font {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #5CA9FF;
    margin: 0;
    font-weight: bold;
}

.road-map-slick .slick-slide>span,
.road-map-slick .slick-slide>span font {
    font-size: 16px;
    line-height: 19px;
    color: #757575;
    max-width: 188px;
    width: 100%;
    display: block;
    margin: auto;
}

.road-map-slick .slick-slide .p-2 {
    margin-top: 10px;
}

.road-map-slick .slick-slide .line {
    /* border-top: 1px solid #5CA9FF;
    border-bottom: 1px solid #5CA9FF; */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 8px;
    position: relative;
    margin: 38px 0 45px;
}

.road-map-slick .slick-slide .line::before {
    content: "";
    background: #101A31;
    border: 3px solid #5CA9FF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #101A31;
    margin: -7px auto 0;
    display: block;
}

.road-map-slick .slick-current p,
.road-map-slick .slick-current p font {
    color: #E1B133;
}

.road-map-slick .slick-current span,
.road-map-slick .slick-current span font {
    color: #fff;
}

.road-map-slick .active-date .line::before {
    content: "";
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #101A31;
    margin: -7px auto 0;
    display: block;
    background: #5CA9FF;
    border: 3px solid #FFFFFF;
}

.road-map-slick .active-date {
    z-index: 1;
}

.road-map-slick .active-date i {
    position: absolute;
    right: 50%;
    bottom: -1px;
    top: -1px;
    width: 0;
    z-index: -1;
}

.road-map-slick-wrap.end-anim .active-date i {
    width: 9999px;
}

.road-map-slick .active-date i:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #5CA9FF;
}

.road-map-slick-wrap.anim .active-date i:before {
    transition: width 1s ease;
    width: 100%;
}

.road-map-slick-wrap.anim.end-anim .active-date i:before {
    transition: none;
}


/* FAQ */

.faq {
    padding: 60px 0;
}

.faq h4,
.faq h4 font {
    color: #222A38;
    max-width: 100%;
}

.tabs-faq {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.tabs-faq div {
    font-size: 16px;
    line-height: 19px;
    color: #222A38;
    padding: 10px;
}

.tabs-faq div font {
    font-size: 16px;
    line-height: 19px;
    color: #222A38;
}

.tabs-faq>div {
    border: 1px solid rgba(196, 196, 196, 0.4);
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 0px;
}

.tabs-faq .label::before {
    content: "+";
    width: 34px;
    height: 34px;
    display: inline-block;
    background: #5CA9FF;
    border: 1px solid #5CA9FF;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 33px;
    color: #FFFFFF;
    margin-right: 20px;
    vertical-align: middle;
}

.tabs-faq .label-text {
    font-size: 14px;
    line-height: 22px;
    color: #222A38;
    margin: 16px 36px 16px 57px;
    padding-left: 20px;
    position: relative;
    display: none;
}

.tabs-faq .faq-item .label-text font {
    color: #222A38;
}

.tabs-faq .label-text::before {
    width: 3px;
    height: 100%;
    background: #5CA9FF;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0;
}

.tabs-faq .active-label .label-text {
    display: block;
}

.tabs-faq .active-label .label,
.tabs-faq div.label-text>a font {
    color: #5CA9FF;
}

.tabs-faq .active-label .label::before {
    font-weight: normal;
    content: "-";
    width: 34px;
    height: 34px;
    color: #5CA9FF;
    display: inline-block;
    background: transparent;
    border: 1px solid #5CA9FF;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 29px;
    margin-right: 20px;
}

.label-text a font {
    color: #007bff;
}


/* Team */

.team h4,
.mob-block-team h4,
.team h4 font,
.mob-block-team h4 font {
    color: #222A38;
    width: 100%;
    text-align: center;
}

.creator h4,
.creator h4 font {
    color: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
}

.creator {
    background: rgba(16, 26, 49, 0.9);
    position: relative;
    padding: 30px 0 103px;
    display: none;
}

.creator::before {
    content: "";
    width: 100%;
    height: 165px;
    background-image: url("../images/big-line-2.png");
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    display: block;
    margin-bottom: 0px;
    opacity: 0.9;
    position: absolute;
    top: -165px
}

.team-photo-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/P1007564-1.png");
    background-position: 50% 0;
    background-size: 110% auto;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}

.team-photo {
    display: block;
    padding-top: 43%;
    position: relative;
}

.team-photo-bg.team-photo-fixed {
    /* background-attachment: fixed; */
}

.team-photo-img {
    display: none;
}

.creator .row::after {
    content: '';
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -52%;
    opacity: 0.7;
    left: 0px;
    background-image: url("../images/Vector-3.svg");
}

.creator .row::before {
    content: "";
    display: block;
    width: 162px;
    height: 156px;
    background-image: url("../images/Vector22222.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    opacity: 0.6;
    position: absolute;
    top: -217%;
    opacity: 0.5;
    right: 0;
}

.creator-section {
    display: flex;
    width: 100%;
}

.block-creator {
    display: inline-block;
    text-align: center;
    position: relative;
}

.block-creator img {
    width: 255px;
}

.block-creator::before {
    content: "";
    display: block;
    width: 51px;
    height: 51px;
    background-image: url("../images/Vector-3.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: -7%;
    opacity: 0.6;
}

.creator-text {
    display: inline-block;
    max-width: 815px;
    width: 100%;
}

.block-creator p,
.block-creator p font {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin: 17px 0 0;
}

.creator-text div,
.creator-text div font {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 20px;
}

.creator-text span,
.creator-text span font {
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
}


/* BLOG */

.blog {
    background: #ffffff;
    padding: 60px 0;
    color: #222A38;
    display: none;
}

.blog h4,
.blog h4 font {
    color: #222A38;
    margin-bottom: 57px;
}

.blog .slider-blog {
    overflow: hidden;
    padding: 0 25px 75px;
}

.blog .slider-blog p,
.slider-blog span,
.blog .slider-blog p font,
.slider-blog span font {
    color: #222A38;
}

.blog .slider-blog span {
    display: block;
    margin-bottom: 17px;
}

.slider-blog a,
.slider-blog a font {
    font-size: 14px;
    line-height: 16px;
    color: #5CA9FF;
    position: absolute;
    bottom: 20px;
}

.blog .slider-blog .slick-slide {
    padding: 16px 13px 14px 13px;
    height: 524px !important;
    margin-top: 7px;
    margin-bottom: 7px;
    position: relative;
}

.blog .slider-blog .slick-slide:hover {
    background: #FFFFFF;
    padding: 16px 13px 18px 13px;
    outline: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.blog .slider-blog .slick-slide:focus {
    outline: none;
}

.blog .slider-blog p,
.blog .slider-blog p font {
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 21px;
}

.blog .slick-slide {
    margin: 0 10px;
}

.blog .slick-slide img {
    /* filter: saturate(0%); */
}

.blog .slick-slide:hover img {
    filter: saturate(100%);
}

.blog .slick-list {
    margin: 0 -10px;
    min-height: 400px;
}

.slider-blog {
    overflow: hidden;
    position: initial;
}

.slider-blog .slick-prev,
.slider-blog .slick-next {
    border: 1px solid #E1B133;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    top: 88%;
    opacity: 0.5;
}

.slider-blog .slick-prev font,
.slider-blog .slick-next font {
    display: none;
}

.slider-blog .slick-prev {
    left: 45%;
}

.slider-blog .slick-next {
    right: 45%;
}

.slider-blog .slick-arrow::before {
    content: "";
    color: #E1B133;
    display: inline-block;
    width: 12px;
    height: 12px;
    opacity: 0.5;
    position: absolute;
}

.slider-blog .slick-prev::before {
    top: 15px;
    left: 18px;
    border: .3em solid;
    border-width: 0 .2em .2em 0;
    transform: rotateZ(137deg);
}

.slider-blog .slick-next::before {
    top: 15px;
    right: 18px;
    border: .3em solid;
    border-width: 0 .2em .2em 0;
    transform: rotateZ(-45deg);
}

.slider-blog .slick-arrow:hover::before,
.slider-blog .slick-arrow:hover {
    opacity: 1;
}

.img-video::before {
    content: '';
    width: 94px;
    height: 66px;
    background-image: url("../images/image-45.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 143px;
    left: 128px;
    z-index: 777;
}


/* End blog */

.mobile-app {
    padding: 68px 0 0px;
    position: relative;
    background: #ffffff;
}

.mobile-app::after {
    content: "";
    width: 100%;
    height: 165px;
    background-image: url("../images/big-line-2.png");
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    display: block;
    margin-bottom: -2px;
}

.mobile-app .row::before {
    content: "";
    display: block;
    width: 162px;
    height: 156px;
    background-image: url("../images/Vector22222.png");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    opacity: 0.6;
    position: absolute;
    bottom: -130px;
    right: -35px;
}

.mobile-app h4,
.mobile-app h4 font {
    color: #181E28;
    max-width: 100%;
    margin-bottom: 89px;
}

.container-block {
    max-width: 500px;
    width: 100%;
    display: flex;
    margin-bottom: 100px;
    z-index: 999;
}

.qr {
    max-width: 175px;
    margin: 39px auto 0;
}

.images-coin {
    max-width: 862px;
    position: absolute;
    top: 45px;
    right: -13%;
    z-index: 0;
}

.mob-block-team {
    display: none;
}


/* Footer */

footer.footer-top {
    background: #222A38;
    padding: 40px 0 30px;
    z-index: 20;
}

.logo-footer {
    width: 200px;
    display: block;
}

.app-mobile li {
    display: inline-block;
    width: 108px;
    margin: 26px 19px 30px 0;
}

.app-mobile a {
    display: block;
}

.social-icons {
    display: inline-block;
}

.social-icons a {
    display: block;
    width: 32px;
    height: 32px;
}

.bottom-menu {
    max-width: 790px;
    width: 100%;
}

.bottom-menu .nav {
    display: flex;
}

.bottom-menu a,
.bottom-menu a font {
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.address {
    margin: 11px 0 14px 50px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}

.address::before {
    content: "";
    display: block;
    width: 15px;
    height: 22px;
    background-image: url("../images/address.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -30px;
}

.email-address {
    margin-left: 38px;
    position: relative;
}

.email-address::before {
    content: "";
    display: block;
    width: 24px;
    height: 18px;
    background-image: url("../images/email.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: -20px;
}

.footer-bottom {
    background: #ffffff;
    padding: 16px 0;
}

.footer-bottom .row {
    align-items: baseline;
}

.footer-bottom p {
    margin: 0;
}

.footer-bottom p,
.footer-bottom,
.footer-bottom p font,
.footer-bottom a font {
    color: #222A38;
    font-size: 12px;
    line-height: 14px;
}

.footer-bottom a {
    text-decoration: underline;
    margin-left: 15px;
    color: #222A38;
    font-size: 12px;
    line-height: 14px;
}

.footer-bottom a:hover,
.footer-bottom a:hover font {
    color: #5CA9FF;
}

.footer-bottom .container {
    min-width: 430px;
    max-width: 700px;
    width: max-content;
}


/* animation */

.heart {
    display: inline-block;
    background-image: url("../images/O1.svg");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
    position: relative;
    top: 0;
    transform: rotate(-45deg);
    position: absolute;
    left: 40%;
    top: 55%;
}

.heart-2 {
    left: 10%;
    top: 75%;
}

.heart-3 {
    left: 16%;
    top: 20%;
}


/* добавляем "гамбургер" */

.hamburger-menu {
    position: relative;
}

.hamburger-menu input {
    display: none;
}


/* скрываем чекбокс */

#menu__toggle {
    opacity: 0;
}


/* стилизуем кнопку */

.menu__btn {
    display: flex;
    /* используем flex для центрирования содержимого */
    align-items: center;
    /* центрируем содержимое кнопки */
    position: absolute;
    top: 28px;
    left: 15px;
    width: 32px;
    height: 23px;
    cursor: pointer;
    z-index: 5385;
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
    display: block;
    position: absolute;
    width: 32px;
    height: 3.29px;
    background: #DEDEDE;
    border-radius: 10px;
}

.menu__btn>span::before {
    content: '';
    top: -8px;
}

.menu__btn>span::after {
    content: '';
    top: 8px;
}

.hamburger-menu,
.footer-2,
.navbar-2,
.mob-block-footer,
.advantages .row .bl-img-2 {
    display: none;
}

.dropDown2 a {
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px 8px 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

.dropDown2 a:focus {
    outline: none;
}

.dropDown2 .dropdown-menu a {
    color: #ffffff;
    text-align: center;
    padding: 1rem .5rem;
}

.dropDown2 .dropdown-menu {
    transform: translate3d(-30px, 30px, 0px) !important;
    min-width: 80px;
    max-width: 90px;
    background: #1E2633;
    color: #ffffff;
}

.slider-nav .lotte-item,
.top-buttons {
    display: none;
}


/* _________________________________________________________________________________ */


/* Company group and documents */

#header {
    background: #181E28;
}

#header .nav a,
#header .nav a font {
    color: #fff;
}

#header .nav .dropdown-item {
    color: #181E28
}

.block-document a:focus {
    outline-color: none;
    outline-style: none;
    outline-width: 0px;
}

.company-group h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    margin: 45px 0 42px;
    color: #181E28;
}

.company-group h5,
.company-group h5 font {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.company-group h4 font {
    color: #181E28;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
}

.company {
    max-width: 49%;
    width: 100%;
    background: #181E28;
    border-radius: 10px;
    padding: 20px 20px 20px 48px;
    margin-bottom: 30px;
}

.company img {
    width: auto;
}

.company>div {
    margin: 14px 0 20px;
}

.company>div,
.company>a {
    margin-left: 23px;
    position: relative;
}

.company>div::before {
    content: "";
    display: block;
    width: 15px;
    height: 22px;
    background-image: url("../images/address.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -24px;
}

.company>a::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url("../images/globus-222.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: -24px;
}

.company-software h5 {
    margin: 13px 0;
}

.company-btc {
    padding-top: 0;
}

.company-btc div,
.company-eurogroup div {
    margin-bottom: 70px;
}

.company-eurogroup h5 {
    margin-top: 22px;
}

.company-invest {
    padding-top: 10px;
    margin: 0 auto 30px;
}

.company-evaa {
    padding-top: 30px;
}

.company-evaa h5 {
    margin: 19px 0 11px;
}

.company p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.big-file {
    display: none;
}

.documents .row {
    align-items: baseline;
    padding-bottom: 57px;
    max-width: 800px;
    margin: auto;
}

.documents .block-document {
    max-height: 300px;
    height: 100%;
}

.documents h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #181E28;
    margin: 20px 0 38px;
}

.documents h4 font {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #181E28;
}

.documents p {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #181E28;
    width: 100%;
    /* max-width: 227px; */
    margin: 20px 0 0;
}

.documents img {
    width: 230px;
    height: 320px;
    margin: auto;
    box-shadow: -12px 12px 30px rgba(0, 0, 0, 0.1);
}

.broad-img img {
    margin: 0 auto 55px;
    width: 290px;
    height: 222px;
    box-shadow: -12px 12px 30px rgba(0, 0, 0, 0.1);
}

.block-document {
    position: relative;
}

.block-document>a img:hover {
    cursor: zoom-in;
}


/* _________________________________________________________________________________ */

.policy,
.privacy {
    padding: 45px 0 90px;
}

.policy h4,
.privacy h4 {
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #181E28;
    margin: 0 auto 50px;
}

.policy h4 font,
.privacy h4 font {
    color: #181E28;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
}

.policy p,
.policy span,
.policy li,
.privacy p,
.privacy span,
.privacy li {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    display: block;
}

.policy .row p font,
.policy .row span font,
.policy .row li font,
.privacy .row p font,
.privacy .row span font,
.privacy .row li font {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.policy div,
.privacy div {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: block;
}

.policy .row>div font {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.policy .row>div,
.privacy .row>div {
    margin: 0 0 25px;
}

.policy h3,
.privacy h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: #5CA9FF;
    display: block;
    text-align: left;
    margin: 40px 0;
}

.policy h3 font,
.privacy h3 font {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: #5CA9FF;
}

.policy a,
.privacy a {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    color: #5CA9FF;
    display: inline-block;
}

.policy a font,
.privacy a font {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    color: #5CA9FF;
}

.policy p,
.privacy p {
    margin-bottom: 30px;
}

.policy .row div>span,
.privacy .row div>span {
    display: inline;
}

.policy ul,
.privacy ul {
    margin: 0 0 30px 30px;
}

.policy li,
.privacy li {
    margin: 0 0 20px;
    position: relative;
}

.policy ul>li::before,
.privacy ul>li::before {
    content: "\2043";
    position: absolute;
    left: -20px;
}

#uppage {
    background: #222A38 url('../images/vector-1.png') no-repeat;
    opacity: 1;
    border: 1px solid #E1B133;
    background-position: 50% 50%;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 8px 4px 30px rgba(0, 0, 0, 0.15);
    width: 44px;
    height: 44px;
    display: none;
    position: fixed;
    z-index: 99;
    bottom: 20%;
    right: 2.9%;
}

#uppage:hover {
    background: #222A38 url('../images/vector-2.png') no-repeat 50%;
}


/* ________________________________________________________________ */


/* Media Query */

@media (max-width: 1600px) {
    .team-photo-bg {
        background-size: 120% auto;
    }
}

@media (max-width: 1310px) {
    .team-photo-bg {
        background-size: 150% auto;
    }
}

@media (max-width: 900px) {
    .team-photo-bg {
        background-size: 200% auto;
    }
}

@media (max-width: 600px) {
    .team-photo-bg {
        background-size: 300% auto;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 1000px;
    }
    .bottom-banner {
        padding: 19px 40px;
    }
    .capability {
        padding-top: 100px;
    }
    .capability::before {
        top: 100px;
    }
    .capability>div {
        margin-bottom: 0px;
        width: 100%;
    }
    .capability::after,
    .images-coin {
        display: none;
    }
    .capability>div:nth-child(2n+1) {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
    }
    .capability>div:nth-child(2n+1) p {
        display: flex;
        flex-direction: row-reverse;
        /* max-width: 190px; */
        padding-right: 20px;
        padding-left: 0;
    }
    .capability p {
        margin-top: 10%;
        max-width: 60%;
    }
    .capability .block-2 .block-image,
    .capability .block-4 .block-image,
    .capability .block-6 .block-image {
        left: 80%;
    }
    .capability .block-7 .block-image {
        left: 45px;
    }
    .container-block {
        margin: 0 auto 70px;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 43%;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 43%;
    }
    .creator .row::before {
        top: -106%;
    }
    .creator-text {
        padding-left: 40px;
    }
    .slider-for,
    .slider-nav {
        width: 400px;
    }
    .my-dots {
        left: 47%;
    }
    .creator {
        padding: 30px 0 45px;
    }
    .img-video::before {
        top: 22%;
        left: 33%;
    }
    .logo-img-footer .app-mobile,
    .logo-img-footer .social-icons,
    .top-buttons {
        display: none;
    }
    .mob-block-footer {
        display: block;
        position: absolute;
        bottom: -22px;
    }
    .mob-block-footer .social-icons {
        width: auto;
        margin-right: 0;
    }
    .logo-img-footer {
        width: 100%;
    }
    .bottom-menu {
        max-width: 100%;
    }
    .top-menu .nav {
        justify-content: space-between!important;
        margin-bottom: 30px;
    }
    .top-menu {
        max-width: 45%;
        width: 100%;
    }
    nav.top-menu {
        max-width: 54%;
    }
    .banner {
        margin: 70px 0 286px;
    }
    .img-banner {
        max-width: 350px;
    }
    .img-banner img {
        width: 500px;
        top: 10%;
        right: -13px;
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 900px;
    }
    .capability {
        padding-top: 100px;
    }
    .capability::before {
        top: 100px;
    }
    .capability>div {
        margin-bottom: 0px;
        width: 100%;
    }
    .capability::after,
    .images-coin {
        display: none;
    }
    .capability>div:nth-child(2n+1) {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
    }
    .capability>div:nth-child(2n+1) p {
        display: flex;
        flex-direction: row-reverse;
        /* max-width: 190px; */
        padding-right: 20px;
        padding-left: 0;
    }
    .capability p {
        margin-top: 10%;
        max-width: 60%;
    }
    .capability .block-2 .block-image,
    .capability .block-4 .block-image,
    .capability .block-6 .block-image {
        left: 78%;
    }
    .capability .block-7 .block-image {
        left: 45px;
    }
    .container-block {
        margin: 0 auto 70px;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 43%;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 43%;
    }
    .creator .row::before {
        top: -88%;
    }
    .creator-text {
        padding-left: 40px;
    }
    .slider-for,
    .slider-nav {
        width: 400px;
    }
    .my-dots {
        left: 47%;
    }
    .creator {
        padding: 30px 0 45px;
    }
    .img-video::before {
        top: 22%;
        left: 33%;
    }
    .logo {
        display: block;
    }
    .top-menu>p {
        margin: 35px 40px 0 10px;
    }
    .logo-img-footer .app-mobile,
    .logo-img-footer .social-icons,
    .top-buttons {
        display: none;
    }
    .mob-block-footer {
        display: block;
        position: absolute;
        bottom: -22px;
    }
    .mob-block-footer .social-icons {
        width: auto;
        margin-right: 0;
    }
    .logo-img-footer {
        width: 100%;
    }
    .bottom-menu {
        max-width: 100%;
    }
    .top-menu {
        max-width: 450px;
        width: 100%;
    }
    nav.top-menu {
        max-width: 40%;
    }
    .top-menu .nav {
        justify-content: space-between!important;
        margin-bottom: 30px;
    }
    .top-menu .dropdown,
    .top-menu .register,
    .top-menu .login {
        display: none;
    }
    .header-wrap top-buttons .register,
    .header-wrap top-buttons .login {
        display: inline-block;
        margin-top: 30px;
    }
    .top-buttons {
        display: flex;
    }
    .top-buttons .dropdown,
    .top-buttons .register,
    .top-buttons .login {
        display: block;
    }
    .banner {
        margin: 70px 0 286px;
    }
    .img-banner {
        max-width: 350px;
    }
    .img-banner img {
        width: 385px;
        top: 18%;
    }
    .top-menu2 .top-buttons .dropdown>a {
        color: #ffffff;
        padding: 7px 1em 13px;
    }
    .top-menu2 .top-buttons .dropdown .btn::after {
        border-color: #ffffff;
    }
    .bottom-banner {
        padding: 19px 25px;
    }
    .bottom-banner .reg-people {
        width: 20%;
        text-align: inherit;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 780px;
    }
    .light-bg:after {
        display: none;
    }
    .img-banner img {
        right: 0;
    }
    .top-menu {
        max-width: 50%;
    }
    nav.top-menu {
        max-width: 49%;
    }
    .logo {
        display: block;
        /* width: 100%; */
    }
    /* .logo img {
        max-width: 200px;
    } */
    .top-menu>p {
        margin: 35px 40px 0 10px;
    }
    .banner h1 span,
    .banner h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .img-banner {
        max-width: 180px;
    }
    .img-banner img {
        max-width: 368px;
        top: 30%;
        right: -20px;
    }
    .bottom-banner {
        padding: 39px 90px 19px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom-banner div {
        width: 37%;
        margin-bottom: 20px;
    }
    .bottom-banner .reg-people {
        width: 37%;
    }
    .slider-nav {
        max-width: 300px;
    }
    .my-dots {
        left: 52%;
    }
    .my-dots li {
        height: 132px;
    }
    .slider-for {
        padding-top: 14%;
    }
    .documents .block-document {
        width: 50%;
        text-align: center;
        margin-bottom: 50px;
    }
    .block-document:last-child p {
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    .container {
        max-width: 740px;
    }
    .capability .block-2 .block-image,
    .capability .block-4 .block-image,
    .capability .block-6 .block-image {
        left: 74%;
    }
    .capability .block-7 .block-image {
        left: 45px;
    }
    .creator .row::before {
        top: -30%;
    }
    .creator .row::after {
        top: -19%;
    }
    .team-photo {
        padding-top: 62%;
    }
    .block-creator::before {
        top: 30%
    }
    .img-banner img {
        max-width: 368px;
        top: 42%;
        right: -10px;
    }
    .bottom-banner {
        padding: 39px 60px 19px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 40%;
    }
}

@media (max-width: 768px) {
    .slider-for .lottie {
        opacity: 0 !important;
    }
    .container {
        max-width: 700px;
    }
    #gradient::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 75%;
        height: 800px;
        background-color: #F8F8F8;
        transform: rotate(-50deg);
        transform-origin: 166% -10%;
        z-index: 0;
    }
    #gradient::before {
        left: 0;
    }
    .top-menu,
    .top-menu,
    .light-bg,
    .capability::after,
    .elems-puls-1::before,
    .elems-puls-1::after,
    .elems-puls-2::before {
        display: none;
    }
    .hamburger-menu {
        display: block;
        z-index: 9;
        width: 100%;
    }
    /* контейнер меню */
    .menu__box {
        display: block;
        position: absolute;
        visibility: hidden;
        top: 0;
        z-index: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 80px 0;
        list-style: none;
        text-align: center;
        background: #1E2633;
        box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    }
    /* элементы меню */
    .menu__item {
        display: block;
        padding: 12px 24px;
        color: #333;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
    }
    .menu__item:hover {
        background-color: #CFD8DC;
    }
    #menu__toggle:checked~.menu__btn>span {
        transform: rotate(45deg);
    }
    #menu__toggle:checked~.menu__btn>span::before {
        top: 0;
        transform: rotate(0);
    }
    #menu__toggle:checked~.menu__btn>span::after {
        top: 0;
        transform: rotate(90deg);
    }
    #menu__toggle:checked~.menu__box {
        visibility: visible;
        width: 350px;
    }
    #menu__toggle:checked~.menu-mob .logo2,
    #menu__toggle:checked~.menu-mob .dropDown2 {
        display: none;
    }
    #menu__toggle:checked~.menu-mob {
        min-height: 73.53px;
    }
    .media-menu {
        display: flex;
        justify-content: center;
        position: absolute;
        top: 5.5%;
        width: 100%;
    }
    .media-menu p {
        margin: 0 10px;
        color: #E1B133;
    }
    .media-menu p span {
        color: #C4C4C4;
    }
    .media-menu p::after {
        content: '';
        background-image: url("../images/Vector.png");
        background-size: auto;
        background-position: 5px 0;
        background-repeat: no-repeat;
        width: 14px;
        height: 10px;
        display: inline-block;
    }
    .hamburger-menu img {
        max-width: 200px;
        width: 100%;
        display: block;
        margin: 22px auto 0;
        z-index: 299;
    }
    .hamburger-menu .dropdown-menu .dropdown-item:hover {
        background: transparent;
    }
    .hamburger-menu .navbar-brand {
        display: block;
        width: 210px;
    }
    .menu__box .logo {
        max-width: 180px;
    }
    .logo2 {
        display: block;
        z-index: 299;
        text-align: center;
    }
    .logo2 a {
        margin: auto;
        z-index: 444;
        position: relative;
    }
    .dropDown2 {
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 299;
    }
    .login-button {
        border: 1px solid #E1B133;
        border-radius: 10px;
        background: none;
        overflow: hidden;
        width: auto;
        display: inline-block;
        margin: 20px 3%;
    }
    .login-button a:hover {
        background: #E1B133;
        color: #fff;
    }
    .menu__box .btn-2 {
        display: inline-block;
    }
    .user-room a {
        padding: 7px 46px;
    }
    .register-button a {
        padding: 7px 30px;
    }
    .hamburger-menu .nav a {
        color: #fff;
        margin: 25px 0 0;
    }
    .hamburger-menu .nav .login .nav-link {
        padding: 15px 110px;
    }
    .hamburger-menu .nav .register .nav-link {
        padding: 15px 81px;
    }
    .login {
        margin: 30px 0;
    }
    .register {
        margin: 0;
    }
    .block-logo {
        min-height: 73.52px;
    }
    #menu__toggle:checked~.block-logo .logo2,
    #menu__toggle:checked~.block-logo .dropDown2,
    .team-photo-bg,
    .comand,
    .images-coin {
        display: none;
    }
    .mob-block-team {
        display: block;
    }
    .banner {
        margin: 60px auto 80%;
        text-align: center;
        z-index: 8;
    }
    .banner span {
        margin: 16px auto 0;
    }
    .banner h1 span,
    .banner h1 {
        text-align: center;
        font-size: 50px;
        line-height: 60px;
    }
    .banner p {
        margin: 0 auto 23px;
    }
    .img-banner {
        position: initial;
        z-index: 0;
    }
    .img-banner img,
    .img-banner .mobile {
        position: absolute;
        top: 47%;
        right: 12%;
        max-width: 500px;
        width: auto;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 43%;
    }
    /* .bottom-banner {
        padding: 19px 35px;
        display: block;
        bottom: -140px;
    }
    .bottom-banner div {
        display: block;
        margin: auto;
        width: 180px;
    }
    .bottom-banner .сapital {
        margin: 30px auto;
    } */
    .capability {
        padding: 190px 0 88px;
    }
    .capability::before {
        top: 160px;
    }
    .capability>div {
        margin-bottom: 0px;
        width: 100%;
    }
    .capability p {
        font-size: 12px;
        line-height: 16px;
        /* max-width: 190px; */
        padding-left: 20px;
        margin-top: 40px;
    }
    .capability img {
        max-width: 140px;
        max-height: 125px;
    }
    .capability .img-1 {
        max-width: 175px;
    }
    .capability::after {
        display: none;
    }
    .capability>div:nth-child(2n+1) {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
    }
    .capability>div:nth-child(2n+1) p {
        display: flex;
        flex-direction: row-reverse;
        /* max-width: 190px; */
        padding-right: 20px;
        padding-left: 0;
        margin-top: 55px;
    }
    .row .capability .block-image {
        max-width: 95px;
        max-height: 95px;
        top: 28px;
        left: 25px;
    }
    .block-1 .img-1 {
        top: -9px;
        left: -27px;
    }
    .row .block-2 .block-image {
        top: 30px;
        left: 84%;
    }
    .block-2 .img-1 {
        transform: scale(0.76) rotate(12deg);
        top: -10px;
        left: -26px;
    }
    .block-3 .img-1 {
        top: -15px;
        left: -30px;
    }
    .row .block-4 .block-image {
        left: 84%;
        top: 30px;
    }
    .row .block-4 .img-1 {
        max-width: 200px;
        top: 6px;
        left: -32px;
    }
    .block-5 .img-1 {
        transform: rotate(90deg);
        top: 0;
        left: -33px;
    }
    .row .block-6 .block-image {
        top: 31px;
        left: 84%;
    }
    .block-6 .img-1 {
        top: -6px;
        left: -32px;
    }
    .row .block-7 .block-image {
        left: 28px;
        top: 32px;
    }
    .row .block-7 p {
        margin-top: 60px;
    }
    .row .block-7 .img-1,
    .row .block-8 .img-1 {
        top: -13px;
        left: -12px;
        max-width: 115px;
    }
    .row .block-8 .block-image {
        left: 84%;
        top: 34px;
    }
    .opportunity::after {
        background-image: url(../images/Rectangle351.png);
        background-repeat: no-repeat;
        height: 105px;
    }
    .container-block {
        margin: 0 auto 100px;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 42%;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 42%;
    }
    .faq {
        padding: 60px 0 0px;
    }
    .tabs-faq div {
        font-size: 14px;
        line-height: 18px;
    }
    .team-photo {
        background: none;
        padding: 0;
    }
    .team-photo-img {
        display: block;
        width: 100%;
        height: 420px;
        position: relative;
    }
    .team-photo-img img {
        position: absolute;
    }
    .creator::before {
        opacity: 1;
    }
    .creator {
        background: rgba(16, 26, 49, 1);
        padding: 10px 0 40px;
    }
    .creator .row::after {
        top: -17%;
    }
    .creator .row::before {
        top: -63%;
    }
    .creator-text {
        max-width: 402px;
    }
    .block-creator::before {
        top: 30%;
    }
    .logo-img-footer .app-mobile,
    .logo-img-footer .social-icons {
        display: none;
    }
    .mob-block-footer {
        display: block;
        position: absolute;
        bottom: -22px;
    }
    .mob-block-footer .social-icons {
        width: auto;
        margin-right: 0;
        ;
    }
    .blog h4 {
        margin-bottom: 30px;
    }
    .my-dots {
        left: 0;
    }
    .slider-for {
        position: absolute;
    }
    .slider-for .lotte-item {
        display: none;
    }
    .slider-nav {
        width: 100%;
        padding-left: 80px;
        max-width: 100%;
    }
    .my-dots li {
        height: 100px;
    }
    .road-map-slick .slick-arrow:hover::before,
    .road-map-slick .slick-arrow:hover,
    .slider-blog .slick-arrow:hover::before,
    .slider-blog .slick-arrow:hover {
        opacity: 0.5;
    }
    .road-map-slick .slick-arrow:active::before,
    .road-map-slick .slick-arrow:active,
    .slider-blog .slick-arrow:active::before,
    .slider-blog .slick-arrow:active {
        opacity: 1;
    }
    .btn-1:hover {
        letter-spacing: -0.0px;
    }
    .btn-1:hover rect {
        fill: none;
        stroke: #5CA9FF;
        stroke-width: 2;
        stroke-dasharray: 422, 0;
        transition: all 0.35s linear;
        -webkit-transition: all 0.35s linear;
    }
    .btn-1:active rect {
        stroke-width: 2;
    }
    .bottom-banner {
        bottom: -105px;
        justify-content: space-between;
    }
    .bottom-menu .nav-hov:hover:after {}
    .nav-hov:hover:after {
        border-color: #1E2633;
    }
    .footer-bottom .container {
        max-width: 700px;
    }
}

@media (max-width: 725px) {
    .container {
        max-width: 600px;
    }
    .footer-bottom .container {
        max-width: 600px;
    }
    #gradient::after {
        width: 75%;
        transform-origin: 168% -8%;
    }
    .img-banner img,
    .img-banner .mobile {
        top: 52%;
        right: 9%;
        max-width: 450px;
    }
    .row .block-2 .block-image,
    .row .block-4 .block-image,
    .row .block-6 .block-image {
        left: 81%;
    }
    .row .block-7 .block-image {
        left: 28px;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 40%;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 40%;
    }
    .faq {
        padding: 60px 0 0px;
    }
    .tabs-faq div {
        font-size: 14px;
        line-height: 18px;
    }
    .tabs-faq .label {
        padding: 15px 15px 15px 55px;
        position: relative;
    }
    .tabs-faq .label::before {
        position: absolute;
        left: 10px;
        top: 7px;
    }
    .tabs-faq .faq-item:nth-child(3) .label::before {
        top: 13px;
    }
    .creator-text {
        width: 60%;
    }
    .block-creator {
        width: 35%;
    }
    .block-creator img {
        width: 100%;
    }
    .block-creator::before {
        top: 22%;
    }
    .my-dots li {
        height: 115px;
    }
    .slider-nav .item:nth-child(3) {
        margin: 50px 0;
    }
    .slider-nav .item:nth-child(5) {
        margin: 70px 0;
    }
    .slider-nav .slick-active {
        margin: 0px 0;
    }
    .company-btc div,
    .company-eurogroup div {
        margin-bottom: 16px;
    }
    .bottom-banner {
        padding: 39px 40px 19px;
        justify-content: space-between;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 48%;
    }
}

@media (max-width: 640px) {
    .container {
        max-width: 500px;
    }
    .footer-bottom .container {
        max-width: 500px;
    }
    .footer-bottom .container .justify-content-between {
        justify-content: center !important;
    }
    .footer-bottom .container .row>div {
        display: flex;
        justify-content: space-between;
    }
    .footer-bottom .container .row>div a {
        margin-left: 20px;
    }
    .footer-bottom .container .row>div a:first-child {
        margin-left: 0;
    }
    .banner {
        margin: 60px auto 110%;
    }
    .img-banner img,
    .img-banner .mobile {
        top: 46%;
    }
    .capability::before {
        top: 200px;
        width: 70px;
        height: 70px;
        background-size: 100%;
    }
    #gradient::after {
        width: 80%;
        transform-origin: 169% -4%;
    }
    .row .block-2 .block-image,
    .row .block-4 .block-image,
    .row .block-6 .block-image {
        left: 77%;
    }
    .row .block-7 .block-image {
        left: 28px;
    }
    .block-creator::before {
        top: 15%;
    }
    .img-banner img,
    .img-banner .mobile {
        right: 0;
    }
    .mob-block-footer {
        position: inherit;
        margin: 30px 0 0 0;
        width: 100%;
    }
    .mob-block-footer>.app-mobile {
        max-width: 300px;
        margin: auto;
    }
    #contact {
        margin-top: 30px;
        width: 100%;
    }
    #contact .menu {
        max-width: 204px;
        margin: auto;
    }
    #contact .menu li:first-child {
        text-align: center;
    }
    .logo-img-footer {
        width: 100%;
        margin-bottom: 30px;
    }
    .logo-footer {
        margin: auto;
    }
    .creator .row::before {
        top: -40%;
    }
    .creator .row::after {
        top: -11%;
    }
    .slider-nav p {
        font-size: 14px;
        line-height: 19px;
    }
    .company {
        max-width: 100%;
    }
    .company-btc div,
    .company-eurogroup div {
        margin-bottom: 70px;
    }
    .bottom-banner {
        flex-direction: column;
        bottom: -170px;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 55%;
    }
    .capability {
        padding: 220px 0 88px;
    }
    .capability::before {
        top: 240px;
    }

    .documents .row {
        max-width: inherit;
        margin: 0;
    }
    .documents {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    .documents .block-document {
        width: 60%;
        margin: 0 auto 35px;
        height: auto;
    }
    .broad-img img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .documents img {
        margin-bottom: 10px;
    }
}

@media (max-width: 540px) {
    .container {
        max-width: 440px;
    }
    .footer-bottom .container {
        max-width: 440px;
    }
    .road-map .container {
        max-width: 600px;
    }
    .img-banner img,
    .img-banner .mobile {
        top: 49%;
        right: -8%;
    }
    .banner {
        margin: 60px auto 125%;
    }
    #gradient::after {
        transform-origin: 220% 8%;
    }
    .capability p {
        max-width: 190px;
    }
    .row .block-2 .block-image,
    .row .block-4 .block-image,
    .row .block-6 .block-image {
        left: 74%;
    }
    .row .block-7 .block-image {
        left: 28px;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 35%;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 35%;
    }
    .creator .row::before {
        top: -35%;
        right: -28px;
    }
    .block-creator::before {
        top: 11%;
    }
    .block-creator,
    .creator-text {
        width: 100%;
    }
    .creator .justify-content-between {
        justify-content: center !important;
    }
    .creator-section {
        display: block;
    }
    .block-creator img {
        width: 255px;
        margin: auto;
    }
    .team-photo-img img {
        width: 130%;
        left: -10%;
    }
    .creator .row::after {
        top: -10%;
        width: 60px;
        height: 60px;
        background-size: 100%;
    }
    .blog .slider-blog .slick-slide {
        height: 580px !important;
    }
    .documents .block-document {
        width: 100%;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 60%;
    }
    .documents .block-document {
        width: 70%;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: 375px;
    }
    .footer-bottom .container {
        max-width: 375px;
        min-width: auto;
    }
    .road-map .container {
        max-width: 500px;
    }
    .banner h1 span,
    .banner h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner {
        margin: 40px auto 140%;
        /* z-index: 0; */
    }
    .banner h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .media-menu {
        top: 3.5%;
    }
    .img-banner img,
    .img-banner .mobile {
        max-width: 390px;
        top: 46%;
    }
    #gradient::after {
        transform-origin: 195% 0%;
    }
    .row .block-2 .block-image,
    .row .block-4 .block-image,
    .row .block-6 .block-image {
        left: 70%;
    }
    .row .block-7 .block-image {
        left: 28px;
    }
    .capability>div {
        margin-bottom: 15px;
    }
    .mobile-app h4 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 29px;
    }
    .justify-content-between {
        justify-content: center !important;
    }
    #menu__toggle:checked~.menu__box {
        width: 130%;
        margin-left: -15%;
        min-height: 900px;
    }
    #num-banner.banner-index {
        z-index: 0;
    }
    .body-sroll {
        overflow-y: hidden;
    }
    .hamburger-menu .nav a {
        font-size: 20px;
        line-height: 24px;
    }
    .container-block {
        width: 100%;
        display: block;
        margin: 0 0 30px;
    }
    .container-block .mob-block {
        width: 100%;
        margin: 35px 0;
        display: block;
    }
    .mob-block img:first-child {
        width: auto;
        margin: auto;
    }
    .mobile-app .row::before {
        bottom: -109px;
        background-size: 80%;
    }
    .slider-nav .item:nth-child(3) {
        margin: 40px 0;
    }
    .slider-nav .item:nth-child(5) {
        margin: 56px 0;
    }
    /* .road-map-slick .slick-current {
        margin-bottom: 20px;
    } */
    .road-map .row::before {
        display: none;
    }
    .tabs-faq .label::before {
        top: 13px;
    }
    .tabs-faq .label-4::before {
        top: 7px;
    }
    .creator .row::before {
        top: -38%;
        right: -25px;
        width: 100px;
        height: 100px;
        background-size: 100%;
    }
    .block-creator,
    .creator-text {
        width: 100%;
    }
    .creator-section {
        display: block;
    }
    .block-creator img {
        width: 255px;
        margin: auto;
    }
    .block-creator::before {
        top: 55%;
        right: 33px;
    }
    .block-creator p {
        margin: 20px 0;
    }
    .creator-text div,
    .creator-text span {
        font-size: 13px;
    }
    .blog h4 {
        margin-bottom: 20px;
    }
    .blog {
        padding: 30px 0 60px;
    }
    .bottom-menu .nav {
        display: block;
    }
    .bottom-menu {
        text-align: center;
    }
    .bottom-menu>ul>.nav-item {
        margin-bottom: 25px;
    }
    .address {
        margin: 40px 0 14px 0px;
    }
    .address::before {
        top: -30px;
        left: 48%;
    }
    .email-address {
        margin: 50px 0 0;
    }
    .email-address::before {
        top: -18px;
        left: 46%;
    }
    .mob-block-footer .social-icons {
        width: 100%;
        margin: auto;
    }
    .mob-block-footer .social-icons a {
        margin: auto;
    }
    .app-mobile li {
        width: 115px;
        margin: 26px 10px 30px;
    }
    .footer-top .bottom-menu .nav-item:first-child {
        max-width: none;
    }
    .bottom-banner {
        padding: 39px 75px 19px;
        bottom: -173px;
    }
    .bottom-banner div,
    .bottom-banner .reg-people {
        width: 100%;
    }
    .documents .block-document {
        width: 70%;
    }
    .documents img {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .container {
        max-width: 300px;
    }
    .footer-bottom .container {
        max-width: 300px;
    }
    .road-map .container {
        max-width: 440px;
    }
    #gradient::after {
        transform-origin: 229% 8%;
    }
    .hamburger-menu img {
        max-width: 165px;
        ;
    }
    .banner {
        margin: 26px auto 590px;
    }
    .banner h1 span,
    .banner h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .banner p {
        font-size: 16px;
        line-height: 22px;
    }
    .img-banner img,
    .img-banner .mobile {
        right: -15%;
        top: 45%;
        max-width: 350px;
    }
    .bottom-banner {
        padding: 39px 40px 19px;
        bottom: -180px;
    }
    .capability::before {
        top: 220px;
        width: 60px;
        height: 60px;
    }
    .capability p {
        max-width: 180px;
    }
    .capability img {
        max-width: 115px;
    }
    .row .capability .block-image {
        width: 85px;
        height: 85px;
        top: 22px;
        left: 17px;
    }
    .row .block-2 .block-image,
    .row .block-4 .block-image,
    .row .block-6 .block-image {
        left: 68%;
    }
    .capability>div {
        margin-bottom: 30px;
    }
    .row .block-6 .block-image {
        top: 33px;
    }
    .row .block-7 .block-image {
        left: 19px;
        top: 21px;
    }
    .capability {
        padding: 210px 0 40px;
    }
    .road-map-slick .slick-next,
    .slider-blog .slick-next {
        right: 30%;
    }
    .road-map-slick .slick-prev,
    .slider-blog .slick-prev {
        left: 32%;
    }
    .creator .row::before {
        top: -28%;
    }
    .team-photo-img img {
        width: 155%;
        left: -16%;
    }
    .block-creator::before {
        right: 0;
    }
    .blog .slider-blog .slick-slide {
        height: 500px !important;
    }
    .slider-nav {
        padding-left: 60px;
    }
    .my-dots {
        left: 10%;
    }
    .my-dots li {
        height: 135px;
    }
    .creator .row::after {
        top: -8%;
    }
    .documents .block-document {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .container {
        max-width: 300px;
    }
    .footer-bottom .container {
        max-width: 300px;
    }
    .road-map .container {
        max-width: 400px;
    }
}

@media (max-width: 320px) {
    #menu__toggle:checked~.menu__box {
        visibility: visible;
    }
    #gradient::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 800px;
        background-color: #F8F8F8;
        transform: rotate(-50deg);
        transform-origin: 217% 15%;
        z-index: 0;
    }
    #gradient::before {
        left: 0;
    }
    .capability {
        padding: 200px 0 30px;
    }
    .capability::before {
        display: none;
    }
    .img-banner {
        position: initial;
    }
    .container {
        max-width: 300px;
    }
    .banner {
        margin: 45px 0 465px;
        text-align: center;
    }
    .banner h1 span,
    .banner h1 {
        font-size: 34px;
        line-height: 40px;
        text-align: center;
    }
    .banner h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .banner p {
        font-size: 17px;
        line-height: 24px;
    }
    .menu__btn {
        left: 0;
    }
    .dropDown2 {
        right: -10px;
    }
    .banner>span {
        margin: 16px auto 0;
        ;
    }
    .img-banner img,
    .img-banner .mobile {
        position: absolute;
        top: 50%;
        right: -15%;
    }
    .img-banner .mobile {
        max-width: 95px;
        width: 100%;
        top: 55%;
    }
    .bottom-banner {
        padding: 19px 40px;
        display: block;
    }
    .bottom-banner div {
        display: block;
        width: 100%;
    }
    .bottom-banner div:last-child {
        margin: 0;
    }
    .сapital {
        margin: 30px 0;
    }
    .capability>div {
        margin-bottom: 25px;
    }
    .capability p {
        font-size: 12px;
        line-height: 16px;
        max-width: 190px;
        padding-left: 20px;
    }
    .capability img {
        max-width: 105px;
    }
    .capability .img-1 {
        max-width: 150px;
    }
    .capability::after,
    .creator .row::before {
        display: none;
    }
    .capability>div:nth-child(2n+1) {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
    }
    .capability>div:nth-child(2n+1) p {
        display: flex;
        flex-direction: row-reverse;
        max-width: 190px;
        padding-right: 20px;
        padding-left: 0;
    }
    .row .capability .block-image {
        max-width: 85px;
        max-height: 85px;
        top: 15px;
        left: 17px;
    }
    .block-1 .img-1 {
        top: -9px;
        left: -27px;
    }
    .row .block-2 .block-image {
        top: 15px;
        left: 70%;
    }
    .block-2 .img-1 {
        transform: scale(0.76) rotate(12deg);
        top: -10px;
        left: -26px;
    }
    .block-3 .img-1 {
        top: -15px;
        left: -30px;
    }
    .row .block-4 .block-image {
        left: 69%;
        top: 16px;
    }
    .row .block-4 .img-1 {
        max-width: 180px;
        top: 4px;
        left: -29px;
    }
    .block-5 .img-1 {
        transform: rotate(90deg);
        top: 0;
        left: -33px;
    }
    .row .block-6 .block-image {
        top: 18px;
        left: 69%;
    }
    .block-6 .img-1 {
        top: -6px;
        left: -32px;
    }
    .row .block-7 .block-image {
        left: 14px;
        top: 15px;
    }
    .row .block-7 .img-1,
    .row .block-8 .img-1 {
        top: -13px;
        left: -12px;
        max-width: 110px;
    }
    .row .block-8 .block-image {
        left: 69%;
        top: 16px;
    }
    .opportunity::after {
        background-image: url(../images/Rectangle351.png);
        background-repeat: no-repeat;
    }
    h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .graph {
        padding: 10px 0 30px;
    }
    .road-map {
        padding: 30px 0 125px;
    }
    .road-map-slick .slick-prev,
    .road-map-slick .slick-next {
        top: 115%;
    }
    .road-map-slick .slick-next {
        right: 30%;
    }
    .road-map-slick .slick-prev {
        left: 30%;
    }
    .mobile-app h4 {
        margin-bottom: 20px;
    }
    .images-coin,
    .road-map .row::before,
    .creator .row::after {
        display: none;
    }
    .container-block {
        width: 100%;
        display: block;
        margin: 0 0 30px;
    }
    .container-block .mob-block {
        width: 100%;
        margin: 25px 0;
    }
    .mob-block img:first-child {
        width: auto;
        margin: auto;
    }
    .mobile-app .row::before {
        bottom: -109px;
        background-size: 80%;
    }
    .faq {
        padding: 60px 0 0px;
    }
    .tabs-faq div {
        font-size: 14px;
        line-height: 18px;
    }
    .tabs-faq .label {
        padding: 15px 15px 15px 55px;
        position: relative;
    }
    .tabs-faq .label::before {
        position: absolute;
        left: 10px;
    }
    .tabs-faq .label-mob::before {
        top: 7px;
    }
    .tabs-faq .label-4::before {
        top: 8px;
    }
    .blog .slider-blog p {
        font-size: 16px;
    }
    .team-photo {
        background: none;
        padding: 0;
    }
    .team-photo-img {
        display: block;
        width: 670px;
        height: 370px;
        position: relative;
    }
    .team-photo-img img {
        position: absolute;
        left: -141px;
        width: 105%;
    }
    .creator-text {
        padding-left: 0;
    }
    /* .creator::before {
        background-image: url(../images/Rectangle-368.png);
        background-position: center;
        background-size: auto;
        background-repeat: no-repeat;
        opacity: 1;   
    } */
    .creator-section {
        display: block;
        text-align: center;
    }
    .creator {
        background: rgba(16, 26, 49, 1);
        padding: 10px 0 40px;
    }
    .block-creator,
    .creator-text {
        width: 100%;
    }
    .block-creator img {
        margin: auto;
    }
    .block-creator::before {
        right: 0;
    }
    .block-creator p {
        margin-bottom: 15px;
    }
    .creator-text div {
        /* text-align: left; */
        font-size: 13px;
    }
    .blog {
        padding: 30px 0 30px;
    }
    .blog h4 {
        margin-bottom: 20px;
    }
    .blog .slider-blog {
        padding-bottom: 100px;
    }
    .slider-blog .slick-prev,
    .slider-blog .slick-next {
        top: 84%;
    }
    .slider-blog .slick-prev {
        left: 30%;
    }
    .slider-blog .slick-next {
        right: 30%;
    }
    .logo-img-footer {
        width: 100%;
        text-align: center;
    }
    .logo-footer {
        margin: auto;
    }
    .app-mobile li {
        /* margin: 20px 10px 20px 10px; */
        margin: 0;
        width: 100%;
    }
    .logo-img-footer>li {
        float: none;
    }
    .logo-img-footer>li:first-child {
        float: none;
    }
    .social-icons {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .app-mobile li:first-child {
        margin: 20px 0;
    }
    .app-mobile a {
        width: 147px;
        margin: 0 auto;
    }
    .mob-block-footer .social-icons a {
        width: 32px;
        height: 32px;
        margin: 20px auto;
    }
    .app-mobile img {
        filter: opacity(50%);
    }
    .logo-img-footer {
        margin: 0;
    }
    .bottom-menu .nav {
        display: block;
    }
    .bottom-menu {
        text-align: center;
    }
    .bottom-menu>ul>.nav-item {
        margin-bottom: 25px;
    }
    .address {
        margin: 40px 0 14px 0px;
    }
    .address::before {
        top: -30px;
        left: 48%;
    }
    .email-address {
        margin: 50px 0 0;
    }
    .email-address::before {
        top: -18px;
        left: 46%;
    }
    .justify-content-between {
        justify-content: center !important;
    }
}