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

.noscroll {
	overflow: hidden;
}
.rel {
	position: relative;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}

body {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #303737;
}
.container {
	width: 100%;
	max-width: 1400px;
	padding: 0 20px;
	margin: 0 auto;
}
.flex {
	display: flex;
}
.jc-sb {justify-content: space-between;}
.jc-c {justify-content: center;}
.ai-c {
	align-items: center;
}
.mb-10 {margin-bottom: 10px;}
.mb-25 {margin-bottom: 25px;}

.main-container {
	background: url("/img/tariffs/big-cloud.svg") no-repeat top 76px right 30px, url("/img/tariffs/small-cloud.svg") no-repeat top 50% right 30px, url("/img/tariffs/small-cloud.svg") no-repeat bottom 50px center;
}
.main-block__content {
	position: relative;
	padding-top: 89px;
}
.main-block__content:before {
	content: '';
	width: 117px;
	height: 75px;
	background: url("/img/tariffs/medium-cloud.svg") no-repeat center;
	position: absolute;
	top: 50%;
	right: 0;
}
.main-block {
	min-height: 600px;
	background: linear-gradient(to bottom, #dbfcff 38%,#f4ffdb 100%);
}
.main-block .container {
	gap: 93px;
}
.main-title {
	max-width: 482px;
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 40px;
}
.main-title span {
	color: #3DD6E5;
}
.main-title span.mt-btn {
	display: inline-block;
	width: 130px;
	height: 55px;
	text-align: center;
	background: #3DD6E5;
	color: #fff;
	border-radius: 27px;
}
.main-description {
	font-size: 18px;
	font-weight: 600;
	max-width: 306px;
}

.main-block__form {
	padding: 60px 0 80px;
	position: relative;
}
.form {
	position: relative;
	width: 440px;
	height: 460px;
	border-radius: 24px;
	padding: 40px 33px 40px 40px;
	background: #fff;
	z-index: 3;
}
.main-block__form:before {
	content: '';
	width: 185px;
	height: 185px;
	background: #5CFFF7;
	position: absolute;
	top: 7px;
	left: -60px;
	z-index: 2;
	border-radius: 50%;
}
.main-block__form:after {
	content: '';
	width: 140px;
	height: 140px;
	background: #B7FE4C;
	position: absolute;
	bottom: 39px;
	right: -60px;
	z-index: 2;
	border-radius: 50%;
}

.form-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
}
.form-text {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}
.form input {
	width: 100%;
	height: 50px;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	background: #F0F5F6;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 0 15px;
	border: 1px solid #F0F5F6;
	outline: none;
	transition: 0.3s;
}
.form input:focus {
	background: #fff;
	border: 1px solid #3DD6E5;
}
.form-statistic__text {
	font-weight: 600;
	font-size: 12px;
}
.form-statistic__count {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 43px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: bold;
	color: #88D20B;
	border-radius: 40px;
	background: rgba(136, 210, 11, 0.2);
}
.form-statistic__count span {
	font-size: 32px;
	margin-right: 5px;
}
.form-btn {
	width: 100%;
	height: 50px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	background: #3DD6E5;
	cursor: pointer;
	border-radius: 4px;
}

.project-container {
	padding: 100px 0 120px;
}
.section-title {
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}
.section-text {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	max-width: 708px;
	margin: 0 auto 43px;
}
.projects-block {
	padding: 0 56px;
}

