* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
  }
  
  body {
	font-family: "Geometria";
	font-style: normal;
	font-weight: 400;
  }
  
  .container {
	margin: 0 auto;
	width: 1420px;
	position: relative;
  }
  
  .flex {
	display: flex;
  }
  
  img,
  svg {
	display: block;
  }
  
  button svg {
	display: inline-block;
  }
  
  header {
	background: url("../images/header.png") top center no-repeat;
	width: 100%;
	padding-bottom: 87px;
  }
  
  h1 {
	font-family: "Unbounded";
	font-weight: 500;
	font-style: normal;
  }
  
  h2 {
	font-family: "Unbounded";
	font-weight: 500;
	font-style: normal;
	font-weight: 500;
	font-size: 33px;
	line-height: 143%;
	color: #212121;
	}
  
  ul li {
	list-style: none;
  }
  
  span.blue {
	color: #32a1de;
  }
  
  strong.blue {
	font-weight: 700;
	font-size: 32px;
	color: #32a1de;
  }
  
  b {
	font-weight: 500;
  }
  
  header nav {
	padding-top: 20px;
	justify-content: flex-start;
	align-items: center;
  }
  
  header nav ul {
	display: flex;
	gap: 30px;
	margin-left: 60px;
	align-items: center;
	}
  
  header nav ul li a {
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
	color: #212121;
  }
  
  header nav ul li a.active,
  header nav ul li a:hover {
	color: #32a1de;
	text-decoration: underline;
	text-decoration-skip-ink: none;
  }
  
  header .tg {
	margin-left: auto;
	margin-right: 12px;
	transition: all 0.3s;
  }
  
  header .wa {
	transition: all 0.3s;
  }
  header .wa:hover {
	scale: 1.1;
  }
  header .tg:hover {
	scale: 1.1;
  }
  
  button {
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	-ms-border-radius: 90px;
	-o-border-radius: 90px;
	padding: 14px 25px;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 17px;
	line-height: 147%;
	color: #fff;
	cursor: pointer;
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Geometria";
	}
  
  header nav .phone {
	border: 1.5px solid #212121;
	border-radius: 90px;
	padding: 14px;
	width: 218px;
	height: 53px;
	font-weight: 700;
	font-size: 17px;
	line-height: 147%;
	color: #212121;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	margin-left: 20px;
	/* margin-right: 20px; */
	transition: all 0.3s;
	}
  header nav .phone:hover {
	background: #32a1de;
	border: 1px solid #32a1de;
	color: #fff;
  }
  
  header nav .btn {
	background: #3fb759;
	width: 198px;
	height: 53px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	margin-left: 20px;
	}
  
  header nav .btn:hover {
	background: linear-gradient(119deg, #3fb759 0%, #14e542 100%);
  }
  
  header .contant {
	display: flex;
	margin-top: 80px;
  }
  
  header .contant .left {
	width: 731px;
  }
  
  header .contant .left p.h1 {
	font-weight: 500;
	font-size: 46px;
	line-height: 130%;
	color: #212121;
  }
  
  header .contant .left ul {
	margin-top: 35px;
  }
  
  header .contant .left ul li {
	display: flex;
	align-items: center;
	margin-bottom: 23px;
  }
  
  header .contant .left ul li:last-child {
	margin-bottom: 0;
  }
  
  header .contant .left ul li img {
	margin-right: 10px;
  }
  
  header .contant .left ul li p {
	font-weight: 400;
	font-size: 27px;
	line-height: 119%;
	color: #212121;
  }
  
  header .contant .left button {
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	padding: 20px 70px;
	height: 65px;
	width: 349px;
	margin-top: 60px;
	transition: all 0.3s;
  }
  header .contant .left button:hover {
	box-shadow: 0 4px 20px 0 rgba(7, 209, 0, 0.35);
	background: linear-gradient(141deg, #3fb759 0%, #14e542 100%);
  }
  header .contant .left button svg {
	rotate: 0deg;
	transition: all 0.3s;
  }
  header .contant .left button:hover svg {
	rotate: 45deg;
  }
  header .contant .magnet {
	position: relative;
	left: -10px;
	top: 50px;
  }
  
  header .contant .right ul li {
	border-radius: 15px;
	padding: 15px 20px;
	width: 257px;
	margin-bottom: 20px;
	box-sizing: border-box;
  }
  
  header .contant .right ul li:last-child {
	margin-bottom: 0;
  }
  
  header .contant .right ul li.blue {
	background: #4ba1d1;
  }
  
  header .contant .right ul li.red {
	background: #ec6e70;
  }
  
  header .contant .right ul li.green {
	background: #3fb759;
  }
  
  header .contant .right ul li p.title {
	font-weight: 500;
	font-size: 18px;
	line-height: 122%;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  }
  
  header .contant .right ul li p.descr {
	font-weight: 300;
	font-size: 16px;
	line-height: 137%;
	color: #fff;
	margin-top: 10px;
  }
  
  header .contant .right ul li strong {
	font-weight: 500;
	font-size: 18px;
	line-height: 139%;
	color: #fff;
	margin-top: 5px;
	display: block;
  }
  
  #why-signal {
	padding: 100px 0;
  }
  
  #why-signal .info {
	gap: 90px;
	align-items: center;
	margin-top: 60px;
  }
  
  #why-signal .info:last-child {
	gap: 40px;
  }
  
  #why-signal .title {
	display: flex;
	gap: 10px;
	align-items: flex-start;
  }
  
  #why-signal .title p {
	font-weight: 500;
	font-size: 27px;
	line-height: 137%;
	color: #212121;
  }
  
  #why-signal p.descr {
	padding-left: 56px;
	margin-top: 20px;
	padding-right: 30px;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #212121;
  }
  
  #why-signal .posr {
	position: relative;
  }
  
  #why-signal .right.posr:after {
	content: "";
	position: absolute;
	bottom: 0px;
	background: url("../images/mobile.png") top center no-repeat;
	width: 460px;
	height: 408px;
	display: block;
  }
  
  #why-signal .left.posr:after {
	content: "";
	position: absolute;
	bottom: 0;
	background: url("../images/morfeus.png") top center no-repeat;
	width: 460px;
	height: 387px;
  }
  
  #why-signal .left.posr p.red {
	position: absolute;
	bottom: 62px;
	left: 15px;
	border-radius: 90px;
	padding: 5px 15px;
	width: 139px;
	height: 32px;
	background: #cf3a3d;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 137%;
	color: #fff;
	transition: all 0.3s;
	transform: rotate(0deg);
  }
  #why-signal .info:last-child:hover p.red {
	transform: rotate(10deg);
  }
  
  #why-signal .left.posr p.blue {
	position: absolute;
	bottom: 62px;
	right: 15px;
	border-radius: 90px;
	padding: 5px 15px;
	width: 139px;
	height: 32px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 137%;
	color: #fff;
	background: #32a1de;
	transform: rotate(0deg);
	transition: all 0.3s;
  }
  #why-signal .info:last-child:hover p.blue {
	transform: rotate(-10deg);
  }
  #solutions {
	padding: 100px 0;
	background: url("../images/bg-solutions.svg") bottom center no-repeat;
	color: #b4e4ff;
	}
  
  #solutions ul {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
  }
  
  #solutions ul li {
	border-radius: 30px;
	padding: 30px;
	width: 460px;
	height: 477px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	  transition:all .3s;
  }
