* {
 	padding: 0;
 	margin: 0;
 	-webkit-background-origin: border-box;
 	box-sizing: border-box;
 }

 /*  Tags  */

 html {
 	font-size: 15px;
 }

 body {
 	width: 100%;
 	font-family: 'Kelson', sans-serif;
 	font-size: calc(1.2rem + 1px);
 	/* 19px */
 	font-weight: 400;
 	position: relative;
 }

 li {
 	display: inline-block;
 	list-style: none;
 }

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

 p {
 	letter-spacing: .025em;
 	line-height: 1.7em;
 }

 h2, h3, h4, h5 {
 	color: #09212B;
 	font-weight: 700;
 }

 h1 {
 	font-size: 6rem;
 	/* 90px */
 	font-weight: 700;
 	line-height: 1.222em;
 	color: #fff;
 }

 h2 {
 	font-size: 4rem;
 	/* 60px */
 	line-height: 1.267em;
 }

 h3 {
 	font-size: 3.867rem;
 	/* 58px */
 	font-family: 'Inter', sans-serif;
 }

 h4 {
 	font-size: calc(1.2rem + 1px);
 	/* 19px */
 	line-height: 1.684em;
 }

 h5 {
 	font-size: 1rem;
 	/* 15px */
 	line-height: 1.867em;
 	font-weight: 500;
 }

 a {
 	display: inline-block;
 	text-decoration: none;
 	padding: 0;
 	margin: 0;
 	font-family: 'Kelson', sans-serif;
 	font-weight: 500;
 	font-size: 1rem;
 	/* 15px */
 	line-height: 1.1em;
 	letter-spacing: 0.015em;
 	cursor: pointer;
 	-webkit-transition: all .25s cubic-bezier(0, 0, .3, 1);
 	transition: all .25s cubic-bezier(0, 0, .3, 1);
 }

 /* Containers */

 .container_fluid {
 	width: 100%;
 	max-width: 1920px;
 	margin: 0;
 	padding: 0;
 }

 .container {
 	width: 1590px;
 	padding: 0 60px;
 	margin: 0 auto;
 }


 .container_sm {
 	width: 1330px;
 	padding: 0 60px;
 	margin: 0 auto;
 }

 /*  Columns  */

 .columns_wrap {
 	margin-right: -30px;
 }

 .column {
 	padding-right: 30px;
 	padding-bottom: 30px;
 }

 .column_1-4 {
 	width: 25%;
 }

 .column_1-6 {
 	width: 16.6666%;
 }

 .column_1-2 {
 	width: 50%;
 }

 /* Header */

 .header-wrap {
 	width: 100%;
 	height: 100vh;
 	max-height: 990px;
 	min-height: 800px;
 	position: relative;
 	overflow: hidden;
 }

 .video_wrap {
 	position: relative;
 	padding-bottom: 56.25%;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: url(../images/header/cedric-dhaenens-174508-bg.jpg) center no-repeat;
 	background-size: cover;
 }

 .video_wrap:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #09212B;
 	opacity: .84;
 	z-index: 2;
 }

 .video {
 	display: block;
 	-o-object-fit: cover;
 	object-fit: cover;
 	background-size: cover;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	min-width: 100%;
 	height: 100%;
 	width: 177.77777778vh;
 	/* 100 * 16 / 9 */
 	min-width: 100%;
 	min-height: 56.25vw;
 	/* 100 * 9 / 16 */
 	z-index: 1;
 }

 .header_top {
 	position: absolute;
 	top: 0;
 	left: 50%;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: -webkit-box;
 	display: flex;
 	-webkit-box-pack: justify;
 	justify-content: space-between;
 	-ms-align-items: center;
 	-webkit-box-align: center;
 	align-items: center;
 	padding: 0 100px 0 0;
 	max-width: 1920px;
 	width: 100%;
 	margin: 0;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 5;
 }

 .logo_wrap {
 	padding: 3.3rem 3.3rem 3.3rem 15rem;
 	height: 100%;
 	background: #2CC0FF;
 	position: relative;
 	z-index: 1000;
 	opacity: 0;
 	-webkit-transform: translateX(-100px);
 	transform: translateX(-100px);
 	-webkit-animation: frameAppear .6s .8s forwards cubic-bezier(0, 0, .3, 1);
 	animation: frameAppear .6s .8s forwards cubic-bezier(0, 0, .3, 1);
 }

 .logo {
 	width: 7.2rem;
 	-webkit-transform: translateX(-40px);
 	transform: translateX(-40px);
 	opacity: 0;
 	-webkit-animation: frameAppear .5s 1s forwards cubic-bezier(0, 0, .3, 1);
 	animation: frameAppear .5s 1s forwards cubic-bezier(0, 0, .3, 1);
 }

 .nav ul {
 	-webkit-transform: translate(10px, -20px);
 	transform: translate(10px, -20px);
 	opacity: 0;
 	-webkit-animation: frameAppear .5s .8s forwards cubic-bezier(0, 0, .3, 1);
 	animation: frameAppear .5s .8s forwards cubic-bezier(0, 0, .3, 1);
 }

 .nav li {
 	margin-left: 3.7rem;

 }

 .nav_link {
 	vertical-align: middle;
 	color: #fff;
 }

 .nav_link:hover {
 	color: #2CC0FF;
 }

 /*  Nav toggle  */

 .nav-toggle {
 	display: none;

 	position: absolute;
 	top: 50%;
 	right: 3rem;
 	z-index: 1000;
 	width: 2.5rem;
 	height: 2.5rem;
 	padding: 1rem 0;

 	font-size: 0;
 	color: transparent;

 	border: 0;
 	background: none;
 	cursor: pointer;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%);
 }

 .nav-toggle:focus {
 	outline: none;
 }

 .burger {
 	display: block;
 	width: 100%;
 	height: 3px;
 	background-color: #fff;
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
 	margin: auto;
 	z-index: 100;
 	-webkit-transition: background .2s linear;
 	transition: background .2s linear;
 }

 .burger:before,
 .burger:after {
 	content: "";
 	width: 100%;
 	height: 3px;
 	background-color: #FFF;
 	position: absolute;
 	left: 0;
 	z-index: 100;
 	-webkit-transition: -webkit-transform .3s linear;
 	transition: -webkit-transform .3s linear;
 	transition: transform .3s linear;
 	transition: transform .3s linear, -webkit-transform .3s linear;
 }

 .nav-toggle.active .burger {
 	background: none;
 }

 .burger:before {
 	top: -.85rem;
 }

 .burger:after {
 	bottom: -.85rem;
 }

 .nav-toggle.active .burger:before {
 	-webkit-transform-origin: center center;
 	transform-origin: center center;
 	-webkit-transform: translateY(.85rem) rotate(405deg);
 	transform: translateY(.85rem) rotate(405deg);
 }

 .nav-toggle.active .burger:after {
 	-webkit-transform-origin: center center;
 	transform-origin: center center;
 	-webkit-transform: translateY(-.85rem) rotate(-405deg);
 	transform: translateY(-.85rem) rotate(-405deg);
 }

 .header_inner {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: 0;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	z-index: 4;
 }

 .header_content {
 	text-align: center;
 	position: relative;
 	padding-bottom: .8rem;
 	z-index: 5;
 }

 .header_btn-wrap {
 	padding-top: 4.4rem;
 }

 .header_btn {
 	padding: 1.9rem 2.7rem;
 	background: #2CC0FF;
 	color: #fff;
 	border-radius: 50px;
 }

 .header_btn:hover {
 	background: #fff;
 	color: #09212B;
 }

 .header_title {
 	opacity: 0;
 	-webkit-animation: fadeInUp 1s .2s forwards ease;
 	animation: fadeInUp 1s .2s forwards ease;
 }

 .header_btn {
 	opacity: 0;
 	-webkit-animation: fadeInUp 1s .5s forwards ease;
 	animation: fadeInUp 1s .5s forwards ease;
 }

 @-webkit-keyframes fadeInUp {
 	from {
 		-webkit-transform: translateY(40px);
 		transform: translateY(40px);
 		opacity: 0;
 	}

 	to {
 		-webkit-transform: translateY(0px);
 		transform: translateY(0px);
 		opacity: 1;
 	}
 }

 @keyframes fadeInUp {
 	from {
 		-webkit-transform: translateY(40px);
 		transform: translateY(40px);
 		opacity: 0;
 	}

 	to {
 		-webkit-transform: translateY(0px);
 		transform: translateY(0px);
 		opacity: 1;
 	}
 }

 .frame {
 	position: absolute;
 	z-index: 3;
 	opacity: 0;
 	-webkit-animation: frameAppear .7s .8s forwards cubic-bezier(0, 0, .3, 1);
 	animation: frameAppear .7s .8s forwards cubic-bezier(0, 0, .3, 1);
 }

 .frame_1 {
 	left: -8.5%;
 	top: 24.1%;
 	width: 22.4%;
 	-webkit-clip-path: inset(0 1px 0 0);
 	clip-path: inset(0 1px 0 0);
 	-webkit-transform: translateX(-160px);
 	transform: translateX(-160px);
 }

 .frame_2 {
 	top: -2px;
 	left: 27.4%;
 	width: 14.4%;
 	-webkit-transform: translate(-20px, -160px);
 	transform: translate(-20px, -160px);
 }

 .frame_3 {
 	top: 5.5%;
 	right: 34.8%;
 	width: 10.1%;
 	-webkit-transform: translate(15px, -160px);
 	transform: translate(15px, -160px);
 }

 .frame_4 {
 	top: 28.1%;
 	right: -0.6%;
 	width: 14.5%;
 	-webkit-transform: translateX(160px);
 	transform: translateX(160px);
 }

 .frame_5 {
 	bottom: 8.7%;
 	right: 13%;
 	width: 17.3%;
 	-webkit-transform: translate(60px, 160px);
 	transform: translate(60px, 160px);
 }

 .frame_6 {
 	bottom: 14%;
 	left: 12.7%;
 	width: 16.5%;
 	-webkit-transform: translate(-60px, 160px);
 	transform: translate(-60px, 160px);
 }

 @-webkit-keyframes frameAppear {
 	to {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0);
 		opacity: 1;
 	}
 }

 @keyframes frameAppear {
 	to {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0);
 		opacity: 1;
 	}
 }

 /* Home */

 .home-wrap {
 	background: #F1F1EF;
 	padding: 0;
 	margin: 0;
 	overflow: hidden;
 }

 .home_inner.columns_wrap {
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: -webkit-box;
 	display: flex;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin: 0;
 }

 .home_item {
 	position: relative;
 }

 .home_item-light {
 	background: #F1F1EF;
 }

 .home_item-dark {
 	background: #E8E8E6;
 }

 .home_item.column {
 	padding: 8.1rem 0 7.8rem;
 	text-align: center;
 	margin: 0;
 }

 .home_img {
 	display: inline-block;
 	width: 73%;
 	margin-bottom: 2.7rem;

 	-webkit-transition: all .3s ease;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	position: relative;
 	bottom: 0;
 }

 .home_img img {
 	box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.05);

 	-webkit-transition: transform .4s ease;
 	-webkit-transition: -webkit-transform .4s ease;
 	transition: -webkit-transform .4s ease;
 	transition: transform .4s ease;
 	transition: transform .4s ease, -webkit-transform .4s ease;
 }

 .home_item .home_img:hover img {
 	-webkit-transform: translateY(-10px);
 	transform: translateY(-10px);
 }

 .home_title {
 	line-height: 1em;
 	position: relative;
 }

 /* Content */

 .white {
 	color: #fff;
 }

 .black {
 	color: #09212B;
 }

 .blue {
 	color: #2CC0FF;
 }

 section {
 	overflow: hidden;
 }

 .row_center {
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: -webkit-box;
 	display: flex;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: center;
 	justify-content: center;
 }

 .row_between {
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: -webkit-box;
 	display: flex;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-ms-align-items: center;
 	-webkit-box-align: center;
 	align-items: center;
 	-webkit-box-pack: justify;
 	justify-content: space-between;
 }

 .sub {
 	font-size: calc(1.2rem - 1px);
 	font-weight: 400;
 	line-height: 1.882em;
 	letter-spacing: .03em;
 	margin-top: 2.6rem;
 }

 .sup {
 	letter-spacing: .054em;
 	margin-bottom: 2.5rem;
 }

 .section_text {
 	padding: 2.5rem 0 3.5rem;
 }

 .section_btn {
 	color: #fff;
 	background: #09212B;
 	padding: 1.8rem 2.6rem;
 	border-radius: 50px;
 }

 .section_btn:hover {
 	background: #fff;
 	color: #09212B;
 }

 /* Top Clients Start */

 .top_clients-wrap {
 	background-color: #FFFFFF;
 	padding-top: 7rem;
 	padding-bottom: 8rem;
 	--row-gap: 68px;
 	text-align: center;
 }

 .top_clients-wrap .section_title span {
 	color: #2cc0ff;
 }

 @media (min-width: 1440px) {
 	.container_tc {
 		max-width: 1470px;
 	}
 }

 .top_clients_grid {
 	display: grid;
 	grid-template-columns: 1fr;
 	grid-gap: 42px;
 	margin-top: 2.5em;
 	text-align: left;
 }

 .top_client_row {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin-right: calc(0px - var(--row-gap));
 }

 .top_clients_grid .item {
 	flex: 0 1 50%;
 	padding-right: var(--row-gap);
 }

 .top_clients-wrap .content_wrap {
 	max-width: 510px;
 }

 .top_clients-wrap .sup {
 	text-align: center;
 	margin-bottom: 1.7em;
 }

 .top_clients-wrap .top_clients_title {
 	font-size: 2.8rem;
 	line-height: 1;
 	letter-spacing: 0;
 	font-weight: 700;
 	color: #09212B;
 }

 .top_clients_btn {
 	border-radius: 30px;
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
 	color: #fff;
 	overflow: hidden;
 	background-color: #2CC0FF;
 	transition: background-color 0.3s linear;
 	font-family: 'Kelson', sans-serif;
 	font-size: 14px;
 	font-weight: 500;
 	line-height: 1;
 	text-transform: none;
 	letter-spacing: 0;
 	padding: 8px 9px;
 	position: relative;
 	margin-top: 1.4em;
 }

 .top_clients_btn span {
 	position: relative;
 	z-index: 1;
 }

 .top_clients_btn:before {
 	content: "";
 	width: 15px;
 	height: 15px;
 	display: inline-block;
 	margin-right: 9px;
 	background-image: url(../images/top_clients/earth.svg);
 	position: relative;
 	top: -1px;
 	z-index: 1;
 }

 .top_clients_btn:hover {
 	background-color: #09212B;
 }

 .top_clients_grid .img_wrap {
 	position: relative;
 	padding-top: 30px;
 	background-color: #ffffff;
 	box-shadow: 5px 15px 50px rgba(19, 7, 1, .1);
 	overflow: hidden;
 	/* border-radius: 12px 12px 0 0; */
 	transition: box-shadow 0.3s linear;
 }

 .top_clients_grid .img_wrap:hover {
 	box-shadow: 5px 15px 50px rgba(19, 7, 1, .2);
 }

 .top_clients_grid .img_wrap .clients_screen_dots {
 	position: absolute;
 	top: 13px;
 	left: 13px;
 	width: 21px;
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-gap: 3px;
 }

 .top_clients_grid .img_wrap .clients_screen_dots span {
 	border-radius: 50%;
 	width: 5px;
 	height: 5px;
 }

 .top_clients_grid .img_wrap .clients_screen_dots span:nth-of-type(1) {
 	background-color: #ff625a;
 }

 .top_clients_grid .img_wrap .clients_screen_dots span:nth-of-type(2) {
 	background-color: #febd2e;
 }

 .top_clients_grid .img_wrap .clients_screen_dots span:nth-of-type(3) {
 	background-color: #29ce42;
 }

 /* Top Clients End */


 /* Builder */

 .builder-wrap {
 	background: #2CC0FF;
 	padding: 10.2rem 0 10.1rem;
 }

 .builder_content {
 	width: 35%;
 	padding-top: .2rem;
 }

 .builder_title {
 	padding-right: 5rem;
 }

 .builder_img {
 	width: 52.2%;
 	position: relative;
 	padding-top: 41.8%;
 }

 .builder_img img {
 	position: absolute;
 }

 .builder_img-1 {
 	bottom: 0%;
 	right: 4.1%;
 	width: 69.8%;
 	z-index: 2;
 	box-shadow: -15px 12px 20px 0px rgba(0, 0, 0, 0.05);
 }

 .builder_img-2 {
 	top: 6.7%;
 	left: 0%;
 	width: 40.1%;
 	z-index: 1;
 }

 .builder_img-3 {
 	top: 0%;
 	right: 7.7%;
 	width: 20.8%;
 	z-index: 3;
 }

 .builder_img-4 {
 	top: 27.8%;
 	right: 0%;
 	width: 14.3%;
 	z-index: 3;
 }

 /* Slider */

 .slider-wrap {
 	background: #fff;
 	padding: 8.8rem 0 9.7rem;
 	text-align: center;
 }

 .swiper-container {
 	margin-top: 4.9rem;
 	padding-bottom: 3.9rem;
 }

 .swiper-slide img {
 	margin-bottom: 1.5rem;
 	box-shadow: -10px 8px 20px 0px rgba(0, 0, 0, 0.05);
 }

 .swiper-scrollbar-drag {
 	background-color: #2CC0FF;
 	border-radius: 0;
 }

 .swiper-container-horizontal>.swiper-scrollbar {
 	width: 37.5% !important;
 	height: 3px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	background: #F4F8FA;
 }

 /* Plugins */

 .plugins-wrap {
 	padding: 8.9rem 0 6.1rem;
 	text-align: center;
 	background: #09212B;
 }

 .plugins_inner.columns_wrap {
 	padding-top: 4.8rem;
 	margin: 0;
 }

 .plugin_item.column {
 	padding-right: 0;
 	padding-bottom: 3.5rem;
 	text-align: center;
 }

 .square-wrap {
 	width: 6.7rem;
 	margin: 0 auto 1.5rem;
 	-webkit-transition: transform .2s linear;
 	-webkit-transition: -webkit-transform .2s linear;
 	transition: -webkit-transform .2s linear;
 	transition: transform .2s linear;
 	transition: transform .2s linear, -webkit-transform .2s linear;
 }

 .plugin_item:hover .square-wrap {
 	-webkit-transform: translateY(-10px);
 	transform: translateY(-10px);
 }

 .plugin_text {
 	color: #fff;
 }

 /* Woo */

 .woo-wrap {
 	background: #2CC0FF;
 	padding: 8rem 0 12.7rem;
 }

 .woo_content {
 	width: 42%;
 	padding-left: 8.5rem;
 }

 .woo_title {
 	padding-right: 5rem;
 }

 .woo_img {
 	width: 51%;
 	position: relative;
 	padding-top: 41.8%;
 }

 .woo_img>div {
 	position: absolute;
 }

 .woo_img-1 {
 	top: 0%;
 	left: 0%;
 	width: 76.5%;
 	z-index: 1;

 	border-radius: 5px;
 	box-shadow: -10px 8px 20px 0px rgba(0, 0, 0, 0.05);
 	overflow: hidden;
 }

 .woo_img-2 {
 	top: 9.8%;
 	right: 3.6%;
 	width: 42.5%;
 	z-index: 2;
 }

 .woo_img-3 {
 	bottom: 23%;
 	right: 19.9%;
 	width: 26.7%;
 	z-index: 3;

 	border-radius: 12px;
 	box-shadow: -10px 8px 20px 0px rgba(0, 0, 0, 0.05);
 	overflow: hidden;
 }

 .woo_img-4 {
 	top: 17.8%;
 	right: 0%;
 	width: 13.4%;
 	z-index: 3;
 }

 /* Features */

 .features-wrap {
 	text-align: center;
 	padding: 8.9rem 0 3.6rem;
 	background: #fff;
 	overflow: hidden;
 }

 .features_inner {
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: -webkit-box;
 	display: flex;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin: 0 -1rem;
 	padding-top: 4.8rem;
 }

 .features_sub {
 	color: #09212B;
 }

 .features_item {
 	padding-bottom: 5rem;
 	padding-right: 0;
 }

 .features_img {
 	width: 6.7rem;
 	display: block;
 	margin: 0 auto 2.9rem;
 	transition: transform .2s ease;
 }

 .features_text {
 	padding: 1.8rem 4.9rem 0;
 	color: #A1B0B8;
 	font-size: calc(1rem + 1px);
 	/* 16px */
 }

 .features_item:hover .features_img {
 	-webkit-transform: translateY(-10px);
 	transform: translateY(-10px);
 }


 /* Footer */

 .footer-wrap {
 	padding: 11.4rem 0 13.2rem;
 	background: url(../images/footer/home2-bg1.jpg) center no-repeat;
 	background-size: cover;
 	text-align: center;
 }

 .footer_btn-wrap {
 	margin-top: 3.5rem;
 }

 .footer_btn {
 	padding: 1.9rem 2.6rem;
 }

 #topBtn {
 	position: fixed;
 	bottom: 30px;
 	right: 30px;
 	border-radius: 50%;
 	overflow: hidden;
 	display: inline-block;
 	font-size: 1.2rem;
 	width: 3.4rem;
 	height: 3.4rem;
 	color: #09212B;
 	background: #2CC0FF;
 	border: none;

 	outline: none;
 	cursor: pointer;
 	z-index: 1000;
 	-webkit-transition: all .3s linear;
 	transition: all .3s linear;
 }

 #topBtn:hover {
 	background: #09212B;
 	color: #fff;
 }

 .fade {
 	-webkit-transform: translateY(0);
 	transform: translateY(0);
 }

 .fade_out {
 	-webkit-transform: translateY(150px);
 	transform: translateY(150px);
 }

 /* Preloader */

 #page_preloader {
 	background-color: #09212b;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 	opacity: 0.8;
 	position: fixed;
 	z-index: 1000000;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 }

 .preloader_wrap {
 	display: inline-block;
 	vertical-align: top;
 	padding-top: 1px;
 	position: absolute;
 	z-index: 1;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .scheme_default .preloader_wrap>div {
 	background-color: #2cc0ff;
 }

 .preloader_wrap .preloader_dot {
 	background-color: #2CC0FF;
 	display: inline-block;
 	vertical-align: top;
 	width: 10px;
 	height: 10px;
 	line-height: 10px;
 	text-align: center;
 	border-radius: 50%;
 	position: relative;
 	z-index: 100000000;
 	opacity: 1;
 }

 .preloader_wrap #preloader_dot-one {
 	-webkit-animation: load 1.5s infinite;
 	animation: load 1.5s infinite;
 }

 .preloader_wrap .preloader_dot+.preloader_dot {
 	margin-left: 30px;
 }

 .preloader_wrap #preloader_dot-two {
 	-webkit-animation: load 1.5s infinite;
 	animation: load 1.5s infinite;
 	-webkit-animation-delay: 0.25s;
 	animation-delay: 0.25s;
 }

 .preloader_wrap #preloader_dot-three {
 	-webkit-animation: load 1.5s infinite;
 	animation: load 1.5s infinite;
 	-webkit-animation-delay: 0.5s;
 	animation-delay: 0.5s;
 }

 @-webkit-keyframes load {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}

 	50% {
 		-webkit-transform: scale(2);
 		transform: scale(2);
 	}

 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}
 }

 @keyframes load {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}

 	50% {
 		-webkit-transform: scale(2);
 		transform: scale(2);
 	}

 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 	}
 }

