mctayasi

home.html

<!DOCTYPE html>

<head>

<title>MetaYasi - Enjoy in Digital</title>

</head>

<body>

<svg width="187"

height="20" viewBox="0 0 187 20" fill="none" xmlns="http://www.w3.org/2000/svg">

<path fill-

rule="evenodd" clip-rule="evenodd" d="M46.0604 10.1513C46.0604 11.4902 44.975

12.5755 43.6362 12.5755C42.2973 12.5755 41.2119 11.4902 41.2119 10.1513C41.2119

8.81242 42.2973 7.72705 43.6362 7.72705C44.975 7.72705 46.0604 8.81242 46.0604

10.1513ZM94.0149 10.1513C94.0149 11.4902 92.9296 12.5755 91.5907 12.5755C90.2518

12.5755 89.1665 11.4902 89.1665 10.1513C89.1665 8.81242 90.2518 7.72705 91.5907

7.72705C92.9296 7.72705 94.0149 8.81242 94.0149 10.1513ZM141.591 12.5755C142.93

12.5755 144.015 11.4902 144.015 10.1513C144.015 8.81242 142.93 7.72705 141.591

7.72705C140.252 7.72705 139.166 8.81242 139.166 10.1513C139.166 11.4902 140.252

12.5755 141.591 12.5755Z" fill="#00D4FF" />

<path fill-

rule="evenodd" clip-rule="evenodd" d="M7.87879 0C3.52745 0 0 3.52745 0

7.87879V20H3.63636V7.87879C3.63636 5.53576 5.53576 3.63636 7.87879

3.63636C10.2218 3.63636 12.1212 5.53576 12.1212

7.87879V20H15.7576V7.87879C15.7576 5.53576 17.657 3.63636 20 3.63636C22.343

3.63636 24.2424 5.53576 24.2424 7.87879V20H27.8788V7.87879C27.8788 3.52745 24.3513

0 20 0C17.5631 0 15.3846 1.10634 13.9394 2.84415C12.4942 1.10634 10.3157 0 7.87879

0ZM80.6818 10.9091C80.6818 4.88417 85.566 0 91.5909 0C97.6158 0 102.5 4.88417 102.5

10.9091V20H98.8636V10.9091C98.8636 6.89247 95.6075 3.63636 91.5909

3.63636C87.5743 3.63636 84.3182 6.89247 84.3182

10.9091V20H80.6818V10.9091ZM141.591 0C135.566 0 130.682 4.88417 130.682

10.9091V20H134.318V10.9091C134.318 6.89247 137.574 3.63636 141.591

3.63636C145.608 3.63636 148.864 6.89247 148.864 10.9091V20H152.5V10.9091C152.5

4.88417 147.616 0 141.591 0ZM33.1061 10.1515C33.1061 4.71235 37.5154 0.30303

42.9545 0.30303H52.0555V3.93939H42.9545C39.5237 3.93939 36.7424 6.72066 36.7424

10.1515C36.7424 13.5824 39.5237 16.3636 42.9545

16.3636H52.0555V20H42.9545C37.5154 20 33.1061 15.5907 33.1061 10.1515ZM65.6061

3.93939V20H69.2424V3.93939H76.5152V0.30303L58.3333 0.30303V3.93939L65.6061

3.93939ZM183.258 0.30303L186.894 0.30303V20H183.258V0.30303ZM118.485

10.9059C120.663 10.5323 122.69 9.49344 124.273 7.90978C124.906 7.27759 125.451

6.57468 125.902 5.81969L124.471 4.96504L125.902 5.81969C126.89 4.16589 127.424

2.26203 127.424 0.30303H124.091C124.091 1.65491 123.722 2.96882 123.04

4.11038C122.729 4.63132 122.353 5.11635 121.916 5.55276C120.524 6.94508 118.636

7.72727 116.667 7.72727C114.698 7.72727 112.809 6.94508 111.417 5.55276C110.981

5.11635 110.604 4.63133 110.293 4.11038C109.611 2.96882 109.242 1.65491 109.242

0.303032L105.909 0.303032C105.909 2.26203 106.443 4.16589 107.431 5.8197C107.882

6.57468 108.428 7.27759 109.06 7.90979C110.644 9.49344 112.67 10.5323 114.848

10.9059V20H118.485V10.9059ZM157.576 6.13636C157.576 2.9147 160.187 0.30303

163.409 0.30303H175.303V3.93939H163.409C162.196 3.93939 161.212 4.92301 161.212

6.13636C161.212 7.34972 162.196 8.33333 163.409

8.33333H165.232H170.632H171.288C174.51 8.33333 177.121 10.945 177.121

14.1667C177.121 17.3883 174.51 20 171.288 20H159.394V16.3636H171.288C172.501

16.3636 173.485 15.38 173.485 14.1667C173.485 12.9533 172.501 11.9697 171.288

11.9697H170.632H165.232H163.409C160.187 11.9697 157.576 9.35802 157.576 6.13636Z"

fill="url(#paint0_linear_4_129)" />

<defs>

<linearGradient id="paint0_linear_4_129" x1="93.447" y1="0" x2="93.447" y2="20"

gradientUnits="userSpaceOnUse">

<stop

stop-color="white" />

<stop

offset="1" stop-color="#ECF6F8" stop-opacity="0.85" />

</linearGradient>

</defs>

</svg>

</a>

</div>

<li class="menu__item"><a href="#"

data-goto-header data-goto=".intro" class="menu__link">About</a></li>

<li class="menu__item"><a href="#"

data-goto-header data-goto=".principles" class="menu__link">Team leaders</a></li>

<li class="menu__item"><a href="#"

data-goto-header data-goto=".crypto" class="menu__link">Digital soluitions</a></li>

<li class="menu__item"><a href="#"

data-goto-header data-goto=".projects" class="menu__link">Projects</a></li>

<li class="menu__item"><a href="#"

data-goto-header data-goto=".contact" class="menu__link">Contact us</a></li>

</ul>

<button type="button" class="menu__icon

icon-menu"><span></span></button>

</nav>

</div>

</header>

We are a web 3.0 company,

exploring <span>big ideas</span> and creating

<span>universal economies</span>

in the digital world

</h1>

<a href="#" class="button

intro__button">Talk to us</a>

</div>

</section>

Our company is focused on

producing and investing in digital projects, digital assets and

metaverses

</h2>

<p class="text about__text _anim-

items">

We are going to attract

investments for our projects using the modern digital

technologies based on

blockchain

</p>

<p class="text about__text _anim-

items">

We handle the entire

product development process from initial requirements to launch and

operation

</p>

</div>

<!-- Swiper slider container --

>

<div class="about__wrapper

swiper-wrapper">

<!-- Swiper slider

slide -->

<div

class="about__slide swiper-slide _anim-items">

<div

class="about__item">

<!--

Feature black text -->

<p

class="about__feature">

Experince

</p>

<!--

Feature white amount -->

<p

class="about__amount">

7

</p>

<!--

Feature black text -->

<p

class="about__feature">

years

</p>

</div>

<div

class="about__slide swiper-slide _anim-items">

<div

class="about__item">

<!--

Feature black text -->

<p

class="about__feature">

Team

</p>

<!--

Feature white amount -->

<p

class="about__amount">

80

</p>

</div>

<div

class="about__slide swiper-slide _anim-items">

<div

class="about__item">

<!--

Feature black text -->

<p

class="about__feature">

Projects

</p>

<!--

Feature white amount -->

<p

class="about__amount">

92

</p>

</div>

<div

class="about__slide swiper-slide _anim-items">

<div

class="about__item">

<!--

Feature black text -->

<p

class="about__feature">

Offices

</p>

<!--

Feature white amount -->

<p

class="about__amount">

5

</p>

</div>

</section>

<!-- Our Principles section (third block (after about/before team

leaders)) -->

<h2 class="title principles__title _anim-

items">

Our Principles

</h2>

<div class="principles__item _anim-

items">

<!-- Title of principles

item(Blue text) -->

<h3

class="principles__principle">

Flexibility

</h3>

<!-- Description of principle --

>

<p class="text

principles__text">

We propose several

solution options, which makes it possible to look at any idea

from different angles

</p>

</div>

<div class="principles__item _anim-

items">

<!-- Title of principles

item(Blue text) -->

<h3

class="principles__principle">

Product approach

</h3>

<!-- Description of principle --

>

<p class="text

principles__text">

We use the product

approach in project development of varying complexity

</p>

</div>

<div class="principles__item _anim-

items">

<!-- Title of principles

item(Blue text) -->

<h3

class="principles__principle">

Timeliness

</h3>

<!-- Description of principle --

>

<p class="text

principles__text">

100% of our projects

were launched on time

</p>

</div>

<div class="principles__item _anim-

items">

<!-- Title of principles

item(Blue text) -->

<h3

class="principles__principle">

Team's composition

</h3>

<!-- Description of principle --

>

<p class="text

principles__text">

Highly professional

specialists with a great background in projects of digital and

technologies

</p>

</div>

</section>

Team Leaders

</h2>

<div class="team__wrapper

swiper-wrapper">

<div

class="team__slide swiper-slide _anim-items">

<div

class="team__item">

<div

class="team__img">

<picture><source srcset="img/team/team1.webp" type="image/webp"><img

src="img/team/team1.jpg" alt="Employe photo"></picture>

</div>

<h3

class="team__name">

Mohamed Hamdan Al Falahi

</h3>

<p

class="text team__text">

Chairman

</p>

</div>

<div

class="team__slide swiper-slide _anim-items">

<div

class="team__item">

<div

class="team__img">

<picture><source srcset="img/team/team2.webp" type="image/webp"><img

src="img/team/team2.jpg" alt="Employe photo"></picture>

</div>

<h3

class="team__name">

Mohamed Obaid Ahmed Al Zaabi