#solutions ul li:hover{
	scale:1.02;
}
  
  #solutions ul li.blue {
	background: linear-gradient(180deg, #4ba1d1 0%, #007ec3 100%);
	}
  
  #solutions ul li.red {
	background: linear-gradient(180deg, #ed7375 0%, #cf3a3d 100%);
  }
  
  #solutions ul li.green {
	background: linear-gradient(180deg, #3fb759 0%, #26cf20 100%);
  }
  
  #solutions ul li img {
	max-height: 40px;
  }
  
  #solutions ul li .title {
	font-weight: 500;
	font-size: 27px;
	line-height: 137%;
	color: #fff;
	margin-top: 70px;
	}
  
  #solutions ul li .descr {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	margin-top: 10px;
  }
  
  #solutions ul li button {
	border-radius: 90px;
	padding: 20px 50px;
	width: 376px;
	height: 73px;
	background: #fff;
	font-weight: 500;
	font-size: 22px;
	line-height: 105%;
	color: #111;
	margin-top: auto;
	transition: all 0.3s;
  }
  #solutions ul li button:hover {
	background: #111;
	color: #fff;
  }
  #solutions ul li button svg,
  #solutions ul li button svg path {
	transition: all 0.3s;
  }
  #solutions ul li button:hover svg,
  #solutions ul li button:hover svg path {
	stroke: #fff;
	fill: #fff;
  }
  
  #digital-reality {
	padding: 100px 0;
  }
  #digital-reality .awards-badge{
	  right: 0;
	  flex-wrap: nowrap;
	  max-width: 515px;
	  padding: 10px;
	  position: absolute;
	  background: #32a1de;
	 }
  #digital-reality .badge-item{
	width: 49%;
	gap: 12px;
	padding: 12px 12px;
	background: #edf8ff;
}
  #digital-reality .subtitle {
	font-weight: 500;
	font-size: 24px;
	line-height: 125%;
	color: #646464;
	margin-top: 20px;
  }
  
  #digital-reality .flex {
	margin-top: 60px;
	gap: 20px;
  }
  
  #digital-reality .before {
	border-radius: 30px;
	background: #fafafa;
	padding: 80px 30px 30px;
	box-sizing: border-box;
	position: relative;
	flex: 1;
  }
  
  #digital-reality .before:before {
	content: "Было:";
	font-weight: 700;
	font-size: 27px;
	line-height: 137%;
	color: #cf3a3d;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 29px 13px;
	background: #ffffff;
	border-top-left-radius: 29px;
  }
  
  #digital-reality .before:after {
	content: "";
	background: url("../images/icon-close.svg") top center no-repeat;
	position: absolute;
	right: 42px;
	top: 42px;
	width: 52px;
	height: 52px;
  }
  
  #digital-reality .after {
	border-radius: 30px;
	background: #dbfbda;
	padding: 80px 30px 30px;
	box-sizing: border-box;
	position: relative;
	flex: 1;
  }
  
  #digital-reality .after:before {
	content: "Стало:";
	font-weight: 700;
	font-size: 27px;
	line-height: 137%;
	color: #3fb759;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border-top-left-radius: 29px;
	padding: 0px 29px 13px;
  }
  
  #digital-reality .after:after {
	content: "";
	background: url("../images/icon-check.svg") top center no-repeat;
	position: absolute;
	right: 37px;
	top: 45px;
	width: 61px;
	height: 50px;
  }
  
  #digital-reality .title {
	font-weight: 700;
	font-size: 36px;
	line-height: 103%;
	color: #212121;
  }
  
  #digital-reality .leads {
	font-weight: 700;
	font-size: 36px;
	line-height: 103%;
	margin-top: 15px;
  }
  
  #digital-reality .before .leads {
	color: #cf3a3d;
  }
  
  #digital-reality .after .leads {
	font-weight: 700;
	font-size: 36px;
	line-height: 103%;
	color: #3fb759;
  }
  
  #digital-reality .after .leads span.mega {
	font-size: 48px;
  }
  
  #digital-reality .descr {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	margin-top: 20px;
  }
  
  #digital-reality .before .descr {
	color: #646464;
  }
  
  #digital-reality .before .descr strong.red {
	color: #cf3a3d;
  }
  
  #digital-reality .after .descr {
	color: #00420e;
  }
  
  #get-started {
	padding: 100px 0 100px;
  }
  
  #get-started .container {
	padding: 0 100px;
	background: linear-gradient(0deg, #7ec8f1 0%, #b0e3ff 100%);
	height: 462px;
	border-radius: 30px;
	position: relative;
  }
  
  #get-started .container:before {
	content: "";
	background: url("../images/cube.svg") top center no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 304px;
	height: 214px;
  }
  
  #get-started .container:after {
	content: "";
	background: url("../images/shape.svg") top center no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 596px;
	height: 360px;
	z-index: 0;
  }
  
  #get-started .contant {
	background: #fff;
	border-radius: 30px;
	top: -100px;
	position: relative;
	padding: 30px;
	z-index: 1;
  }
  
  #get-started #tabs {
	margin-top: 30px;
  }
  
  #get-started #tabs ul {
	display: flex;
	gap: 20px;
  }
  
  #get-started #tabs ul li a {
	border: 1px solid #32a0de;
	border-radius: 90px;
	padding: 5px 25px;
	background: transparent;
	text-decoration: none;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #32a0de;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
  }
  
  #get-started #tabs ul li.ui-tabs-active a {
	background: #32a0de;
	color: white;
  }
  
  #get-started #tabs ul li:hover a {
	background: #32a0de;
	color: white;
  }
  
  #get-started .product {
	margin-top: 40px;
  }
  
  #get-started .product .title .name {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #646464;
  }
  
  #get-started .product .name strong {
	font-weight: 700;
	font-size: 24px;
	line-height: 125%;
	color: #212121;
	margin-left: 15px;
  }
  
  #get-started .product .flex {
	margin-top: 20px;
	gap: 30px;
  }
  
  #get-started .product .flex .before {
	flex: 1;
	gap: 20px;
	display: flex;
	flex-direction: column;
  }
  
  #get-started .product .flex .after {
	flex: 1;
	gap: 20px;
	display: flex;
	flex-direction: column;
  }
  
  #get-started .product .flex .before .bef {
	background: #fddcdc;
	border-radius: 20px;
	padding: 15px 20px;
	height: 52px;
	flex: 1;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #cf3a3d;
  }
  
  #get-started .product .flex .after .aft {
	border-radius: 20px;
	padding: 15px 20px;
	height: 52px;
	background: #d9f0ff;
	flex: 1;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #32a1de;
  }
  
  #get-started .product .before-stats {
	display: flex;
	border: 2px solid #fcc9c9;
	border-radius: 25px;
	padding: 20px;
	justify-content: space-between;
	text-align: center;
  }
  
  #get-started .product .after-stats {
	display: flex;
	border-radius: 25px;
	padding: 20px;
	border: 2px solid #32a1de;
	justify-content: space-between;
	text-align: center;
  }
  
  #get-started .product .flex .name {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #646464;
  }
  
  #get-started .product .flex .count {
	font-weight: 500;
	font-size: 27px;
	line-height: 111%;
	color: #323232;
	margin-top: 10px;
  }
  
  #get-started .product .after-stats .count {
	color: #32a1de;
  }
  
  #get-started .product .cost .count .percent {
	border-radius: 10px;
	padding: 3px 10px;
	width: 67px;
	height: 36px;
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	font-weight: 700;
	font-size: 18px;
	line-height: 167%;
	color: #fff;
  }
  #expert .arrows.mob {
	display: none;
  }
  #process {
	background: #f5fbff;
	padding: 100px 0;
  }
  #process .container:after {
	content: "";
	background: url("../images/star-right.svg");
	width: 76px;
	height: 80px;
	position: absolute;
	bottom: -37px;
	right: -119px;
	animation: rotate 3s linear infinite;
	-webkit-animation: rotate 3s linear infinite;
  }
  #process .container:before {
	content: "";
	background: url("../images/star-left.svg");
	width: 94px;
	height: 98px;
	position: absolute;
	top: 274px;
	left: -119px;
	animation: rotate 3s linear infinite;
	-webkit-animation: rotate 3s linear infinite;
  }
  
  @keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
  
  #process .flex {
	gap: 100px;
  }
  
  #process .info .descr {
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #2e4048;
	margin-top: 30px;
  }
  
  #process .info .subdescr {
	font-weight: 400;
	font-size: 24px;
	line-height: 150%;
	color: #667e89;
	margin-top: 20px;
  }
  
  #process .contant {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	flex-direction: column;
	}
