@import "../blocks/headpage.css";
@import "../blocks/why-create-app-in-telegram.css";
@import "../blocks/user-statistics.css";
@import "../blocks/for-what.css";
@import "../blocks/features-mini-apps-telegram.css";
@import "../blocks/faq--new.css";
@import "../blocks/form.css";

@import "../components/table-comparisons.css";
@import "../components/faq.css";
@import "../components/card/type-4.css";

.block-headpage__content {
	background-color: #fff;
	border-radius: var(--radius-16);
	box-shadow: 0 0 25px 0 #0000000d;
	padding: clamp(50px,5.556vw,80px) clamp(15px,2.778vw,40px);
}
.block-headpage__content {
	grid-template-columns: 1fr clamp(330px,25.139vw,362px);
}
.block-headpage .card-information {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.block-headpage .card-image {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	margin: calc(0px - clamp(50px,5.556vw,80px)) 0;
}
.block-headpage .card-image__image {
	object-fit: contain;
	object-position: center;
}
.block-headpage .card-information__button-link {
	background-color: var(--color-primary);
}
.block-headpage .card-information__button-link:hover {
	background-color: #4d78f5;
}
.block-headpage .card-information__button-link:focus {
	background-color: var(--color-primary);
}
@media only screen and (max-width: 479px) {
	.block-headpage .card-information__button-link {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.block-headpage__content {
		grid-template-columns: 1fr;
	}
	.block-headpage .card-image {
		margin: 0 0 calc(0px - clamp(50px,5.556vw,80px));
	}
}

.block-table-plan-products__table-body {
	border-bottom: none;
}
.block-table-plan-products__table-body .block-table-plan-products__tr:first-child .block-table-plan-products__td {
	padding-top: 42px;
}
.block-table-plan-products__tr {
	grid-template-columns: 1fr clamp(255px,22.639vw,326px) clamp(205px,20vw,288px) clamp(184px,16.944vw,244px);
}
.block-table-plan-products__th.is-hightlight {
	padding-left: 24px;
	padding-right: 24px;
	margin-right: 24px;
}
.block-table-plan-products__td.is-hightlight {
	padding-left: 24px;
	padding-right: 24px;
	margin-right: 24px;
}
.block-table-plan-products__td {
	padding: 24px 0;
}
.block-table-plan-products__table-body .block-table-plan-products__tr:last-child .block-table-plan-products__td.is-hightlight {
	border-radius: 0 0 var(--radius-16) var(--radius-16);
}
.block-table-plan-products__table-body .block-table-plan-products__tr:last-child .block-table-plan-products__td.is-hightlight::after {
	display: none;
}

.block-form__header {
	grid-gap: 32px;
	padding: 0;
	margin-bottom: 0;
}
.block-form__title {
	font-size: clamp(20px,3.333vw,48px); /* 1440 */
	color: #fff;
}
.block-form__description {
	color: #fff;
	max-width: 538px;
}
.block-form__content {
	background-color: var(--color-primary);
}
.block-form__column-two {
	padding: 20px 0;
}
.block-form__form {
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	padding: 0;
}
.block-form .form__agreement .form__label,
.block-form .form__agreement .form__label a {
	color: #fff;
	font-size: clamp(12px,1.111vw,16px); /* 1440 */
}
.block-form .form__agreement .form__label a:hover {
	color: var(--color-base-link-hover);
}
.block-form .form__submit,
.block-form .form__submit:focus {
	background-color: #fff;
	color: var(--text-color);
}
.block-form .form__submit:hover {
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
}
.block-form .form__agreement input[type="checkbox"] + label::before {
	top: 2px;
}
.block-form .form__agreement input[type="checkbox"]:checked + label::after {
	top: 6px;
}
.block-form input[type="checkbox"]:checked + label::before {
	background-color: #fff;
}
.block-form input[type="checkbox"] + label::before {
	border-color: #fff;
}
.block-form input[type="checkbox"]:checked + label::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTInIGhlaWdodD0nMTAnIHZpZXdCb3g9JzAgMCAxMiAxMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOS41NDQzIDAuOTI5NTE2QzkuNzIyMDQgMC43NDM0MzggOS45NTg1NyAwLjY0MDU2NiAxMC4yMDQgMC42NDI2MDhDMTAuNDQ5NCAwLjY0NDY1IDEwLjY4NDUgMC43NTE0NDYgMTAuODU5NiAwLjk0MDQ2MUMxMS4wMzQ4IDEuMTI5NDggMTEuMTM2MyAxLjM4NTkyIDExLjE0MjggMS42NTU3QzExLjE0OTMgMS45MjU0NyAxMS4wNjAyIDIuMTg3NDYgMTAuODk0NCAyLjM4NjM5TDUuODU5OTUgOS4zMDk5OUM1Ljc3MzM4IDkuNDEyNTIgNS42Njg5IDkuNDk0ODEgNS41NTI3NSA5LjU1MTkyQzUuNDM2NiA5LjYwOTA0IDUuMzExMTcgOS42Mzk4MSA1LjE4Mzk2IDkuNjQyNEM1LjA1Njc1IDkuNjQ0OTkgNC45MzAzNyA5LjYxOTM0IDQuODEyMzggOS41NjdDNC42OTQzOSA5LjUxNDY1IDQuNTg3MiA5LjQzNjY4IDQuNDk3MjQgOS4zMzc3NEwxLjE1ODYyIDUuNjY2NDNDMS4wNjU2NCA1LjU3MTE2IDAuOTkxMDY3IDUuNDU2MjcgMC45MzkzNDUgNS4zMjg2MkMwLjg4NzYyMyA1LjIwMDk3IDAuODU5ODExIDUuMDYzMTggMC44NTc1NjkgNC45MjM0NUMwLjg1NTMyNyA0Ljc4MzczIDAuODc4NzAxIDQuNjQ0OTQgMC45MjYyOTYgNC41MTUzNkMwLjk3Mzg5MSA0LjM4NTc5IDEuMDQ0NzMgNC4yNjgwOCAxLjEzNDU5IDQuMTY5MjZDMS4yMjQ0NiA0LjA3MDQ1IDEuMzMxNSAzLjk5MjU1IDEuNDQ5MzMgMy45NDAyMUMxLjU2NzE2IDMuODg3ODcgMS42OTMzOCAzLjg2MjE3IDEuODIwNDQgMy44NjQ2NEMxLjk0NzUgMy44NjcxIDIuMDcyODEgMy44OTc2OCAyLjE4ODg5IDMuOTU0NTZDMi4zMDQ5OCA0LjAxMTQ0IDIuNDA5NDUgNC4wOTM0NCAyLjQ5NjA5IDQuMTk1NjhMNS4xMzgyMiA3LjA5OTcxTDkuNTIwMzMgMC45NjAwNDFDOS41MjgyMiAwLjk0OTM1OSA5LjUzNTM4IDAuOTM5MTY4IDkuNTQ0MyAwLjkyOTUxNlonIGZpbGw9JyMwMjAyMDInIC8+PC9zdmc+");
}

.block-banner__content-inner {
	flex-direction: row;
	grid-gap: 52px;
	padding: clamp(22px,4.167vw,60px) clamp(15px,6.944vw,100px) clamp(22px,4.167vw,60px) clamp(15px,3.611vw,52px); /* 1440 */
	background-color: #fff;
	background-image: none;
	height: auto;
	min-height: clamp(187px,19.861vw,286px);
	/*height: clamp(187px,19.861vw,286px); !* 1440 *!*/
	box-shadow: var(--shadow);
}
.block-banner__content-wrapper {
	flex: 1;
}
.block-banner__icon svg {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.block-banner__title {
	max-width: none;
	color: var(--text-color);
	margin-bottom: clamp(28px,3.333vw,48px); /* 1440 */
}
.block-banner__button {
	font-size: clamp(12px,1.389vw,20px); /* 1440 */
	height: clamp(40px,4.167vw,60px); /* 1440 */
	background: var(--color-primary);
}
.block-banner__button:hover {
	background-color: #4d78f5;
	color: #fff;
}
@media only screen and (max-width: 479px) {
	.block-banner__button {
		width: 100%;
	}
	.block-banner__content-inner {
		padding-right: clamp(15px, 3.611vw, 52px); /* 1440 */
		height: 170px;
		min-height: 170px;
	}
}
@media only screen and (max-width: 767px) {
	.block-banner__icon {
		display: none;
	}
}