</h3>

<p

class="text team__text">

Vice-Chairman

</p>

</div>

<div

class="team__slide swiper-slide _anim-items">

<div

class="team__item">

<div

class="team__img">

<picture><source srcset="img/team/team3.webp" type="image/webp"><img

src="img/team/team3.jpg" alt="Employe photo"></picture>

</div>

<h3

class="team__name">

Alexey <br> Shestakov

</h3>

<p

class="text team__text">

CEO

</p>

</div>

</section>

Crypto projects

</h2>

<div class="crypto__wrapper

swiper-wrapper">

<div

class="crypto__slide swiper-slide _anim-items">

<div

class="crypto__item icon-item">

<div

class="crypto__icon icon-circle crypto__icon-exchanges">

</div>

<p

class="text">

Exchanges

</p>

</div>

<div

class="crypto__slide swiper-slide _anim-items">

<div

class="crypto__item icon-item">

<div

class="crypto__icon icon-circle crypto__icon-market">

</div>

<p

class="text">

Marketplaces

</p>

</div>

<div

class="crypto__slide swiper-slide _anim-items">

<div

class="crypto__item icon-item">

<div

class="crypto__icon icon-circle crypto__icon-tokens">

</div>

<p

class="text">

Tokens

</p>

</div>

<div

class="crypto__slide swiper-slide _anim-items">

<div

class="crypto__item icon-item">

<div

class="crypto__icon icon-circle crypto__icon-dao">

</div>

<p

class="text">

DAO-platforms

</p>

</div>

<div class="crypto__descritions icon-item

icon-item_purple">

<p class="crypto__text item icon-text

_anim-items">

A full cycle of blockchain

software development with a deep understanding of the

principles of decentralized

database operations as well as cryptography.

</p>

<p class="crypto__text item icon-

text icon-text_blue _anim-items">

We come up with

revolutionary solutions in blockchain projects.

</p>

</div>

</section>

Virtual reality

</h2>

<div class="virtual__wrapper swiper-

wrapper">

<div class="virtual__slide

swiper-slide _anim-items">

<div class="icon-item

icon-item_purple">

<div

class="icon-circle icon-circle-meta">

</div>

<p

class="text text_white">

Metaverses

</p>

</div>

<div class="virtual__slide

swiper-slide _anim-items">

<div class="icon-item

icon-item_purple">

<div

class="icon-circle icon-circle-3d">

</div>

<p

class="text text_white">

3D

applications

</p>

</div>

<div class="icon-descriptions

virtual__icon-descriptions">

<p class="icon-text icon-

text_white virtual__text _anim-items">

Best practices in

computer graphics, graphics units and graphic data processing

allow us to convert

the most incredible and abstract ideas into real 3D apps

</p>

<p class="icon-text icon-

text_blue virtual__text _anim-items">

Our teams overcome

all challenges in 3D developing with all the latest, cutting-edge

technologies

</p>

</div>

</section>

Data Systems

</h2>

<div class="data__wrapper swiper-

wrapper">

<div class="data__slide

swiper-slide _anim-items">

<div class="icon-item

">

<div

class="icon-circle icon-circle-soft">

</div>

<p

class="text">

Software

</p>

</div>

<div class="data__slide

swiper-slide _anim-items">

<div class="icon-item

">

<div

class="icon-circle icon-circle-apps">

</div>

<p

class="text">

Apps

</p>

</div>

<div class="data__slide

swiper-slide _anim-items">

<div class="icon-item

">

<div

class="icon-circle icon-circle-is">

</div>

<p

class="text">

Information systems

</p>

</div>

<p class="icon-text data__text

_anim-items">

One of our key competencies

— design and management of complex IT solutions and Internet

projects

</p>

<p class="icon-text data__text icon-

text_blue _anim-items">

We provide analysis, design

of technical architecture and development of software

</p>

</div>

</section>

<h2 class="title projects__title _anim-

items">

Projects

</h2>

<div

class="projects__wrapper swiper-wrapper">

<div

class="projects__slide swiper-slide">

<div

class="projects__item">

<div

class="projects__img">

<picture><source srcset="img/projects/orica.webp" type="image/webp"><img

src="img/projects/orica.jpg" alt="Orica"></picture>

</div>

<div

class="projects__text">

Orica

</h3>

The artist-LED, ethical NFT platform and creator community

</p>

</div>

<div

class="projects__slide swiper-slide">

<div

class="projects__item">

<div

class="projects__img">

<picture><source srcset="img/projects/punkcats.webp" type="image/webp"><img

src="img/projects/punkcats.jpg" alt="Punkcats"></picture>

</div>

<div

class="projects__text">

Punkcats

</h3>

NFT market place where you can buy a couple of fluffy cats and then

breed your own funny cat family

</p>

</div>

<div

class="projects__slide swiper-slide">

<div

class="projects__item">

<div

class="projects__img">

<picture><source srcset="img/projects/digicol.webp" type="image/webp"><img

src="img/projects/digicol.jpg" alt="Digicol"></picture>

</div>

<div

class="projects__text">

DigiCol

</h3>

NFT marketplace. Create your own tokenized digital artworks with no

coding required to be collected in a liquid NFT marketplace

</p>

</div>

<div

class="projects__slide swiper-slide">

<div

class="projects__item">

<div

class="projects__img">

<picture><source srcset="img/projects/rpgc.webp" type="image/webp"><img

src="img/projects/rpgc.jpg" alt="Orica"></picture>

</div>

<div

class="projects__text">

RPGC Token

</h3>

Crypto-exchange. Our goal is to develop the ecosystem in a way that

will open new worlds for gamers

</p>

</div>

</div>

<div class="swiper-pagination _anim-

items"></div>

</div>

</section>

<h2 class="title callback__title _anim-

items">

Share your idea and we will unlock

its <span>full potential</span> together

</h2>

<form action="" class="callback__form"

method="POST">

<input autocomplete

type="text" name="form[]" placeholder="Your name" class="input _anim-items">

<input autocomplete

type="text" name="form[]" data-error="Ошибка" placeholder="telegram, phone ore email"

class="input _anim-items">

<textarea

name="comments" placeholder="Comments" class="input _anim-items"></textarea>

</fieldset>

<button type="submit" class="button

_anim-items">

Send

</button>

</form>

</div>

</section>

Contact us

</h2>

<div class="contact__phone _anim-

items">

<p class="text

contact__text">

Phone

</p>

<a

href="tel:+971503244041" class="accent-link">+971 50 3244041</a>

</div>

<div class="contact__mail _anim-

items">

<p class="text

contact__text">

Email

</p>

<a

href="mailto:info@metayasi.io" class="accent-link">info@metayasi.io</a>

</div>

<div class="contact__location _anim-

items">

<p class="text

contact__text">

Location

</p>

<address

class="contact__address"><a href="https://goo.gl/maps/k61D1UxiZj35gUCg6"

target="_blank">Gold Tower, 1st Al Khail street Jumeira Lake Towers, Dubai,

United Arab

Emirates</a></address>

</div>

<h3 class="contact__subtitle _anim-

items">

Be a part of our community

</h3>

<li class="socials__item

_anim-items">

<a href="#"

class="socials__link">

<svg

width="32" height="32" viewBox="0 0 32 32" fill="none"

xmlns="http://www.w3.org/2000/svg">

<path d="M32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 23.9861

5.851 30.6053 13.5 31.8056V20.625H9.4375V16H13.5V12.475C13.5 8.465 15.8887 6.25

19.5434 6.25C21.294 6.25 23.125 6.5625 23.125 6.5625V10.5H21.1074C19.1199 10.5 18.5

11.7333 18.5 12.9986V16H22.9375L22.2281 20.625H18.5V31.8056C26.1491 30.6053 32

23.9861 32 16Z" fill="#8E99A9" />

</svg>

</a>

</li>

<li class="socials__item

_anim-items">

<a href="#"

class="socials__link">

<svg

width="32" height="32" viewBox="0 0 32 32" fill="none"

xmlns="http://www.w3.org/2000/svg">

<path fill-rule="evenodd" clip-rule="evenodd" d="M16 32C24.8366 32 32 24.8366

32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z"

fill="#8E99A9" />

<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8946 9.833C21.2499 9.09993

20.3311 8.63287 19.3143 8.61595C17.3621 8.58346 15.7792 10.2331 15.7792

12.3004C15.7792 12.5938 15.8104 12.8799 15.8707 13.1546C12.9327 12.964 10.3279

11.4341 8.58437 9.12794C8.28008 9.68055 8.1057 10.3264 8.1057 11.0183C8.1057 12.3281

8.7298 13.4905 9.67835 14.1768C9.09888 14.1513 8.55379 13.9758 8.07718

13.6881C8.07684 13.7038 8.07684 13.7195 8.07684 13.7355C8.07684 15.5647 9.2954

17.0991 10.9126 17.4566C10.616 17.5406 10.3037 17.5846 9.98127 17.5825C9.75348

17.581 9.53198 17.5557 9.31616 17.5104C9.76597 19.0104 11.0715 20.105 12.6184

20.1412C11.4086 21.1455 9.88435 21.7437 8.22804 21.7402C7.9427 21.7397 7.66132

21.7212 7.38477 21.6857C8.94923 22.7592 10.8074 23.3842 12.8038 23.3847C19.306

23.3864 22.8619 17.7278 22.8619 12.8197C22.8619 12.6587 22.8583 12.4985 22.8516

12.3391C23.5423 11.8244 24.1416 11.1792 24.6155 10.4423C23.9816 10.7281 23.3002

10.9179 22.5852 10.9975C23.315 10.5483 23.8756 9.82948 24.1395 8.96743C23.4564

9.38169 22.6999 9.67877 21.8946 9.833Z" fill="white" />

</svg>

</a>

</li>

<li class="socials__item