#process .contant .left{
	display: flex;
	justify-content: space-between;
}
  
  #process .contant .left p {
	box-sizing: border-box;
  }
  
  #process .contant .left .clients {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	border-radius: 20px;
	width: 180px;
	height: 90px;
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #2e4048;
	display: flex;
	justify-content: center;
	align-items: center;
	}
  
  #process .contant .left .visit {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #2e4048;
	margin: 3px 0;
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	}
  #process .contant .left .visit:before {
	content: "";
	width: 19px;
	height: 1px;
	background: #32a1de;
	}
  #process .contant .left .visit:after {
	content: "";
	background: url("../images/arrow-blue.svg");
	width: 8px;
	height: 14px;
	transform: rotate(-90deg);
	}
  
  #process .contant .left .site {
	border-radius: 20px;
	width: 180px;
	height: 90px;
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #2e4048;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	}
  
  #process .contant .left .code {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #2e4048;
	margin: 3px 0;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	gap: 10px;
	justify-content: center;
	width: auto;
	}
  
  #process .contant .left .code:before {
	content: "";
	width: 19px;
	height: 1px;
	background: #32a1de;
	}
  #process .contant .left .code:after {
	content: "";
	background: url("../images/arrow-blue.svg");
	width: 8px;
	height: 14px;
	transform: rotate(-90deg);
	}
  #process .contant .left .signal {
	border: 1px solid #32a1de;
	border-radius: 20px;
	width: 180px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	}
  
  #process .contant .left .contact {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #2e4048;
	margin: 3px 0;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	gap: 10px;
	width: auto;
	}
  
  #process .contant .left .contact:before {
	content: "";
	width: 20px;
	height: 1px;
	background: #26cf20;
	}
  #process .contant .left .contact:after {
	content: "";
	background: url("../images/arrow-green.svg");
	width: 8px;
	height: 18px;
	transform: rotate(-90deg);
	background-position: bottom;
	}
  
  #process .contant .left .crm {
	border: 1px solid #26cf20;
	border-radius: 20px;
	display: flex;
	width: 220px;
	height: 90px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	flex-direction: column;
	gap: 10px;
	}
  
  #process .contant .left .crm .name {
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #2e4048;
  }
  
  #process .contant .left .crm .subname {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	text-align: center;
	color: #667e89;
  }
  
  #process .contant .middle {
	/* background: url("../images/process-middle.svg") top center no-repeat; */
	margin-top: 24px;
	/* padding-left: 48px; */
	/* padding-right: 64px; */
	/* transform: rotate(90deg); */
	/* width: 100%; */
	/* background-size: contain; */
	/* height: 1299px; */
	display: flex;
	gap: 20px;
	}
  #process .contant .middle p {
	font-weight: 400;
	font-size: 18px;
	line-height: 139%;
	color: #2e4048;
	/* transform: rotate(-90deg); */
	background: #fff;
	border-radius: 30px;
	padding: 20px;
	text-align: center;
	}
  #process .contant .middle p:nth-child(1) {
	margin-top: 10px;
	}
  #process .contant .middle p:nth-child(2) {
	margin-top: 10px;
	}
  #process .contant .middle p:nth-child(3) {
	margin-top: 10px;
	}
  #process .contant .middle p:nth-child(4) {
	margin-top: 10px;
	}
  #process .contant .right{
	  margin-top:30px;
  }
  #process .contant .right .partners {
	border: 1px solid #32a1de;
	border-radius: 20px;
	padding: 29px;
	width: 100%;
	height: 409px;
	box-sizing: border-box;
	}
  
  #process .contant .right .partners h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #2e4048;
  }
  
  #process .contant .right .partners ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
  }
  
  #process .contant .right .partners li {
	border-radius: 10px;
	padding: 12px;
	width: 325px;
	height: 54px;
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 167%;
	color: #2e4048;
	}
  
  #process .contant .right .partners li.blue {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #32a1de;
	color: #fff;
  }
  
  #process .contant .right .internet {
	border: 1px solid #32a1de;
	border-radius: 20px;
	padding: 19px;
	width: 100%;
	height: 112px;
	margin-top: 20px;
	box-sizing: border-box;
	}
  
  #process .contant .right .internet ul {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	}
  
  #process .contant .right .internet li {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	border-radius: 20px;
	padding: 16px 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	}
  
  #process .contant .right .internet .name {
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #32a1de;
  }
  
  #process .contant .right .internet .subname {
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #2e4048;
  }
  
  #process .contant .right .baza {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	border-radius: 20px;
	padding: 18px 40px;
	width: 100%;
	height: 77px;
	box-sizing: border-box;
	margin-top: 20px;
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #212121;
	}
  
  #client-path {
	padding: 100px 0 169px;
  }
  
  #client-path ul {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	position: relative;
  }
  
  #client-path ul:after {
	content: "";
	background: url("../images/way.svg") top center no-repeat;
	position: absolute;
	top: -64px;
	left: 62px;
	width: 1340px;
	height: 377px;
	z-index: -1;
	}
  
  #client-path ul li {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	width: 340px;
	height: 212px;
	box-sizing: border-box;
  }
  
  #client-path ul li .num {
	background: #32a1de;
	border-radius: 10px;
	padding: 5px 10px;
	width: 42px;
	height: 40px;
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	display: flex;
  }
  
  #client-path ul li p {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #2e4048;
	margin-top: 20px;
  }
  
  #transparency {
	border-radius: 60px;
	padding: 100px 0;
	background: #f5fbff;
  }
  
  #transparency .flex {
	margin-top: 60px;
	justify-content: space-between;
  }
  
  #transparency div.green {
	border-radius: 20px;
	padding: 30px;
	width: 700px;
	background: rgba(38, 207, 32, 0.15);
	box-sizing: border-box;
  }
  
  #transparency div.blue {
	border-radius: 20px;
	padding: 31px;
	width: 700px;
	background: #d9f1ff;
	box-sizing: border-box;
  }
  
  #transparency .title {
	font-weight: 700;
	font-size: 27px;
	line-height: 133%;
	color: #2e4048;
  }
  
  #transparency ul {
	margin-top: 50px;
  }
  
  #transparency ul li {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
  }
  
  #transparency ul li:last-child {
	margin-bottom: 0px;
  }
  
  #transparency ul li p {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #2e4048;
  }
  
  #we-sell {
	padding: 100px 0 72px;
  }
  
  #we-sell #sell {
	margin-top: 60px;
  }
  
  #we-sell #sell ul {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
  }
  
  #we-sell #sell ul li a {
	border: 1px solid #32a0de;
	border-radius: 90px;
	padding: 12px 15px;
	width: 218px;
	height: 54px;
	background: transparent;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #32a0de;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	}
  
  #we-sell #sell ul li.ui-tabs-active a {
	color: #ffffff;
	background: #32a0de;
  }
  #we-sell #sell ul li:hover a {
	background: #32a0de;
	color: white;
  }
  #we-sell #sell .green {
	justify-content: space-between;
  }
  
  #we-sell #sell .blue {
	justify-content: space-between;
  }
  
  #we-sell #sell .crm,
  #we-sell #sell .call,
  #we-sell #sell .personal {
	border-radius: 20px;
	padding: 20px;
	width: 460px;
	height: 340px;
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
  }
  
  #we-sell #sell .crm img,
  #we-sell #sell .call img {
	width: 420px;
	height: 140px;
  }
  
  #we-sell #sell p {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #2e4048;
	margin-top: 25px;
  }
  
  #we-sell #sell .green button {
	border: 1px solid #32a1de;
	border-radius: 90px;
	padding: 3px 20px;
	height: 36px;
	font-weight: 400;
	font-size: 18px;
	line-height: 167%;
	color: #32a1de;
	background: transparent;
	margin-top: auto;
	width: max-content;
	  transition:all .3s;
  }