/* ChatGPT */
.chatgpt {
    padding: 9rem 0;
	background-color: #F5F6F9;
}

.chatgpt .content {
	max-width: 1237px;
}

.chatgpt .chatgpt__header {
	text-align: center;
	margin-bottom: 39px;
}

.chatgpt .chatgpt__header .title {
	margin: 26px auto 0;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	max-width: 700px;
}

.chatgpt .chatgpt__header .description {
	margin-top: 20px;
	font-size: 1.065em;
	font-weight: 400;
	color: #8A8D98;
	letter-spacing: -0.01em;
}

.chatgpt .chatgpt__header span {
	color: #ffffff;
}

.chatgpt .chatgpt__header .chatgpt_logo {
	max-width: 160px;
	margin: 0 auto;
}

.chatgpt .chatgpt__content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chatgpt .chatgpt__content p {
	margin-top: 34px;
	max-width: 450px;
	text-align: center;
	letter-spacing: 0;
	color: #626672;
}

.chatgpt .chatgpt__content span {
	color: #191919;
}

.chatgpt .chatgpt__content .video-gpt {
	max-width: 100%;
	overflow: hidden;
}

.chatgpt .chatgpt__content .video-gpt .video-header {
	padding: 14px 14px 13px;
	font-size: 0;
	background-color: #07121A;
}