_anim-items">

<a href="#"

class="socials__link">

<svg

width="32" height="32" viewBox="0 0 32 32" fill="none"

xmlns="http://www.w3.org/2000/svg">

<path d="M16 0C7.163 0 0 7.163 0 16C0 24.836 7.163 32 16 32C24.837 32 32 24.836

32 16C32 7.163 24.837 0 16 0Z" fill="#8E99A9" />

<path d="M24.2938 22.9419V16.8049C24.2938 13.5169 22.5388 11.9869 20.1978

11.9869C18.3088 11.9869 17.4628 13.0259 16.9918 13.7549V12.2379H13.4338C13.4808

13.2429 13.4338 22.9419 13.4338 22.9419H16.9918V16.9639C16.9918 16.6449 17.0148

16.3249 17.1088 16.0969C17.3658 15.4579 17.9508 14.7959 18.9338 14.7959C20.2218

14.7959 20.7368 15.7769 20.7368 17.2159V22.9429L24.2938 22.9419ZM9.6848

10.7769C10.9248 10.7769 11.6978 9.95388 11.6978 8.92688C11.6748 7.87688 10.9248

7.07788 9.7078 7.07788C8.4908 7.07788 7.6958 7.87688 7.6958 8.92688C7.6958 9.95488

8.4678 10.7769 9.6628 10.7769H9.6848ZM11.4638

22.9419V12.2379H7.9068V22.9419H11.4638Z" fill="white" />

</svg>

</a>

</li>

<li class="socials__item

_anim-items">

<a href="#"

class="socials__link">

<svg

width="32" height="32" viewBox="0 0 32 32" fill="none"

xmlns="http://www.w3.org/2000/svg">

<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16

0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#8E99A9" />

<path d="M23.2752 10.5438C23.2752 10.5438 21.1939 8.9126 18.7314

8.7251L18.5127 9.16885C20.7377 9.7126 21.7564 10.4938 22.8252 11.4501C20.9877

10.5126 19.1689 9.63135 16.0064 9.63135C12.8439 9.63135 11.0252 10.5126 9.18769

11.4501C10.2564 10.4938 11.4689 9.6251 13.5002 9.16885L13.2814 8.7251C10.7002

8.96885 8.73769 10.5438 8.73769 10.5438C8.73769 10.5438 6.4127 13.9188 6.0127

20.5438C8.35644 23.2501 11.9189 23.2688 11.9189 23.2688L12.6627 22.2751C11.4002

21.8376 9.96894 21.0501 8.73769 19.6313C10.2064 20.7438 12.4314 21.9063 16.0127

21.9063C19.5939 21.9063 21.8127 20.7501 23.2877 19.6313C22.0564 21.0501 20.6252

21.8376 19.3627 22.2751L20.1064 23.2688C20.1064 23.2688 23.6689 23.2501 26.0127

20.5438C25.6002 13.9188 23.2752 10.5438 23.2752 10.5438ZM13.0439 18.7251C12.1627

18.7251 11.4502 17.9126 11.4502 16.9063C11.4502 15.9001 12.1627 15.0876 13.0439

15.0876C13.9252 15.0876 14.6377 15.9001 14.6377 16.9063C14.6377 17.9126 13.9252

18.7251 13.0439 18.7251ZM18.9564 18.7251C18.0752 18.7251 17.3627 17.9126 17.3627

16.9063C17.3627 15.9001 18.0752 15.0876 18.9564 15.0876C19.8377 15.0876 20.5502

15.9001 20.5502 16.9063C20.5502 17.9126 19.8314 18.7251 18.9564 18.7251Z" fill="white"

/>

</svg>

</a>

</li>

<li class="socials__item

_anim-items">

<a href="#"

class="socials__link">

<svg

width="32" height="32" viewBox="0 0 32 32" fill="none"

xmlns="http://www.w3.org/2000/svg">

<path d="M15.8696 18.9916C17.4501 18.9916 18.7313 17.7103 18.7313

16.1298C18.7313 14.5493 17.4501 13.2681 15.8696 13.2681C14.2891 13.2681 13.0078

14.5493 13.0078 16.1298C13.0078 17.7103 14.2891 18.9916 15.8696 18.9916Z"

fill="#8E99A9" />

<path d="M19.4467 9.10547H12.2923C11.2517 9.10547 10.3411 9.43067 9.75577

10.016C9.17041 10.6014 8.84521 11.5119 8.84521 12.5526V19.707C8.84521 20.7476

9.17041 21.6581 9.82081 22.3085C10.4712 22.8939 11.3167 23.2191 12.3574

23.2191H19.4467C20.4873 23.2191 21.3979 22.8939 21.9832 22.3085C22.6336 21.7232

22.9588 20.8126 22.9588 19.772V12.6176C22.9588 11.577 22.6336 10.7315 22.0483

10.0811C21.3979 9.43067 20.5524 9.10547 19.4467 9.10547ZM15.8695 20.5525C13.398

20.5525 11.4468 18.5362 11.4468 16.1298C11.4468 13.6583 13.463 11.7071 15.8695

11.7071C18.276 11.7071 20.3573 13.6583 20.3573 16.1298C20.3573 18.6013 18.341

20.5525 15.8695 20.5525ZM20.4873 12.5526C19.902 12.5526 19.4467 12.0973 19.4467

11.5119C19.4467 10.9266 19.902 10.4713 20.4873 10.4713C21.0727 10.4713 21.528

10.9266 21.528 11.5119C21.528 12.0973 21.0727 12.5526 20.4873 12.5526Z" fill="#8E99A9"

/>

<path d="M15.9998 0C7.15437 0 0 7.15437 0 15.9998C0 24.8452 7.15437 31.9996

15.9998 31.9996C24.8452 31.9996 31.9996 24.8452 31.9996 15.9998C32.0646 7.15437

24.8452 0 15.9998 0ZM24.52 19.7721C24.52 21.268 23.9997 22.5688 23.0891

23.4794C22.1786 24.3899 20.8778 24.8452 19.4469 24.8452H12.3576C10.9267 24.8452

9.62589 24.3899 8.71533 23.4794C7.73973 22.5688 7.28445 21.268 7.28445

19.7721V12.6177C7.28445 9.62589 9.30069 7.54461 12.3576 7.54461H19.5119C21.0078

7.54461 22.2436 8.06493 23.1542 8.97549C24.0647 9.88604 24.52 11.1218 24.52

12.6177V19.7721Z" fill="#8E99A9" />

</svg>

</a>

</li>

</ul>

</div>

</section>

</main>

<h2 class="footer__title">Powered by

MetaYasi</h2>

<img

src="img/footer/dd.svg" alt="DD cryptocurrency">

</div>

<div>

<p class="more-

projects__name">DD cryptocurrency</p>

<a

href="https://ddirham.io/" class="more-projects__link accent-link">ddirham.io</a>

</div>

<img

src="img/footer/yaisex.svg" alt="Yasiex">

</div>

<div>

<p class="more-

projects__name">Yasiex</p>

<a href="#" class="more-

projects__link accent-link">ysiex.io</a>

</div>

<li class="footer__item"><a

href="№" class="footer__link">Terms of use</a></li>

<li class="footer__item"><a

href="№" class="footer__link">AML Policy</a></li>

<li class="footer__item"><a

href="№" class="footer__link">Privacy Policy</a></li>

<li class="footer__item"><a

href="№" class="footer__link">Cookie Policy</a></li>

</ul>

</div>

</footer>

</div>

<!-- <div id="popup" aria-hidden="true" class="popup">

<button data-close type="button"

class="popup__close">Закрыть</button>

Text

</div>

</div> -->

</body>

</html>

index.html

<!DOCTYPE html>

<html>

<head>

<title>Верстка «mctayasi»</title>

</head>

<body>

<h1>Верстка «mctayasi»</h1>

Особенности проекта

</div>

<h2>Готовые страницы:</h2>

<li><a target="_blank" href="home.html">Главная</a></li>

</ol>

<h2>Спасибо за заказ!</h2>

<p>Буду рад (а) хорошему отзыву.</p>

<p>Обращайтесь еще!</p>

</div>

<h2>Мои контакты:</h2>

<p>Почта: <a

href="mailto:gorsunfoster@gmail.com">gorsunfoster@gmail.com</a></p>

<p>Telegram: <a href="https://t.me/Gorsun4ik">Gorsun4ik</a></p>

</div>

</body>

<style>

@charset "UTF-8";

@import