#we-sell #sell .green button:hover{
	background: #32a1de;
	color: #ffffff;
}
  
  #we-sell #sell .blue button {
	border: 1px solid #26cf20;
	border-radius: 90px;
	padding: 3px 20px;
	height: 36px;
	font-weight: 400;
	font-size: 18px;
	line-height: 167%;
	color: #26cf20;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	margin-top: auto;
	  transition:all .3s;
	}
#we-sell #sell .blue button:hover{
	background: #26cf20;
	color: #ffffff;
}
  
  #we-sell #sell .green .personal .flex {
	margin-bottom: 25px;
	gap: 25px;
	margin-top: 13px;
  }
  
  #we-sell #sell .green .personal .flex.opacity {
	margin-bottom: 22px;
	margin-top: 0;
  }
  
  #we-sell #sell .green .personal .flex.opacity p {
	opacity: 0.5;
  }
  
  #we-sell #sell .green .personal .flex p {
	margin: 0;
	border-radius: 10px;
	padding: 5px 20px;
	width: 312px;
	font-weight: 500;
	font-size: 19px;
	line-height: 158%;
	color: #3fb759;
	background: #cdffcb;
	box-sizing: border-box;
  }
  
  #we-sell #sell .blue .personal .flex {
	margin-bottom: 25px;
	gap: 25px;
	margin-top: 13px;
  }
  
  #we-sell #sell .blue .personal .flex.opacity {
	margin-bottom: 22px;
	margin-top: 0;
  }
  
  #we-sell #sell .blue .personal .flex.opacity p {
	opacity: 0.5;
  }
  
  #we-sell #sell .blue .personal .flex p {
	margin: 0;
	border-radius: 10px;
	padding: 5px 20px;
	width: 312px;
	font-weight: 500;
	font-size: 19px;
	line-height: 158%;
	color: #32a1de;
	background: #d9f1ff;
	box-sizing: border-box;
  }
  
  #signal-boost {
	border-radius: 60px;
	padding: 100px 0;
	background: #fafafa;
  }
  
  #signal-boost .contant {
	display: flex;
	gap: 30px;
	margin-top: 60px;
  }
  
  #signal-boost .contant .after .top {
	border: 1px solid #cf3a3d;
	border-radius: 20px;
	padding: 15px 20px;
	width: 700px;
	height: 92px;
	box-sizing: border-box;
  }
  #signal-boost .contant .after .top .status {
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #cf3a3d;
  }
  #signal-boost .contant .after .top .title {
	font-weight: 500;
	font-size: 27px;
	line-height: 111%;
	color: #212121;
	margin-top: 10px;
  }
  #signal-boost .contant .after .mid {
	border: 1px solid #fcc9c9;
	border-radius: 25px;
	padding: 20px 0;
	width: 700px;
	height: 200px;
	box-sizing: border-box;
	margin-top: 20px;
	}
  #signal-boost .contant .after .mid .stats {
	padding: 0 30px;
	position: relative;
	background-image: url("../images/after.svg");
	background-repeat: repeat-x;
	background-size: auto 27.5px;
	background-position: bottom;
	animation: moveBackground 10s linear infinite;
  }
  #signal-boost .contant .after .mid .stats .percent {
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	color: #cf3a3d;
	border-top: 0.5px dashed #cf3a3d;
	border-bottom: 0.5px dashed #cf3a3d;
	padding-bottom: 8px;
  }
  #signal-boost .contant .after .mid .stats .percent:last-child {
	border-top: none;
  }
  #signal-boost .contant .mid .flex {
	padding: 0 30px;
	margin-top: 30px;
	justify-content: space-between;
  }
  #signal-boost .contant .mid .flex .left {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  #signal-boost .contant .mid .flex .name {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #646464;
  }
  #signal-boost .contant .mid .flex .count {
	font-weight: 500;
	font-size: 27px;
	line-height: 111%;
	color: #212121;
	margin-bottom: 10px;
  }
  #signal-boost .contant .mid .flex .count:last-child {
	margin-bottom: 0px;
  }
  #signal-boost .contant .mid .flex .right {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  #signal-boost .contant .after .bottom {
	border-radius: 20px;
	padding: 15px 20px;
	width: 700px;
	height: 74px;
	background: #fddcdc;
	box-sizing: border-box;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
  }
  #signal-boost .contant .after .bottom .result {
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #212121;
  }
  #signal-boost .contant .after .bottom .profit {
	font-weight: 700;
	font-size: 27px;
	line-height: 119%;
	color: #cf3a3d;
	margin-left: auto;
	margin-right: 20px;
  }
  #signal-boost .contant .after .bottom .comment {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #212121;
  }
  #signal-boost .contant .before .top {
	border: 1px solid #32a1de;
	border-radius: 20px;
	padding: 15px 20px;
	width: 700px;
	height: 92px;
	box-sizing: border-box;
  }
  #signal-boost .contant .before .top .status {
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #32a1de;
  }
  #signal-boost .contant .before .top .title {
	font-weight: 500;
	font-size: 27px;
	line-height: 111%;
	color: #212121;
	margin-top: 10px;
  }
  #signal-boost .contant .before .mid {
	margin-top: 20px;
	box-sizing: border-box;
	border: 1px solid #32a1de;
	border-radius: 25px;
	padding: 20px 0;
	width: 700px;
	height: 200px;
	}
  #signal-boost .contant .before .mid .stats {
	padding: 0 30px;
	position: relative;
	background-image: url(../images/before.svg);
	background-repeat: repeat-x;
	background-size: auto 58px;
	background-position: bottom;
	animation: moveBackground 10s linear infinite;
  }
  #signal-boost .contant .before .mid .stats .percent {
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	color: #32a1de;
	border-top: 0.5px dashed #32a1de;
	border-bottom: 0.5px dashed #32a1de;
	padding-bottom: 8px;
  }
  #signal-boost .contant .before .mid .stats .percent:last-child {
	border-top: none;
  }
  
  #signal-boost .contant .before .bottom {
	margin-top: 20px;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 15px 20px;
	width: 700px;
	height: 74px;
	background: linear-gradient(2deg, #4cab60 0%, #1ef14d 100%);
	display: flex;
	justify-content: space-between;
	background-size: 200% 200%; /* Увеличенный размер для анимации */
	animation: gradientShift 1s ease infinite; /* Анимация с бесконечным повторением */
	position: relative;
	overflow: hidden;
	}