.chatgpt .chatgpt__content .video-gpt .video-header .control {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
}

.chatgpt .chatgpt__content .video-gpt .video-header .control:not(:first-child) {
	margin-left: 3px;
}

.chatgpt .chatgpt__content .video-gpt .video-header .control:nth-child(1) {
	background-color: #FF625A;
}

.chatgpt .chatgpt__content .video-gpt .video-header .control:nth-child(2) {
	background-color: #FFBE2F;
}

.chatgpt .chatgpt__content .video-gpt .video-header .control:nth-child(3) {
	background-color: #29CE42;
}

.chatgpt .chatgpt__content .video-gpt .video-content {
	padding: 30px;
	background-color: #77BF8D;
}

.chatgpt .chatgpt__content .video-gpt .video-content video {
	display: block;
	max-width: 100%;
	overflow: hidden;
}

/*    AI - images    */

.ai-images {
    padding: 0 0 9rem;
	background-color: #F5F6F9;
    overflow: visible;
    z-index: 2;
}
  
.ai-images .section_title {
	margin: 0 auto;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	max-width: 615px;
	text-align: center;
}
  
.ai-images .img-wrap {
	position: relative;
	max-width: 878px;
	margin: 3.4em auto 2em;
}
.ai-images .img-wrap img:nth-of-type(1) {
	display: flex;
	width: 100%;
	z-index: 2;
	max-width: 750px;
	margin: 0 auto;
}
  
.ai-images .img-wrap img:nth-of-type(2) {
	position: absolute;
	z-index: 3;
	left: -0.5%;
	bottom: -9%;
	width: 42%;
	max-width: 288px;
}
  
.ai-images .img-wrap img:nth-of-type(3) {
	position: absolute;
	z-index: 3;
	right: 9%;
	top: -8.7%;
	width: 23%;
	max-width: 128px;
}