.result-container {
	padding: 90px 0 95px;
	background: #E5FDFF;
	border-radius: 12px;
}
.results-items {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.results-items .item {
	width: calc(33% - 10px);
	max-width: 379px;
	padding: 30px 30px 35px 30px;
	background: #fff;
	border-radius: 24px;
}
.results-items .item img {
	margin-bottom: 10px;
}
.results-items .item-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.results-items .item-count {
	width: 100%;
	height: 53px;
	background: #f6f6f6;
	border-radius: 26px;
	position: relative;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 53px;
	padding-left: 27px;
	margin-bottom: 10px;
}
.results-items .item-count span {
	position: relative;
	z-index: 2;
}
.results-items .item-count:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 26px;
	z-index: 1;
}
.results-items .item:nth-of-type(1) .item-count:before {
	width: 70%;
	background: #88D20B;
}
.results-items .item:nth-of-type(2) .item-count:before {
	width: 55%;
	background: #3DD6E5;
}
.results-items .item:nth-of-type(3) .item-count:before {
	width: 55%;
	background: #FF40B7;
}
.results-items .item-text {
	padding-left: 14px;
	position: relative;
	font-size: 15px;
	font-weight: 500;
	width: 75%;
}
.results-items .item-text:before {
	content: '';
	width: 4px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px;
}
.results-items .item:nth-of-type(1) .item-text:before {background: #88D20B;}
.results-items .item:nth-of-type(2) .item-text:before {background: #3DD6E5;}
.results-items .item:nth-of-type(3) .item-text:before {background: #FF40B7;}


.top-five-container {
	padding: 100px 0;
}
.top-five-items {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.top-five-items .item {
	width: calc(25% - 10px);
	padding: 37px 42px 50px 30px;
	border-radius: 24px;
	border: 1px solid #DDE7EB;
}
.top-five-items .item > .flex img {
	margin-right: 20px;
}
.top-five-items .item-title {
	font-size: 20px;
	font-weight: 600;
}
.top-five-items .item-text {
	font-size: 16px;
	font-weight: 500;
}


.analysis-container {
	padding: 100px 0 75px;
	background: url("/img/tariffs/bg-green.png") no-repeat center / cover;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.examples .container {
	overflow: hidden;
}
.examples-container {
	padding: 100px 0;
}
.swiper-works {
	position: relative;
}
.swiper-slide {
	display: block;
	height: 260px !important;
	border-radius: 12px;
	padding: 30px;
	border: 1px solid #DDE7EB;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.swiper-img-block {
	height: 65px;
	margin-bottom: 14px;
}
.swiper-text {
	opacity: 0.7;
	font-weight: 500;
	font-size: 14px;
}
.btn-more {
	position: absolute;
	left: 30px;
	bottom: 30px;
	height: 30px;
	padding-left: 40px;
	display: flex;
	align-items: center;
	background: url("/img/tariffs/arrow.svg") no-repeat left center;
	color: #23A4B1;
	font-weight: 600;
	font-size: 16px;
	transition: 0.3s;
}
.swiper-slide:hover {border: 1px solid #3DD6E5;}
.swiper-slide:hover .btn-more{
	background: url("/img/tariffs/arrow_h.svg") no-repeat left center;
}
.examples .examples-container .swiper-button-next,
.examples .examples-container .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: url("/img/tariffs/swiper-arrow-right.svg") no-repeat center;
	font-size: 0;
}
.examples .examples-container .swiper-button-prev {left: -20px;transform: rotate(180deg);}
.examples .examples-container .swiper-button-next {right: -20px;}
.examples .examples-container .swiper-button-next:after,
.examples .examples-container .swiper-button-prev:after {display: none;}



.five-container {
	padding: 0 0 100px;
}
.five-items .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.five-items .item-num {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;
	background: #3DD6E5;
}
.five-items .item-num:before {
	content: '';
	position: absolute;
	left: 70px;
	top: 16px;
	width: 187px;
	height: 16px;
	background: url("/img/tariffs/long-arrow.svg") no-repeat center / 100% auto;
}
.five-items .item:nth-last-of-type(1) .item-num:before {display: none;}
.five-items .item-title {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 20px;
}
.five-items .item-text {
	text-align: center;
	font-weight: 500;
	font-size: 14px;
}

.get-analysis-container {
	background: #E5FDFF;
	border-radius: 12px;
	padding: 70px;
	margin-bottom: 100px;
}
.get-analysis-container .section-title {
	max-width: 428px;
	font-weight: 600;
	font-size: 48px;
}
.get-analysis-container .main-block__form:before,
.get-analysis-container .main-block__form:after {
	display: none;
}
.mob {display: none;}

@media screen and (max-width: 1439px) {
	.five-items {gap: 20px;}
	.get-analysis-container {padding: 70px 20px;}
	.get-analysis-container .block__content img {width: 85%;}
}

@media screen and (max-width: 1365px) {
	.five-items .item-num:before {width: 12vw;}
}
@media screen and (max-width: 1239px) {
	.five-items .item-title {font-size: 16px;}
}
@media screen and (max-width: 1099px) {
	.five-items .item-num:before {width: 11vw;}
}
@media screen and (max-width: 1199px) {
	.main-title, .section-title {font-size: 38px;}
	.main-title span.mt-btn {height: 46px;width: 114px;}
	.project-container, .top-five-container, .analysis-container, .examples-container {padding: 80px 0;}
	.five-items .item-title {font-size: 16px;}
	.five-items .item-text {font-size: 12px;}
	.result-container {padding: 80px 20px;}
	.five-container {padding: 0 20px 80px;}
	.get-analysis-container {margin-bottom: 60px;}
	.top-five-items .item {padding: 20px;}
	.top-five-items .item-title {font-size: 16px;}
	.top-five-items .item-text {font-size: 14px;}
	.projects-block {padding: 0 20px;}
}

@media screen and (max-width: 1023px) {
	.main-container {flex-direction: column;}
	.main-title {margin-bottom: 20px;}
	.main-title span.mt-btn {height: 28px;width: 66px;}
	.main-title, .section-title {
		font-size: 24px;
		text-align: center;
	}
	.main-description {
		margin: 0 auto;
		text-align: center;
		max-width: 312px;
		font-size: 14px;
	}
	.main-block .container {gap: 32px;padding-bottom: 40px;}
	.main-block__form {padding: 0 20px;}
	.form {
		width: 100%;
		height: auto;
		padding: 30px;
		box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
	}
	.main-block__form:before {
		width: 102px;
		height: 102px;
		top: -28px;
		left: -13px;
	}
	.main-block__form:after {
		width: 84px;
		height: 84px;
		bottom: -25px;
		right: -6px;
	}
	.form-title {font-size: 18px;margin-bottom: 15px;}
	.form-text {font-size: 12px;margin-bottom: 20px;}
	.form input {height: 40px;font-size: 12px;}
	.form-statistic__text {font-size: 11px;}
	.form-statistic__count {height: 31px;font-size: 11px;}
	.form-statistic__count span {font-size: 20px;}
	.form-btn {height: 40px;}
	.mob {display: block;}
	.five-container {padding: 0 0 80px;}
	.five-items .item {
		align-items: flex-start;
		position: relative;
		padding-left: 52px;
		padding-top: 6px;
	}
	.five-items .item-num {
		position: absolute;
		top: 0;
		left: 0;
	}
	.five-items .item-text {text-align: left;}
	.five-items .item-title {margin-bottom: 10px;}
	.five-items .item-num {
		width: 32px;
		height: 32px;
		font-size: 16px;
		border-radius: 8px;
	}
	.five-items .item-num:before {
		content: '';
		position: absolute;
		left: 8px;
		top: 40px;
		width: 16px;
		height: 56px;
		background: url("/img/tariffs/long-arrow-2.svg") no-repeat center / auto 100%;
	}
	.project-container, .top-five-container, .examples-container {padding: 40px 0;}
	.analysis-container {padding: 40px 20px;}
	.projects-block {padding: 0;flex-wrap: wrap;gap: 40px;}
	.projects-block img {width: calc(33% - 28px);margin-bottom: 20px;}
	.projects-block img:nth-last-of-type(7) {display: none;}
	.result-container {padding: 40px 20px;}
	.section-title {margin-bottom: 20px;}
	.section-text {font-size: 12px;margin-bottom: 30px;}
	.results-items, .top-five-items, .five-items, .get-analysis-container {flex-direction: column;}
	.results-items .item, .top-five-items .item {width: 100%;}
	.results-items .item {padding: 20px;}
	.results-items .item-title {font-size: 14px;}
	.results-items .item-count {
		height: 47px;
		font-size: 24px;
		line-height: 47px;
		padding-left: 22%;
	}
	.results-items .item:nth-of-type(1) .item-count:before,
	.results-items .item:nth-of-type(2) .item-count:before,
	.results-items .item:nth-of-type(3) .item-count:before {
		width: 75%;
	}
	.results-items .item-text {font-size: 12px;}
	.get-analysis-container .section-title {font-size: 24px;text-align: left;width: 170px;}
	.get-analysis-container .block__content {
		display: flex;
		position: relative;
		z-index: 4;
	}
	.get-analysis-container .block__content img {
		width: 232px;
		position: absolute;
		top: -28px;
		right: -40px;
		z-index: 3;
	}
	.main-block__content:before {
		width: 70px;
		height: 45px;
		background: url('/img/tariffs/medium-cloud.svg') no-repeat center / cover;
		top: 100%;
	}
	.main-container {
		background: url("/img/tariffs/small-cloud.svg") no-repeat top 50% right 30px, url("/img/tariffs/small-cloud.svg") no-repeat bottom 50px center;
	}
}