#signal-boost .contant .before .bottom:before {
  content: "";
  position: absolute;
  width: 121px;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, /* Прозрачность начала блика */ rgb(56 213 127 / 80%), /* Цвет блика */ rgba(255, 255, 255, 0) 70% /* Прозрачность конца блика */);
  top: 0;
  left: -100px;
  animation: shine 4s infinite linear; /* Анимация блика */
}

/* Ключевые кадры для анимации блика */
@keyframes shine {
  0% {
    left: -100px; /* Начальная позиция блика (левая сторона кнопки) */
  }
  20% {
    left: 100%; /* Позиция блика в конце (правая сторона кнопки) */
  }
  100% {
    left: 100%; /* Завершение анимации */
  }
}

@keyframes gradientShift {
    0% {
        background-position: 10% 50%; /* Начальная позиция */
    }
    50% {
        background-position: 10% 20%; /* Сдвиг к другому краю */
    }
    100% {
        background-position: 10% 50%; /* Возврат к начальной позиции */
    }
}


  #signal-boost .contant .before .bottom .result {
	font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	color: #fff;
  }
  #signal-boost .contant .before .bottom .profit {
	font-weight: 700;
	font-size: 27px;
	line-height: 119%;
	color: #fff;
	margin-left: auto;
	margin-right: 20px;
  }
  #signal-boost .contant .before .bottom .comment {
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	color: #fff;
  }
  
  #easy-leads {
	padding: 100px 0;
  }
  
  #easy-leads .crm {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 20px;
	margin-top: 60px;
  }
  
  #easy-leads .crm img {
	width: 460px;
	height: 134px;
	max-width: 460px;
	max-height: 134px;
  }
  
  #easy-leads .btn-green {
	border-radius: 90px;
	padding: 20px 70px;
	width: 349px;
	height: 65px;
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	font-weight: 500;
	font-size: 22px;
	line-height: 105%;
	color: #fff;
	margin-top: 40px;
  }
  #easy-leads .btn-green:hover {
	box-shadow: 0 4px 20px 0 rgba(7, 209, 0, 0.35);
	background: linear-gradient(141deg, #3fb759 0%, #14e542 100%);
  }
  #easy-leads .btn-green svg {
	rotate: 0deg;
	transition: all 0.3s;
  }
  #easy-leads .btn-green:hover svg {
	rotate: 45deg;
  }
  #dashboard {
	background: linear-gradient(168deg, #7ec8f1 0%, #32a1de 100%);
	border-radius: 60px;
	padding: 100px 0;
  }
  
  #dashboard .flex {
	gap: 30px;
  }
  
  #dashboard .contant h2 {
	color: #fff;
  }
  
  #dashboard .contant p {
	font-weight: 400;
	font-size: 24px;
	line-height: 146%;
	color: #fff;
	margin-top: 30px;
	}
  
  #dashboard .contant ul {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
  }
  
  #dashboard .contant ul li {
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 15px 20px;
	height: 60px;
	box-sizing: border-box;
	display: block;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	width: max-content;
  }
  
  #dashboard img {
	width: 700px;
	height: 450px;
  }
  
  #partners {
	padding: 100px 0;
  }
  
  #partners .partners-slider {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 60px;
  }
  
  #partners .partners-track {
	display: flex;
	gap: 60px;
	will-change: transform;
	animation: scroll 20s linear infinite;
  }
  
  #partners .partners-track img {
	width: 340px;
	height: 134px;
	object-fit: contain;
  }
  
  @keyframes scroll {
	from {
	  transform: translateX(0);
	}
  
	to {
	  transform: translateX(-50%);
	}
  }
  
  #stats {
	padding: 100px 0;
  }
  
  #stats .contant {
	background: url("../images/bg-stats.png") top center no-repeat;
	width: 100%;
	height: auto;
	border-radius: 40px;
	padding: 30px;
  }
  
  #stats h2 {
	color: #ffffff;
	line-height: 42px;
  }
  
  #stats p {
	font-weight: 400;
	font-size: 27px;
	line-height: 148%;
	color: #fff;
	margin-top: 50px;
  }
  
  #stats ul {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-top: 35px;
  }
  
  #stats ul li {
	border-radius: 30px;
	padding: 20px 30px;
	box-sizing: border-box;
	background: linear-gradient(175deg, #fff 0%, #e3e4e5 100%);
	flex: 1;
  }
  
  #stats ul li .count {
	font-family: "Unbounded";
	font-weight: 400;
	font-size: 36px;
	line-height: 167%;
	color: #32a1de;
  }
  
  #stats ul li p {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #212121;
	margin-top: 5px;
  }
  
  #expert {
	padding: 100px 0;
	overflow: hidden;
  }
  
  #expert .container {
	position: relative;
  }
  
  #expert .container .slick-list {
	overflow: visible;
  }
  
  #expert .slider {
	display: flex;
	margin-right: -30px;
	margin-top: 60px;
  }
  
  #expert .slick-slide {
	width: 453px !important;
	min-width: 453px !important;
	max-width: 453px !important;
	height: 513px;
	margin-right: 30px;
	border-radius: 8px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
  }
  
  #expert .slick-slide img {
	width: 100%;
	height: auto;
	border-radius: 20px;
  }
  
  #expert .slick-slide .text {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	padding: 15px 20px;
	background: #32a1de;
	box-sizing: border-box;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	text-align: left;
  }
  
  #expert .slick-slide .text p.name {
	font-weight: 700;
	font-size: 20px;
	line-height: 160%;
	color: #fff;
  }
  
  #expert .slick-slide .text p.spec {
	font-weight: 400;
	font-size: 18px;
	line-height: 139%;
	color: #fff;
  }
  
  #expert .slide {
	position: relative;
	border-radius: 20px;
  }
  
  #expert .slick-track {
	display: flex !important;
  }
  
  #expert .arrows {
	display: flex;
	margin-left: auto;
	gap: 30px;
  }
  
  #expert button.next,
  #expert button.prev {
	background: transparent;
	width: 46px;
	height: 46px;
	padding: 0;
	transition: all 0.3s;
  }
  #expert button.next:hover,
  #expert button.prev:hover {
	scale: 1.1;
  }
  
  #price {
	border-radius: 60px;
	padding: 50px 0;
	background: #e9fae9;
	}
  
  #price .contant {
	box-shadow: 0 4px 20px 0 rgba(42, 57, 73, 0.1);
	background: #fff;
	border-radius: 30px;
	padding: 30px;
	margin-top: 40px;
	display: flex;
	}
  
  #price .name {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
  }
  
  #price .name p {
	font-weight: 400;
	font-size: 24px;
	line-height: 133%;
	color: #212121;
	margin-bottom: 26px;
	}
  
  #price .name p:last-child {
	margin-bottom: 0px;
  }
  
  #price .flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding-right: 60px;
	border-right: 1px solid #dcdcdc;
	padding-left: 60px;
  }
  
  #price .name + .flex {
	padding-left: 100px;
  }
  
  #price .flex:last-child {
	border: none;
	padding-right: 0;
  }
  
  #price .flex .count {
	border-radius: 90px;
	padding: 10px 25px;
	width: 110px;
	height: 50px;
	background: rgba(38, 207, 32, 0.1);
	font-weight: 500;
	font-size: 24px;
	line-height: 125%;
	color: #249b3e;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
  }
  
  #price .flex .cost {
	font-weight: 600;
	font-size: 32px;
	line-height: 156%;
	color: #32a1de;
  }
  
  #contacts {
	padding: 100px 0;
  }
  
  #contacts .contant {
	background: #5fb7e8;
	border-radius: 40px;
	padding: 40px 30px;
  }
  
  #contacts h2 {
	color: #fff;
  }
  
  #contacts form {
	display: flex;
	margin-top: 60px;
	gap: 30px;
  }
  
  #contacts .left {
	display: flex;
	flex-direction: column;
	gap: 20px;
  }
  
  #contacts input {
	border-radius: 90px;
	padding: 15px 70px 15px 30px;
	width: 645px;
	height: 64px;
	background: #fff;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #79929e;
  }
  
  #contacts .right textarea {
	border-radius: 20px;
	padding: 15px 70px 15px 30px;
	width: 645px;
	height: 148px;
	background: #fff;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #79929e;
	resize: none;
  }
  
  #contacts .right p.policy {
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #fff;
	margin-top: 20px;
  }
  
  #contacts .right p.policy a {
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #fff;
	text-decoration: underline;
	text-decoration-skip-ink: none;
  }
  
  #contacts .right button {
	border-radius: 90px;
	padding: 25px 60px;
	width: 645px;
	height: 64px;
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	font-weight: 500;
	font-size: 22px;
	line-height: 145%;
	color: #fff;
	margin-top: 40px;
	transition: all 0.3s;
	}
  #contacts .right button:hover {
	background: linear-gradient(119deg, #3fb759 0%, #14e542 100%);
  }
  
  #contacts ul {
	margin-top: 60px;
	display: flex;
	gap: 34.5px;
  }
  
  #contacts ul li {
	border-radius: 30px;
	padding: 20px 30px;
	width: 417px;
	height: 125px;
	background: #fff;
	box-sizing: border-box;
  }
  
  #contacts ul li p {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #212121;
  }
  
  #contacts ul li a {
	font-weight: 400;
	font-size: 27px;
	line-height: 130%;
	color: #32a1de;
	margin-top: 20px;
	display: block;
	text-decoration: none;
  }
  
  #contacts ul li .flex {
	gap: 20px;
  }
  
  #contacts ul li .flex a {
	height: 39px;
	transition: all 0.3s;
  }
  #contacts ul li .flex a:hover {
	scale: 1.1;
  }
  #contacts ul li .flex a img {
	object-fit: contain;
	height: 100%;
  }
  
  footer {
	padding: 48px 0;
  }
  
  footer .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(33, 33, 33, 0.3);
  }
  
  footer .top p {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #212121;
	margin-left: 126px;
  }
  
  footer .top .contacts {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-left: 126px;
  }
  
  footer .top .contacts .phone {
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;
	color: #32a1de;
	text-decoration: none;
  }
  
  footer .top .contacts .email {
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;
	color: #32a1de;
	text-decoration: none;
  }
  
  footer .top .soc {
	display: flex;
	gap: 12px;
	margin-left: auto;
	margin-right: 22px;
  }
  footer .top .soc a {
	transition: all 0.3s;
  }
  footer .top .soc a:hover {
	scale: 1.1;
  }
  footer .top button {
	border-radius: 90px;
	padding: 15px 35px;
	width: 254px;
	height: 52px;
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	color: #fff;
	transition: all 0.3s;
	}
  footer .top button:hover {
	background: linear-gradient(119deg, #3fb759 0%, #14e542 100%);
  }
  footer .bottom {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
  }
  
  footer .bottom .clients {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  
  footer .bottom .title {
	font-weight: 500;
	font-size: 20px;
	line-height: 145%;
	color: #212121;
  }
  
  footer .bottom a {
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #212121;
	text-decoration: none;
  }
  
  footer .bottom .requisite {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  
  footer .bottom .requisite .requis {
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #212121;
  }
  
  footer .bottom .contacts {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  
  @keyframes moveBackground {
	0% {
	  background-position: 0 bottom;
	}
	100% {
	  background-position: 100% bottom;
	}
  }
  
  .popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index: 1000;
  }
  
  .popup {
	background: #fff;
	position: absolute;
	border-radius: 30px;
	padding: 30px;
	width: 520px;
	height: 663px;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  }
  
  .popup h3 {
	margin-top: 0;
	font-weight: 500;
	font-size: 36px;
	line-height: 97%;
	color: #323232;
  }
  .popup h3 + p {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	color: #323232;
	margin-top: 15px;
  }
  
  .popup form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 30px;
  }
  
  .popup input,
  .popup .submit-button {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #9aacb5;
	border-radius: 90px;
	padding: 9px 164px 9px 50px;
	width: 460px;
	height: 65px;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 18px;
	line-height: 306%;
	color: #9aacb5;
  }
  
  .popup .submit-button {
	background: #28a745;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 90px;
	padding: 20px 70px;
	width: 455px;
	height: 65px;
	background: linear-gradient(2deg, #3fb759 0%, #14e542 100%);
	font-weight: 500;
	font-size: 22px;
	line-height: 105%;
	color: #fff;
	margin-top: 20px;
	transition: all 0.3s;
  }
  
  .popup .submit-button:hover {
	box-shadow: 0 4px 20px 0 rgba(7, 209, 0, 0.35);
	background: linear-gradient(141deg, #3fb759 0%, #14e542 100%);
  }
  .popup .policy {
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #323232;
	text-align: left;
	margin-top: 30px;
  }
  .popup .policy a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 137%;
	color: #323232;
  }
  .popup-close {
	position: absolute;
  }
  
  .popup-close:hover {
	color: red;
  }
  
  .burger {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width: 20px;
	height: 16px;
	cursor: pointer;
	z-index: 100;
	background: #32a1de;
	padding: 12px 10px;
	border-radius: 50%;
	gap: 0px;
  }
  
  .burger span {
	height: 2px;
	width: 100%;
	background-color: #ffffff;
	border-radius: 2px;
	transition: all 0.3s;
  }
  
  .burger.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
  }
  
  .burger.active span:nth-child(2) {
	opacity: 0;
  }
  
  .burger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
  }
  
  .mob {
	display: none;
  }
  

.counter-wrapper {
    display: inline-block;
    text-align: left;
    position: relative;
    width: auto;
}

.counter-placeholder {
    visibility: hidden; 
}

.counter {
    position: absolute; 
    left: 0;
}


#swipeIndicator{
	display: none;
}
.swipe-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 255 255 / 89%); /* Полупрозрачный серый фон */
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.contant.scroll-box {
    position: relative;
}