url('https://fonts.googleapis.com/css2?family=Marck+Script&family=Open+Sans:wght@700

&display=swap');

*,

*::before,

*::after {

padding: 0px;

margin: 0px;

border: 0px;

box-sizing: border-box;

}

html,

body {

height: 100%;

margin: 0;

padding: 0;

min-width: 320px;

width: 100%;

color: #fff;

background-color: #0c0b08;

font-weight: 500;

}

body {

font-family: "Open Sans", sans-serif;

font-size: 100%;

line-height: 1;

font-size: 1rem;

}

a {

color: #01020c;

text-decoration: none;

}

h1 {

position: relative;

font-size: 5rem;

text-align: center;

}

ul li {

list-style: none;

}

img {

vertical-align: top;

}

.wrapper {

width: 100%;

min-height: 100%;

overflow: hidden;

}

.rootpage {

padding: 30px;

display: flex;

flex-direction: column;

align-items: center;

}

@media (max-width: 767px) {

.rootpage {

padding: 30px 15px;

justify-content: flex-start;

}

ol {

display: flex;

flex-direction: column;

justify-content: flex-start;

}

h2 {

font-size: 1rem;

}

h1 {

color: #fff;

font-size: 2.5rem;

margin: 0px 0px 1.25rem 0px;

font-family: 'Marck Script', cursive;

}

@media (max-width: 767px) {

h1 {

font-size: 1.85rem;

margin: 0px 0px 1.25rem 0px;

}

@media (max-width: 550px) {

h1 {

font-size: 1.5rem;

}

@media (max-width: 425px) {

h1 {

font-size: 1.25rem;

}

li {

font-size: 0.8rem

}

@media (max-width: 340px) {

.rootpage__contacts p {

margin-bottom: 10px;

}

@media (max-width: 375px) {

h1 {

font-size: 1.1rem;

}

h2 {

color: #fff;

font-size: 1.5rem;

margin: 0px 0px 1rem 0px;

font-family: 'Marck Script', cursive;

text-align: center;

}

@media (max-width: 767px) {

h2 {

font-size: 1.125rem;

margin: 0px 0px 1rem 0px;

}

.rootpage__info {

text-align: left;

}

.rootpage__info {

line-height: 140%;

font-size: .8rem;

margin: 0px 0px 1.5rem 0px;

}

.rootpage__list {

margin: 0px 0px 2.25rem 1.25rem;

}

.rootpage__list li:not(:last-child) {

margin: 0px 0px 15px 0px;

}

li a {

position: relative;

color: #fff;

}

li a::after {

position: absolute;

content: "";

width: 0%;

height: 2px;

background-color: whitesmoke;

left: 50%;

bottom: -5px;

transition: all 0.4s ease-in-out;

}

li a:hover:after {

width: 100%;

left: 0;

}

.rootpage__contacts,

.rootpage__tnx {

padding: 20px 65px;

line-height: 140%;

}

@media (max-width: 767px) {

.rootpage__contacts,

.rootpage__tnx {

padding: 20px;

}

.rootpage__contacts {

background: #DCCA87;

transition: background-color .3s ease;

color: #000;

text-align: center;

max-width: 400px;

width: 100%;

}

.rootpage__contacts h2 {

color: #000;

}

.rootpage__contacts p {

margin-bottom: 10px;

}

.rootpage__contacts a {

color: #000;

padding: 5px;

transition: color .3s, background-color .3s;

}

.rootpage__contacts a:hover {

background-color: #000;

color: #dcca87;

}

.rootpage__tnx {

color: #000;

background: #DCCA87;

margin: 0px 0px 1rem 0px;

text-align: center;

max-width: 400px;

width: 100%;

}

.rootpage__tnx h2 {

color: #000;

}

</style>

</html>

style.css

@import url(https://fonts.googleapis.com/css?family=Poppins:regular,500&display=swap);

@charset "UTF-8";

* {

padding: 0px;

margin: 0px;

border: 0px;

}

*,

*:before,

*:after {

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

html,

body {

height: 100%;

min-width: 320px;

}

body {

color: #181E28;

line-height: 1;

font-family: "Poppins";

font-size: 1.25rem;

-ms-text-size-adjust: 100%;

-moz-text-size-adjust: 100%;

-webkit-text-size-adjust: 100%;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

input,

button,

textarea {

font-family: "Poppins";

font-size: inherit;

}

button {

cursor: pointer;

color: inherit;

background-color: inherit;

}

a {

color: inherit;

}

a:link:not(.accent-link),

a:visited:not(.accent-link) {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

ul li {

list-style: none;

}

img {

vertical-align: top;

}

h1,

h2,

h3,

h4,

h5,

h6 {

font-weight: inherit;

font-size: inherit;

}

.lock body {

overflow: hidden;

-ms-touch-action: none;

touch-action: 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;

}

.wrapper > main {

-webkit-box-flex: 1;

-ms-flex: 1 1 auto;

flex: 1 1 auto;

}

.wrapper > * {

min-width: 0;

}

/*

(i) Стили будут применяться ко

всем классам содержащим *__container

Например header__container, main__container и т.д.

Снипет (HTML): cnt

*/

[class*=__container] {

max-width: 75rem;

-webkit-box-sizing: content-box;

box-sizing: content-box;

margin: 0 auto;

padding: 0 0.9375rem;

}

fieldset {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-orient: vertical;

-webkit-box-direction: normal;

-ms-flex-direction: column;

flex-direction: column;

gap: 16px;

margin-bottom: 4rem;

}

.button {

display: -webkit-inline-box;

display: -ms-inline-flexbox;

display: inline-flex;

padding: 0px 0px;

}

.button._fw {

width: 100%;

}

form .button {

color: #fff;

display: inline-block;

background-color: #0075FF;

border-radius: 8px;

padding: 16px 48px;

text-align: center;

}

input[type=text],

input[type=email],

input[type=tel],

textarea {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

.input {

border-radius: 8px;

width: 100%;

display: block;

padding: 16px;

max-width: 390px;

background-color: #E9EDF2;

}

.input:focus {

outline: none;

}

.input::-webkit-input-placeholder {

color: #8E99A9;

}

.input::-moz-placeholder {

color: #8E99A9;

}

.input:-ms-input-placeholder {

color: #8E99A9;

}

.input::-ms-input-placeholder {

color: #8E99A9;

}

.input::placeholder {

color: #8E99A9;

}

textarea.input {

resize: none;

max-width: 100%;

height: 152px;

}

.accent-link {

font-size: 2rem;

color: #00D4FF;

text-decoration: underline;

}

.text {

line-height: 32px;

color: #4F5A6A;

}

.text_white {

color: #fff;

}

.title {

font-size: 4rem;

font-weight: 500;

}

.icon-item {

padding: 8px 8px 16px;

}

.icon-item_purple {

background: rgba(248, 251, 253, 0.1);

border: 1px solid rgba(255, 255, 255, 0.1);

border-radius: 8px;

}

.icon-circle {

width: 120px;

height: 120px;

background-color: #00D4FF;

border-radius: 50%;

position: relative;

margin-bottom: 1rem;

}

.icon-circle::after {

content: "";

background-size: cover;

width: 120px;

height: 120px;

position: absolute;

top: -20px;

right: -30px;

display: block;

z-index: 999;

}

.icon-circle-3d::after {

top: -10px;

background: url("../img/crypto/3d.svg") 0 0 no-repeat;

}

.icon-circle-meta::after {

background: url("../img/crypto/meta.svg") 0 0 no-repeat;

}

.icon-circle-soft::after {

top: -10px;

background: url("../img/crypto/soft.svg") 0 0 no-repeat;

}

.icon-circle-apps::after {

background: url("../img/crypto/apps.svg") 0 0 no-repeat;

}

.icon-circle-is::after {

background: url("../img/crypto/is.svg") 0 0 no-repeat;

}

.icon-descriptions {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

gap: 48px;

}

.icon-text {

-ms-flex-preferred-size: 49%;

flex-basis: 49%;

font-size: 2rem;

line-height: 44px;

}

.icon-text_white {

color: #fff;

}

.icon-text_blue {

color: #00D4FF;

}

.header {

position: fixed;

width: 100%;

top: 0;

left: 0;

-webkit-transition: background-color 0.3s ease 0s;

-o-transition: background-color 0.3s ease 0s;

transition: background-color 0.3s ease 0s;

z-index: 90;

}

.header._header-scroll {

background-color: rgba(0, 0, 0, 0.5);

}

.header__inner {

padding: 35px 55px;

}

@supports (padding-left: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw ,

3.4375rem )) {

.header__inner {

padding-left: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw , 3.4375rem );

}

@supports not (padding-left: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw ,

3.4375rem )) {

.header__inner {

padding-left: calc(2.1875rem + 1.25 * (100vw - 48rem) / 57);

}

@supports (padding-right: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw ,

3.4375rem )) {

.header__inner {

padding-right: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw , 3.4375rem );

}

@supports not (padding-right: clamp( 2.1875rem , 1.1348684211rem + 2.1929824561vw ,

3.4375rem )) {

.header__inner {

padding-right: calc(2.1875rem + 1.25 * (100vw - 48rem) / 57);

}

.menu__body {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

}

.menu__list {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

gap: 24px;

}

.menu__link {

font-size: 0.75rem;

text-transform: uppercase;

color: #fff;

}

.icon-menu {

display: none;

}

.footer {

background-color: #181e28;

padding: 120px 0;

}

.footer__title {

color: #fff;

margin-bottom: 7.5rem;

font-size: 2rem;

}

.footer__bottom {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

padding-top: 120px;

border-top: 1px solid #4F5A6A;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

gap: 32px;

}

.footer__copy {

color: #fff;

font-size: 1rem;

}

.footer__list {

-webkit-box-flex: 0;

-ms-flex: 0 0 495px;

flex: 0 0 495px;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

gap: 32px;

}

.footer__link {

font-size: 1rem;

color: #00D4FF;

}

.more-projects {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

margin-bottom: 7.5rem;

row-gap: 48px;

}

.more-projects__item {

-ms-flex-preferred-size: 50%;

flex-basis: 50%;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

gap: 24px;

min-width: 330px;

}

.more-projects__name {

margin-bottom: 1rem;

color: #fff;

}

/* Intro (First block) */

.no-webp .intro{

background: url("../img/intro-bg.png") no-repeat right, -webkit-gradient(linear, left bottom,

left top, from(#01E0FF), to(#006DED)); }

.no-webp .intro{

background: url("../img/intro-bg.png") no-repeat right, -o-linear-gradient(bottom, #01E0FF

0%, #006DED 100%); }

.no-webp .intro{

background: url("../img/intro-bg.png") no-repeat right, linear-gradient(360deg, #01E0FF 0%,

#006DED 100%); }

.intro {

min-height: 550px;

}

.intro__inner {

padding-top: 170px;

padding-bottom: 80px;

padding-left: 60px;

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.intro__inner._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.intro__title {

font-weight: 500;

font-size: 72px;

line-height: 80px;

letter-spacing: -0.02em;

color: #fff;

margin-bottom: 4.0625rem;

max-width: 1140px;

}

.intro__title span {

color: #181e28;

}

.intro__button {

padding: 16px 48px;

display: inline-block;

background-color: #fff;

border-radius: 8px;

-webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;

-o-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;

transition: background-color 0.3s ease 0s, color 0.3s ease 0s;

}

.intro__button:hover {

background-color: #181e28;

color: #fff;

}

/* About (Second block)*/

.about {

padding: 150px 0 20px 0;

margin: -24px 0 280px 0;

border-radius: 24px;

background-color: #fff;

}

.about__title {

font-size: 3rem;

font-weight: 500;

line-height: 60px;

margin-bottom: 3rem;

max-width: 840px;

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.about__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.about__descriptions {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

max-width: 770px;

gap: 32px;

margin-bottom: 7.5rem;

overflow: hidden;

}

.about__slide {

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.about__slide:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.about__slide:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.about__slide:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.about__slide:nth-child(4) {

-webkit-transition: all 0.8s ease 0.6s;

-o-transition: all 0.8s ease 0.6s;

transition: all 0.8s ease 0.6s;

}

.about__slide._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.about__text {

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.about__text:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.about__text:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.about__text._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.about__item {

background-color: #00D4FF;

height: 255px;

width: 100%;

padding: 24px;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-orient: vertical;

-webkit-box-direction: normal;

-ms-flex-direction: column;

flex-direction: column;

border-radius: 8px;

}

.about__feature {

font-size: 1rem;

}

.about__amount {

text-align: center;

font-size: 5rem;

color: #fff;

font-weight: 500;

margin: auto 0;

}

/* Our Principles */

.principles {

margin-bottom: 4rem;

}

.principles__title {

margin-bottom: 5rem;

text-transform: capitalize;

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.principles__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.principles__list {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center;

gap: 120px 0;

overflow: hidden;

}

.principles__item {

-ms-flex-preferred-size: 50%;

flex-basis: 50%;

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.principles__item:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.principles__item:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.principles__item:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.principles__item:nth-child(4) {

-webkit-transition: all 0.8s ease 0.6s;

-o-transition: all 0.8s ease 0.6s;

transition: all 0.8s ease 0.6s;

}

.principles__item._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.principles__principle {

color: #00D4FF;

font-size: 2.5rem;

font-weight: 500;

margin-bottom: 1rem;

}

/* Team */

.team {

background-color: #f8fbfd;

padding: 64px 0;

}

.team__title {

margin-bottom: 4rem;

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.team__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.team__slide {

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.team__slide:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.team__slide:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.team__slide:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.team__slide._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.team__item {

max-width: 300px;

}

.team__img {

margin-bottom: 1.25rem;

border-radius: 8px;

}

.team__img img {

max-width: 100%;

}

.team__name {

color: #181e28;

font-size: 1.5rem;

font-weight: 500;

text-transform: capitalize;

}

.team__text {

font-size: 1rem;

}

/* Crypto */

.crypto {

padding: 120px 0;

}

.crypto__title {

margin-bottom: 5rem;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.crypto__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.crypto__list {

margin-bottom: 6.25rem;

}

.crypto__slide {

background-color: #f8fbfd;

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.crypto__slide:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.crypto__slide:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.crypto__slide:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.crypto__slide:nth-child(4) {

-webkit-transition: all 0.8s ease 0.6s;

-o-transition: all 0.8s ease 0.6s;

transition: all 0.8s ease 0.6s;

}

.crypto__slide._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.crypto__item {

padding: 8px 8px 16px;

}

.crypto__icon-exchanges::after {

background: url("../img/crypto/exchanges.svg") 0 0 no-repeat;

}

.crypto__icon-market::after {

background: url("../img/crypto/marketplaces.svg") 0 0 no-repeat;

}

.crypto__icon-tokens::after {

background: url("../img/crypto/tokens.svg") 0 0 no-repeat;

}

.crypto__icon-dao::after {

background: url("../img/crypto/dao.svg") 0 0 no-repeat;

}

.crypto__descritions {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

gap: 48px;

}

.crypto__text {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.crypto__text:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.crypto__text:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.crypto__text._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

/* Virtual */

.virtual {

background: -o-radial-gradient(50% 100%, 216.43% 100%, #5200FF 0%, #180660 100%);

background: radial-gradient(216.43% 100% at 50% 100%, #5200FF 0%, #180660 100%);

padding: 120px 0;

}

.virtual__title {

margin-bottom: 5rem;

color: #fff;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.virtual__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.virtual__icon-descriptions {

margin-top: 5rem;

}

.virtual__slide {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.virtual__slide:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.virtual__slide:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.virtual__slide._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.virtual__text {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.virtual__text:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.virtual__text:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.virtual__text._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.virtual .swiper-slide {

-webkit-box-flex: 0;

-ms-flex: 0 1 292px;

flex: 0 1 292px;

min-width: 240px;

}

/* Data */

.data {

padding: 120px 0;

}

.data__title {

margin-bottom: 4rem;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.data__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.data__slide {

background-color: #f8fbfd;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.data__slide:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.data__slide:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.data__slide:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.data__slide._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.data .icon-descriptions {

margin-top: 4rem;

}

.data__text {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.data__text:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.data__text:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.data__text._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

/* Projects */

.projects {

margin-bottom: 4rem;

padding: 120px 0;

background-color: #F8FBFD;

}

.projects__title {

margin-bottom: 5rem;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.projects__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.projects__slider {

position: relative;

}

.projects__slides {

/* Animation on scroll */

opacity: 0;

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.projects__slides._active {

opacity: 1;

}

.projects__item {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

background-color: #E9EDF2;

border-radius: 16px;

height: 435px;

}

.projects__name {

margin-bottom: 0.5rem;

font-size: 2rem;

font-weight: 500;

}

.projects__img {

-ms-flex-preferred-size: 65%;

flex-basis: 65%;

}

.projects__img img {

max-width: 100%;

height: 100%;

width: 100%;

border-radius: 16px;

-o-object-fit: cover;

object-fit: cover;

}

.projects__text {

-ms-flex-preferred-size: 35%;

flex-basis: 35%;

padding: 32px;

}

.projects .swiper-pagination {

/* Animation on scroll */

opacity: 0;

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.projects .swiper-pagination._active {

opacity: 1;

}

.projects__slides {

position: relative;

}

/* Callback */

.callback {

margin-bottom: 4rem;

}

.callback__form {

padding-bottom: 64px;

overflow: hidden;

}

.callback__inner {

border-bottom: 1px solid #E2E7EE;

}

.callback__title {

margin-bottom: 7.5rem;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

@supports (margin-bottom: clamp( 4rem , 1.1086956522rem + 6.0869565217vw , 7.5rem ))

{

.callback__title {

margin-bottom: clamp( 4rem , 1.1086956522rem + 6.0869565217vw , 7.5rem );

}

@supports not (margin-bottom: clamp( 4rem , 1.1086956522rem + 6.0869565217vw ,

7.5rem )) {

.callback__title {

margin-bottom: calc(4rem + 3.5 * (100vw - 47.5rem) / 57.5);

}

@supports (margin-bottom: clamp( 3rem , 2.1rem + 4vw , 4rem )) {

.callback__title {

margin-bottom: clamp( 3rem , 2.1rem + 4vw , 4rem );

}

@supports not (margin-bottom: clamp( 3rem , 2.1rem + 4vw , 4rem )) {

.callback__title {

margin-bottom: calc(3rem + 1 * (100vw - 22.5rem) / 25);

}

.callback__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.callback__title span {

color: #00D4FF;

}

.callback input {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

}

.callback input:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.callback input:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.callback input._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.callback textarea {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0.6s;

-o-transition: all 0.8s ease 0.6s;

transition: all 0.8s ease 0.6s;

}

.callback textarea._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.callback button {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0.8s;

-o-transition: all 0.8s ease 0.8s;

transition: all 0.8s ease 0.8s;

}

.callback button._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

/* Contact */

.contact {

margin-bottom: 7.5rem;

}

.contact__title {

margin-bottom: 4rem;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.contact__title._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.contact__subtitle {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateX(-120%);

-ms-transform: translateX(-120%);

transform: translateX(-120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.contact__subtitle._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.contact__data {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

gap: 64px 16px;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

margin-bottom: 7.5rem;

}

.contact__phone {

-ms-flex-preferred-size: 32%;

flex-basis: 32%;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.contact__phone._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.contact__text {

margin-bottom: 1rem;

font-size: 1rem;

}

.contact__mail {

-ms-flex-preferred-size: 32%;

flex-basis: 32%;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.contact__mail._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.contact__location {

-ms-flex-preferred-size: 32%;

flex-basis: 32%;

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.contact__location._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.contact__address {

font-style: normal;

text-decoration: underline;

font-size: 1rem;

line-height: 24px;

}

.contact__subtitle {

font-size: 2rem;

margin-bottom: 3rem;

}

.socials__list {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

gap: 16px;

}

.socials__item {

/* Animation on scroll */

opacity: 0;

-webkit-transform: translateY(120%);

-ms-transform: translateY(120%);

transform: translateY(120%);

}

.socials__item:nth-child(1) {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

}

.socials__item:nth-child(2) {

-webkit-transition: all 0.8s ease 0.2s;

-o-transition: all 0.8s ease 0.2s;

transition: all 0.8s ease 0.2s;

}

.socials__item:nth-child(3) {

-webkit-transition: all 0.8s ease 0.4s;

-o-transition: all 0.8s ease 0.4s;

transition: all 0.8s ease 0.4s;

}

.socials__item:nth-child(4) {

-webkit-transition: all 0.8s ease 0.6s;

-o-transition: all 0.8s ease 0.6s;

transition: all 0.8s ease 0.6s;

}

.socials__item:nth-child(5) {

-webkit-transition: all 0.8s ease 0.8s;

-o-transition: all 0.8s ease 0.8s;

transition: all 0.8s ease 0.8s;

}

.socials__item._active {

opacity: 1;

-webkit-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

transform: translate(0px, 0px);

}

.socials__item:hover {

-webkit-transition: all 0.8s ease 0s;

-o-transition: all 0.8s ease 0s;

transition: all 0.8s ease 0s;

-webkit-transform: translateY(-10px);

-ms-transform: translateY(-10px);

transform: translateY(-10px);

}

@font-face {

font-family: swiper-icons;

src: url("data:application/font-woff;charset=utf-8;base64,

d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAA

AGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAAN

uAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQ

AAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ

2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAA

AHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1h

eHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIA

AACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL

13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzY

NADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOa

awtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4

/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T

9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jE

QA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoA

NAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuAT

gBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4M

JbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpd

nktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45Y

EAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZE

VqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09

An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxP

qH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCi

EiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680

CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tlo

ORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0

cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6R

sYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYO

ABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H

9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42

mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGB

kAIIbCZo5IPrmUn0hGA0AO8EFTQAA");

font-weight: 400;

font-style: normal;

}

:root {

--swiper-theme-color: #00D4FF;

}

.swiper {

margin-left: auto;

margin-right: auto;

position: relative;

overflow: hidden;

list-style: none;

padding: 0;

z-index: 1;

}

.swiper-wrapper {

position: relative;

width: 100%;

height: 100%;

z-index: 1;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-transition-property: -webkit-transform;

transition-property: -webkit-transform;

-o-transition-property: transform;

transition-property: transform;

transition-property: transform, -webkit-transform;

-webkit-box-sizing: content-box;

box-sizing: content-box;

}

.swiper-slide {

-ms-flex-negative: 0;

flex-shrink: 0;

width: 100%;

height: 100%;

position: relative;

-webkit-transition-property: -webkit-transform;

transition-property: -webkit-transform;

-o-transition-property: transform;

transition-property: transform;

transition-property: transform, -webkit-transform;

}

:root {

--swiper-navigation-size: 44px;

}

.swiper-button-next,

.swiper-button-prev {

position: absolute;

top: 50%;

width: calc(var(--swiper-navigation-size) / 44 * 27);

height: var(--swiper-navigation-size);

margin-top: calc(0px - var(--swiper-navigation-size) / 2);

z-index: 10;

cursor: pointer;

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;

color: var(--swiper-navigation-color, var(--swiper-theme-color));

}

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

opacity: 0.35;

cursor: auto;

pointer-events: none;

}

.swiper-button-next:after,

.swiper-button-prev:after {

font-family: swiper-icons;

font-size: var(--swiper-navigation-size);

text-transform: none !important;

letter-spacing: 0;

text-transform: none;

font-variant: initial;

line-height: 1;

}

.swiper-button-prev,

.swiper-rtl .swiper-button-next {

left: 10px;

right: auto;

}

.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after {

content: "prev";

}

.swiper-button-next,

.swiper-rtl .swiper-button-prev {

right: 10px;

left: auto;

}

.swiper-button-next:after,

.swiper-rtl .swiper-button-prev:after {

content: "next";

}

.swiper-pagination {

position: absolute;

text-align: center;

-webkit-transition: 0.3s opacity;

-o-transition: 0.3s opacity;

transition: 0.3s opacity;

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

z-index: 10;

width: 100%;

}

.swiper-pagination.swiper-pagination-hidden {

opacity: 0;

}

.swiper-horizontal > .swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.swiper-pagination-custom,

.swiper-pagination-fraction {

bottom: -32px;

left: 0;

width: 100%;

}

.swiper-pagination-bullet {

width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));

height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));

display: inline-block;

border-radius: 50%;

background: var(--swiper-pagination-bullet-inactive-color, #E2E7EE);

}

.swiper-pagination-bullet-active {

opacity: var(--swiper-pagination-bullet-opacity, 1);

background: var(--swiper-pagination-color, var(--swiper-theme-color));

-webkit-transform: scale(2);

-ms-transform: scale(2);

transform: scale(2);

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 16px);

}

@media (min-width: 475px) {

.principles__item:nth-child(even) {

padding-left: 64px;

}

@media (max-width: 90em) {

.intro__inner {

padding-top: 8.125rem;

}

@media (max-width: 67.5em) {

.intro__inner {

padding-left: 0;

padding-top: 210px;

}

.intro__title {

font-size: 4rem;

line-height: 72px;

margin-bottom: 2.625rem;

max-width: 715px;

}

.intro {

min-height: 760px;

}

@media (max-width: 58.0625em) {

.footer__copy {

-webkit-box-ordinal-group: 3;

-ms-flex-order: 2;

order: 2;

}

.footer__list {

-ms-flex-wrap: wrap;

flex-wrap: wrap;

}

.footer__item {

-ms-flex-preferred-size: 100%;

flex-basis: 100%;

}

@media (max-width: 55.625em) {

.contact__phone {

-ms-flex-preferred-size: 48%;

flex-basis: 48%;

-webkit-box-flex: 1;

-ms-flex-positive: 1;

flex-grow: 1;

}

.contact__mail {

-ms-flex-preferred-size: 48%;

flex-basis: 48%;

-webkit-box-flex: 1;

-ms-flex-positive: 1;

flex-grow: 1;

}

.contact__location {

-ms-flex-preferred-size: 48%;

flex-basis: 48%;

-webkit-box-flex: 1;

-ms-flex-positive: 1;

flex-grow: 1;

}

@media (max-width: 47.99875em) {

fieldset {

margin-bottom: 3rem;

}

.text {

font-size: 1rem;

}

.title {

font-size: 3rem;

}

.icon-circle::after {

width: 105px;

height: 105px;

}

.icon-circle {

width: 105px;

height: 105px;

}

.icon-text {

font-size: 1.5rem;

line-height: 32px;

}

.menu__list {

overflow-y: auto;

position: fixed;

top: 24px;

right: 24px;

padding: 56px 0px 24px 16px;

display: block;

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

background-color: #fff;

border-radius: 8px;

opacity: 0;

visibility: hidden;

max-width: 300px;

width: 100%;

}

.menu-open .menu__list {

opacity: 1;

visibility: visible;

}

.menu__item {

padding: 16px 0;

}

.menu__item:not(.menu__item:last-child) {

border-bottom: 1px solid #E2E7EE;

}

.menu__link {

text-transform: none;

font-size: 1.25rem;

color: #181E28;

}

.icon-menu {

display: block;

position: relative;

width: 1rem;

height: 1rem;

cursor: pointer;

z-index: 5;

}

.icon-menu span,

.icon-menu::before,

.icon-menu::after {

content: "";

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

right: 0;

position: absolute;

width: 100%;

height: 0.09375rem;

background-color: #fff;

}

.icon-menu::before {

top: 0;

}

.icon-menu::after {

bottom: 0;

}

.icon-menu span {

top: calc(50% - 0.0625rem);

}

.menu-open .icon-menu span,

.menu-open .icon-menu::before,

.menu-open .icon-menu::after {

background-color: #333;

}

.menu-open .icon-menu span {

width: 0;

}

.menu-open .icon-menu::before {

top: calc(50% - 0.0625rem);

-webkit-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.menu-open .icon-menu::after {

bottom: calc(50% - 0.0625rem);

-webkit-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}

.footer {

padding: 64px 0;

}

.footer__title {

margin-bottom: 4rem;

}

.footer__bottom {

padding-top: 64px;

}

.more-projects {

margin-bottom: 4rem;

}

.intro__inner {

padding-top: 200px;

}

.intro__title {

font-size: 3rem;

line-height: 56px;

max-width: 552px;

}

.about__title {

max-width: 100%;

font-size: 1.5rem;

line-height: 32px;

}

.about__descriptions {

margin-bottom: 4rem;

}

.about {

padding-top: 64px;

}

.principles__principle {

font-size: 1.5rem;

margin-bottom: 1rem;

}

.team__name {

font-size: 1.25rem;

}

.team__text {

font-size: 0.9375rem;

}

.crypto {

padding: 64px 0;

}

.virtual {

padding: 64px 0;

}

.data {

padding: 64px 0;

}

.data__title {

margin-bottom: 3rem;

}

.data .icon-descriptions {

margin-top: 3rem;

}

.projects {

padding: 64px 0;

margin-bottom: 3rem;

}

.callback__form {

padding-bottom: 48px;

margin-bottom: 3rem;

}

.contact {

margin-bottom: 4rem;

}

.contact__title {

margin-bottom: 3rem;

}

.contact__data {

row-gap: 48px;

margin-bottom: 4rem;

}

@media (max-width: 47.5em) {

.callback__title {

margin-bottom: inherit;

}

@media (max-width: 40.625em) {

.projects__item {

-ms-flex-wrap: wrap;

flex-wrap: wrap;

min-height: 460px;

height: auto;

}

.projects__img {

-ms-flex-preferred-size: 100%;

flex-basis: 100%;

}

.projects__text {

-ms-flex-preferred-size: 100%;

flex-basis: 100%;

}

@media (max-width: 29.99875em) {

.icon-descriptions {

-ms-flex-wrap: wrap;

flex-wrap: wrap;

}

.icon-text {

-ms-flex-preferred-size: 100%;

flex-basis: 100%;

}

.footer__title {

margin-bottom: 3rem;

}

.footer__bottom {

padding-top: 48px;

}

.more-projects {

margin-bottom: 3rem;

}

.intro {

min-height: 560px;

}

.about__descriptions {

-ms-flex-wrap: wrap;

flex-wrap: wrap;

margin-bottom: 48px;

}

.principles__list {

gap: 48px 0;

}

.principles__item {

-ms-flex-preferred-size: 100%;

flex-basis: 100%;

}

.crypto__descritions {

-ms-flex-wrap: wrap;

flex-wrap: wrap;

}

.projects .swiper-pagination {

display: none;

}

.contact {

margin-bottom: 3rem;

}

@media (max-width: 23.4375em) {

.intro__title {

font-size: 2rem;

line-height: 40px;

max-width: 330px;

}

@media (max-width: 22.5em) {

.intro__inner {

padding-top: 170px;

}

.webp .intro{ background: url(../img/intro-bg.webp) no-repeat right, -webkit-gradient(linear,

left bottom, left top, from(#01E0FF), to(#006DED)); }

.webp .intro{ background: url(../img/intro-bg.webp) no-repeat right, -o-linear-

gradient(bottom, #01E0FF 0%, #006DED 100%); }

.webp .intro{ background: url(../img/intro-bg.webp) no-repeat right, linear-gradient(360deg,

#01E0FF 0%, #006DED 100%); }

style.min.css

@charset "UTF-8";@import

url(https://fonts.googleapis.com/css?family=Poppins:regular,500&display=swap);*{padding:

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

box}body,html{height:100%;min-width:320px}body{color:#181e28;line-height:1;font-

family:Poppins;font-size:1.25rem;-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:Poppins;font-

size:inherit}button{cursor:pointer;color:inherit;background-

color:inherit}a{color:inherit}a:link:not(.accent-link),a:visited:not(.accent-link){text-

decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-

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

body{overflow:hidden;-ms-touch-action:none;touch-action: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}.wrapper>main{-webkit-box-flex:1;-ms-flex:1 1

auto;flex:1 1 auto}.wrapper>*{min-width:0}[class*=__container]{max-width:75rem;-webkit-

box-sizing:content-box;box-sizing:content-box;margin:0

auto;padding:0 .9375rem}fieldset{display:-webkit-box;display:-ms-flexbox;display:flex;-

webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-

direction:column;gap:16px;margin-bottom:4rem}.button{display:-webkit-inline-box;display:-

ms-inline-flexbox;display:inline-flex;padding:0

0}.button._fw{width:100%}form .button{color:#fff;display:inline-block;background-

color:#0075ff;border-radius:8px;padding:16px 48px;text-

align:center}input[type=email],input[type=tel],input[type=text],textarea{-webkit-

appearance:none;-moz-appearance:none;appearance:none}.input{border-

radius:8px;width:100%;display:block;padding:16px;max-width:390px;background-

color:#e9edf2}.input:focus{outline:0}.input::-webkit-input-

placeholder{color:#8e99a9}.input::-moz-placeholder{color:#8e99a9}.input:-ms-input-

placeholder{color:#8e99a9}.input::-ms-input-

placeholder{color:#8e99a9}.input::placeholder{color:#8e99a9}textarea.input{resize:none;m

ax-width:100%;height:152px}.accent-link{font-size:2rem;color:#00d4ff;text-

decoration:underline}.text{line-height:32px;color:#4f5a6a}.text_white{color:#fff}.title{font-

size:4rem;font-weight:500}.icon-item{padding:8px 8px 16px}.icon-

item_purple{background:rgba(248,251,253,.1);border:1px solid

rgba(255,255,255,.1);border-radius:8px}.icon-circle{width:120px;height:120px;background-

color:#00d4ff;border-radius:50%;position:relative;margin-bottom:1rem}.icon-

circle::after{content:"";background-

size:cover;width:120px;height:120px;position:absolute;top:-20px;right:-30px;display:block;z-

index:999}.icon-circle-3d::after{top:-10px;background:url(../img/crypto/3d.svg) 0 0 no-

repeat}.icon-circle-meta::after{background:url(../img/crypto/meta.svg) 0 0 no-repeat}.icon-

circle-soft::after{top:-10px;background:url(../img/crypto/soft.svg) 0 0 no-repeat}.icon-circle-

apps::after{background:url(../img/crypto/apps.svg) 0 0 no-repeat}.icon-circle-

is::after{background:url(../img/crypto/is.svg) 0 0 no-repeat}.icon-descriptions{display:-

webkit-box;display:-ms-flexbox;display:flex;gap:48px}.icon-text{-ms-flex-preferred-

size:49%;flex-basis:49%;font-size:2rem;line-height:44px}.icon-text_white{color:#fff}.icon-

text_blue{color:#00d4ff}.header{position:fixed;width:100%;top:0;left:0;-webkit-

transition:background-color .3s ease 0s;-o-transition:background-color .3s ease

0s;transition:background-color .3s ease 0s;z-index:90}.header._header-scroll{background-

color:rgba(0,0,0,.5)}.header__inner{padding:35px 55px}@supports (padding-

left:clamp(2.1875rem ,1.1348684211rem +

2.1929824561vw ,3.4375rem)){.header__inner{padding-

left:clamp(2.1875rem ,1.1348684211rem + 2.1929824561vw ,3.4375rem)}}@supports not

(padding-left:clamp(2.1875rem ,1.1348684211rem +

2.1929824561vw ,3.4375rem)){.header__inner{padding-left:calc(2.1875rem + 1.25 * (100vw

- 48rem)/ 57)}}@supports (padding-right:clamp(2.1875rem ,1.1348684211rem +

2.1929824561vw ,3.4375rem)){.header__inner{padding-

right:clamp(2.1875rem ,1.1348684211rem + 2.1929824561vw ,3.4375rem)}}@supports not

(padding-right:clamp(2.1875rem ,1.1348684211rem +

2.1929824561vw ,3.4375rem)){.header__inner{padding-right:calc(2.1875rem + 1.25 *

(100vw - 48rem)/ 57)}}.menu__body{display:-webkit-box;display:-ms-flexbox;display:flex;-

webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-

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

ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-

items:center;gap:24px}.menu__link{font-size:.75rem;text-

transform:uppercase;color:#fff}.icon-menu{display:none}.footer{background-

color:#181e28;padding:120px 0}.footer__title{color:#fff;margin-bottom:7.5rem;font-

size:2rem}.footer__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-

pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:120px;border-

top:1px solid #4f5a6a;-ms-flex-wrap:wrap;flex-

wrap:wrap;gap:32px}.footer__copy{color:#fff;font-size:1rem}.footer__list{-webkit-box-

flex:0;-ms-flex:0 0 495px;flex:0 0 495px;display:-webkit-box;display:-ms-

flexbox;display:flex;gap:32px}.footer__link{font-size:1rem;color:#00d4ff}.more-

projects{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-

wrap:wrap;margin-bottom:7.5rem;row-gap:48px}.more-projects__item{-ms-flex-preferred-

size:50%;flex-basis:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-

align:center;-ms-flex-align:center;align-items:center;gap:24px;min-width:330px}.more-

projects__name{margin-bottom:1rem;color:#fff}.no-

webp .intro{background:url(../img/intro-bg.png) no-repeat right,-webkit-gradient(linear,left

bottom,left top,from(#01e0ff),to(#006ded))}.no-webp .intro{background:url(../img/intro-

bg.png) no-repeat right,-o-linear-gradient(bottom,#01e0ff 0,#006ded 100%)}.no-

webp .intro{background:url(../img/intro-bg.png) no-repeat right,linear-

gradient(360deg,#01e0ff 0,#006ded 100%)}.intro{min-height:550px}.intro__inner{padding-

top:170px;padding-bottom:80px;padding-left:60px;opacity:0;-webkit-transform:translateX(-

120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.intro__inner._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.intro__title{font-weight:500;font-

size:72px;line-height:80px;letter-spacing:-.02em;color:#fff;margin-bottom:4.0625rem;max-

width:1140px}.intro__title span{color:#181e28}.intro__button{padding:16px

48px;display:inline-block;background-color:#fff;border-radius:8px;-webkit-

transition:background-color .3s ease 0s,color .3s ease 0s;-o-transition:background-color .3s

ease 0s,color .3s ease 0s;transition:background-color .3s ease 0s,color .3s ease

0s}.intro__button:hover{background-color:#181e28;color:#fff}.about{padding:150px 0 20px

0;margin:-24px 0 280px 0;border-radius:24px;background-color:#fff}.about__title{font-

size:3rem;font-weight:500;line-height:60px;margin-bottom:3rem;max-

width:840px;opacity:0;-webkit-transform:translateX(-120%);-ms-transform:translateX(-

120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-o-transition:all .8s

ease 0s;transition:all .8s ease 0s}.about__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.about__descriptions{display:-webkit-

box;display:-ms-flexbox;display:flex;max-width:770px;gap:32px;margin-

bottom:7.5rem;overflow:hidden}.about__slide{opacity:0;-webkit-

transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.about__slide:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.about__slide:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.about__slide:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s ease .4s}.about__slide:nth-child(4){-

webkit-transition:all .8s ease .6s;-o-transition:all .8s ease .6s;transition:all .8s

ease .6s}.about__slide._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.about__text{opacity:0;-webkit-

transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.about__text:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.about__text:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.about__text._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.about__item{background-

color:#00d4ff;height:255px;width:100%;padding:24px;display:-webkit-box;display:-ms-

flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-

direction:column;flex-direction:column;border-radius:8px}.about__feature{font-

size:1rem}.about__amount{text-align:center;font-size:5rem;color:#fff;font-

weight:500;margin:auto 0}.principles{margin-bottom:4rem}.principles__title{margin-

bottom:5rem;text-transform:capitalize;opacity:0;-webkit-transform:translateX(-120%);-ms-

transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-

o-transition:all .8s ease 0s;transition:all .8s ease 0s}.principles__title._active{opacity:1;-

webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.principles__list{display:-webkit-

box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-

pack:center;-ms-flex-pack:center;justify-content:center;gap:120px

0;overflow:hidden}.principles__item{-ms-flex-preferred-size:50%;flex-basis:50%;opacity:0;-

webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.principles__item:nth-child(1){-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.principles__item:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.principles__item:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s ease .4s}.principles__item:nth-

child(4){-webkit-transition:all .8s ease .6s;-o-transition:all .8s ease .6s;transition:all .8s

ease .6s}.principles__item._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.principles__principle{color:#00d4ff;font-

size:2.5rem;font-weight:500;margin-bottom:1rem}.team{background-

color:#f8fbfd;padding:64px 0}.team__title{margin-bottom:4rem;opacity:0;-webkit-

transform:translateX(-120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.team__title._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.team__slide{opacity:0;-webkit-

transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.team__slide:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.team__slide:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.team__slide:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s

ease .4s}.team__slide._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.team__item{max-

width:300px}.team__img{margin-bottom:1.25rem;border-radius:8px}.team__img img{max-

width:100%}.team__name{color:#181e28;font-size:1.5rem;font-weight:500;text-

transform:capitalize}.team__text{font-size:1rem}.crypto{padding:120px

0}.crypto__title{margin-bottom:5rem;opacity:0;-webkit-transform:translateX(-120%);-ms-

transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-

o-transition:all .8s ease 0s;transition:all .8s ease 0s}.crypto__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.crypto__list{margin-

bottom:6.25rem}.crypto__slide{background-color:#f8fbfd;opacity:0;-webkit-

transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.crypto__slide:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.crypto__slide:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.crypto__slide:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s ease .4s}.crypto__slide:nth-child(4){-

webkit-transition:all .8s ease .6s;-o-transition:all .8s ease .6s;transition:all .8s

ease .6s}.crypto__slide._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.crypto__item{padding:8px 8px

16px}.crypto__icon-exchanges::after{background:url(../img/crypto/exchanges.svg) 0 0 no-

repeat}.crypto__icon-market::after{background:url(../img/crypto/marketplaces.svg) 0 0 no-

repeat}.crypto__icon-tokens::after{background:url(../img/crypto/tokens.svg) 0 0 no-

repeat}.crypto__icon-dao::after{background:url(../img/crypto/dao.svg) 0 0 no-

repeat}.crypto__descritions{display:-webkit-box;display:-ms-

flexbox;display:flex;gap:48px}.crypto__text{opacity:0;-webkit-transform:translateY(120%);-

ms-transform:translateY(120%);transform:translateY(120%)}.crypto__text:nth-child(1){-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.crypto__text:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.crypto__text._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.virtual{background:-o-radial-gradient(50%

100%,216.43% 100%,#5200ff 0,#180660 100%);background:radial-gradient(216.43% 100%

at 50% 100%,#5200ff 0,#180660 100%);padding:120px 0}.virtual__title{margin-

bottom:5rem;color:#fff;opacity:0;-webkit-transform:translateX(-120%);-ms-

transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-

o-transition:all .8s ease 0s;transition:all .8s ease 0s}.virtual__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.virtual__icon-descriptions{margin-

top:5rem}.virtual__slide{opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.virtual__slide:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.virtual__slide:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.virtual__slide._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.virtual__text{opacity:0;-webkit-

transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.virtual__text:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.virtual__text:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.virtual__text._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.virtual .swiper-slide{-webkit-box-flex:0;-

ms-flex:0 1 292px;flex:0 1 292px;min-width:240px}.data{padding:120px

0}.data__title{margin-bottom:4rem;opacity:0;-webkit-transform:translateX(-120%);-ms-

transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-

o-transition:all .8s ease 0s;transition:all .8s ease 0s}.data__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.data__slide{background-

color:#f8fbfd;opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.data__slide:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.data__slide:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.data__slide:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s

ease .4s}.data__slide._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.data .icon-descriptions{margin-

top:4rem}.data__text{opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.data__text:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.data__text:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.data__text._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.projects{margin-

bottom:4rem;padding:120px 0;background-color:#f8fbfd}.projects__title{margin-

bottom:5rem;opacity:0;-webkit-transform:translateX(-120%);-ms-transform:translateX(-

120%);transform:translateX(-120%);-webkit-transition:all .8s ease 0s;-o-transition:all .8s

ease 0s;transition:all .8s ease 0s}.projects__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.projects__slider{position:relative}.project

s__slides{opacity:0;-webkit-transition:all .8s ease 0s;-o-transition:all .8s ease

0s;transition:all .8s ease 0s}.projects__slides._active{opacity:1}.projects__item{display:-

webkit-box;display:-ms-flexbox;display:flex;background-color:#e9edf2;border-

radius:16px;height:435px}.projects__name{margin-bottom:.5rem;font-size:2rem;font-

weight:500}.projects__img{-ms-flex-preferred-size:65%;flex-basis:65%}.projects__img

img{max-width:100%;height:100%;width:100%;border-radius:16px;-o-object-

fit:cover;object-fit:cover}.projects__text{-ms-flex-preferred-size:35%;flex-

basis:35%;padding:32px}.projects .swiper-pagination{opacity:0;-webkit-transition:all .8s

ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s}.projects .swiper-

pagination._active{opacity:1}.projects__slides{position:relative}.callback{margin-

bottom:4rem}.callback__form{padding-

bottom:64px;overflow:hidden}.callback__inner{border-bottom:1px solid

#e2e7ee}.callback__title{margin-bottom:7.5rem;opacity:0;-webkit-transform:translateX(-

120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s}@supports

(margin-bottom:clamp(4rem ,1.1086956522rem +

6.0869565217vw ,7.5rem)){.callback__title{margin-bottom:clamp(4rem ,1.1086956522rem

+ 6.0869565217vw ,7.5rem)}}@supports not (margin-

bottom:clamp(4rem ,1.1086956522rem +

6.0869565217vw ,7.5rem)){.callback__title{margin-bottom:calc(4rem + 3.5 * (100vw -

47.5rem)/ 57.5)}}@supports (margin-bottom:clamp(3rem ,2.1rem +

4vw ,4rem)){.callback__title{margin-bottom:clamp(3rem ,2.1rem + 4vw ,4rem)}}@supports

not (margin-bottom:clamp(3rem ,2.1rem + 4vw ,4rem)){.callback__title{margin-

bottom:calc(3rem + 1 * (100vw - 22.5rem)/ 25)}}.callback__title._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.callback__title

span{color:#00d4ff}.callback input{opacity:0;-webkit-transform:translateX(-120%);-ms-

transform:translateX(-120%);transform:translateX(-120%)}.callback input:nth-child(1){-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s}.callback

input:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.callback input._active{opacity:1;-webkit-

transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.callback

textarea{opacity:0;-webkit-transform:translateX(-120%);-ms-transform:translateX(-

120%);transform:translateX(-120%);-webkit-transition:all .8s ease .6s;-o-transition:all .8s

ease .6s;transition:all .8s ease .6s}.callback textarea._active{opacity:1;-webkit-

transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.callback

button{opacity:0;-webkit-transform:translateX(-120%);-ms-transform:translateX(-

120%);transform:translateX(-120%);-webkit-transition:all .8s ease .8s;-o-transition:all .8s

ease .8s;transition:all .8s ease .8s}.callback button._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact{margin-

bottom:7.5rem}.contact__title{margin-bottom:4rem;opacity:0;-webkit-

transform:translateX(-120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.contact__title._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact__subtitle{opacity:0;-webkit-

transform:translateX(-120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-

webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.contact__subtitle._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact__data{display:-webkit-

box;display:-ms-flexbox;display:flex;gap:64px 16px;-ms-flex-wrap:wrap;flex-

wrap:wrap;margin-bottom:7.5rem}.contact__phone{-ms-flex-preferred-size:32%;flex-

basis:32%;opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%);-webkit-transition:all .8s ease 0s;-o-

transition:all .8s ease 0s;transition:all .8s ease 0s}.contact__phone._active{opacity:1;-

webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact__text{margin-bottom:1rem;font-

size:1rem}.contact__mail{-ms-flex-preferred-size:32%;flex-basis:32%;opacity:0;-webkit-

transform:translateY(120%);-ms-transform:translateY(120%);transform:translateY(120%);-

webkit-transition:all .8s ease .2s;-o-transition:all .8s ease .2s;transition:all .8s

ease .2s}.contact__mail._active{opacity:1;-webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact__location{-ms-flex-preferred-

size:32%;flex-basis:32%;opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%);-webkit-transition:all .8s ease .4s;-

o-transition:all .8s ease .4s;transition:all .8s ease .4s}.contact__location._active{opacity:1;-

webkit-transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.contact__address{font-style:normal;text-

decoration:underline;font-size:1rem;line-height:24px}.contact__subtitle{font-

size:2rem;margin-bottom:3rem}.socials__list{display:-webkit-box;display:-ms-

flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-

items:center;gap:16px}.socials__item{opacity:0;-webkit-transform:translateY(120%);-ms-

transform:translateY(120%);transform:translateY(120%)}.socials__item:nth-child(1){-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease

0s}.socials__item:nth-child(2){-webkit-transition:all .8s ease .2s;-o-transition:all .8s

ease .2s;transition:all .8s ease .2s}.socials__item:nth-child(3){-webkit-transition:all .8s

ease .4s;-o-transition:all .8s ease .4s;transition:all .8s ease .4s}.socials__item:nth-child(4){-

webkit-transition:all .8s ease .6s;-o-transition:all .8s ease .6s;transition:all .8s

ease .6s}.socials__item:nth-child(5){-webkit-transition:all .8s ease .8s;-o-transition:all .8s

ease .8s;transition:all .8s ease .8s}.socials__item._active{opacity:1;-webkit-

transform:translate(0,0);-ms-

transform:translate(0,0);transform:translate(0,0)}.socials__item:hover{-webkit-

transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s;-webkit-

transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-

10px)}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-

8;base64,