.contant.scroll-box.show-swipe-indicator {
    background-color: transparent; /* Убираем фон под элементами */
}

@media (max-width: 768px) {
	#swipeIndicator{
		display: block;
	}
    .swipe-indicator svg {
        width: 100px;
        height: 50px;
    }

    .swipe-indicator p {
        margin-top: 10px;
        font-size: 14px;
        color: black;
        font-weight: 700;
        text-transform: uppercase;
    }
}

svg#icon-swipe {
    width: 100px;
    height: 50px;
}

#hand {
    fill: #3FB759; /* Ваш основной цвет */
    transform-origin: 50% 100%;
    animation: hand-swipe 3.5s infinite ease;
}

#left, #right {
    fill: #ffcc00; /* Ваш второй цвет */
    opacity: 0;
}

#right {
    animation: arrow-right 3.5s infinite ease;
}

#left {
    animation: arrow-left 3.5s infinite ease;
}
#swipeIndicator .posa{
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
@keyframes hand-swipe {
    5% { transform: translateX(3px) rotate(6deg); }
    25% { transform: translateX(0px) rotate(0deg); }
    28% { transform: translateX(0px) rotate(0deg); }
    33% { transform: translateX(-3px) rotate(-6deg); }
    53% { transform: translateX(0px) rotate(0deg); }
    100% { transform: translateX(0px) rotate(0deg); }
}

@keyframes arrow-right {
    7% { transform: translateX(8px); opacity: 1; }
    17% { transform: translateX(10px); opacity: 0; }
    18%, 100% { transform: translateX(0); opacity: 0; }
}

@keyframes arrow-left {
    0%, 30% { transform: translateX(0); opacity: 0; }
    37% { transform: translateX(-8px); opacity: 1; }
    47% { transform: translateX(-10px); opacity: 0; }
    48%, 100% { transform: translateX(0); opacity: 0; }
}
.register{border-radius: 90px;-webkit-border-radius: 90px;-moz-border-radius: 90px;-ms-border-radius: 90px;-o-border-radius: 90px;padding: 14px 25px;
		  box-sizing: border-box;line-height: 147%;cursor: pointer;gap: 20px;display: flex;align-items: center;justify-content: center;
		  font-family: "Geometria";
		  border-top-right-radius: 0;border-bottom-right-radius: 0;background: linear-gradient(119deg, #3fb759 0%, #14e542 100%);
		  color: white;text-decoration: none;font-weight: 500;text-transform: uppercase;font-size: 14px;width: 150px;margin-left: 20px;}
.register:hover {
	background: linear-gradient(119deg, #3fb759 0%, #3fb759 100%);
  }

.auth{
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	-ms-border-radius: 90px;
	-o-border-radius: 90px;
	padding: 14px 25px;
	box-sizing: border-box;
	line-height: 147%;
	cursor: pointer;
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Geometria";
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: linear-gradient(119deg, #6fc5f6 0%, #4ba1d1 100%);
	color: white;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	width: 150px;
}
.auth:hover{
	background: linear-gradient(119deg, #4ba1d1 0%, #4ba1d1 100%);
}
.requisite a:hover{
	text-decoration: underline;
}


.follow-us {
  text-align: center;
  padding: 0;
}

.follow-us h3 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 145%;
  color: #212121;
}

.social-icons {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #000;
  transition: all 0.3s ease;
  text-decoration: none;
}

.icon svg {
  width: 28px;
  height: 28px;
}

.icon:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.icon.telegram {
  color: #0088cc;
}

.icon.vk {
  color: #4c75a3;
}


#review{
	overflow: hidden;
	padding-bottom: 50px;
}
#review .slick-dots{
	bottom:-40px;
}
.video-testimonials-slider {
  margin-top: 60px;
}
/* Обёртка слайдов */
.video-testimonials-slider .testimonial-slide {
  padding: 0 12px; /* отступы между слайдами */
  box-sizing: border-box;
}

/* Slick обёртка: убрать обрезку теней */
.video-testimonials-slider .slick-list {
  margin: 0 -12px; /* компенсируем padding из .testimonial-slide */
  overflow: visible !important;
}

/* Карточка */
.testimonial-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  padding: 20px;
  gap: 24px;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.15);
}

/* Видео */
.testimonial-video {
  width: 170px;
  max-height: 355px;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}


.testimonial-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}



.testimonial-content h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #111;
}

.testimonial-content .business {
  font-size: 15px;
  color: #888;
  margin: 4px 0 12px;
}

.testimonial-content blockquote {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
  font-style: italic;
}

.testimonial-content blockquote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 36px;
  line-height: 1;
  color: #00c07b;
}



.testimonial-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* Slick bullets */
.slick-dots li button:before {
  color: #ccc;
}
.slick-dots li.slick-active button:before {
  color: #00c07b;
}
/* Верхний блок: аватар + тезис */
.testimonial-top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

/* Аватар */
.testimonial-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 3px solid #e0e0e0;
}

/* Тезис от компании */
.testimonial-headline {
  background: linear-gradient(90deg, #00c07b, #00a37a);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 192, 123, 0.2);
  /* white-space: nowrap; */
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Адаптив */
@media (max-width: 768px) {
  .testimonial-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .testimonial-video {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
    margin-top: 20px;
  }
}

.awards-badge {
  /* position: absolute; */
  top: 0;
  right: 296px;
  display: flex;
  gap: 10px;
  z-index: 10;
  background: rgb(255 201 49 / 95%);
  padding: 16px 16px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-width: 364px;
  flex-wrap: wrap;
}

.badge-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f5faff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 91, 255, 0.1);
  width: 100%;
}

.badge-item img {
  width: 35px;
  height: 35px;
}

.badge-title {
  font-weight: 600;
  font-size: 15px;
  color: #1d3b78;
  margin: 0;
}

.badge-text {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}