/* Start:/local/templates/.default/components/bitrix/news/services/bitrix/news.detail/dokkee/style.css?17833447496987*/
.product-title{
	color: #000;
	font: 700 6.25rem Montserrat;
	line-height: 7.875rem;
}
.product-text-20{
	color: #000;
	font: 700 3.125rem Montserrat;
	line-height: 4rem;
}
.main-text{
	color: #000;
	font: 500 2.1875rem/120% Montserrat;
	white-space: nowrap;
}
.advantage-dokkee{
	display: flex;
	justify-content: space-between;
	margin-top: 8rem;
	margin-bottom: 16rem;
}
.key-item-desc{
	font: 500 2.1875rem Montserrat;
	color: #000;
	line-height: 3rem;
}
.advantage-dokkee-item{
	display: flex;
	flex-direction: column;
	gap: 5rem;
	padding: 8rem 1rem 1.5rem 3rem !important;
	width: 47rem;
	height: 47rem;
}
.advantage-dokkee-item:after {
/*  content: '';
  display: block;
  padding-top: 100%;*/
}
.advantage-dokkee-item-desc{
	font: 500 2.1875rem Montserrat;
	line-height: 3rem;
	color: #000;
}
.key-item{
	display: flex;
	flex-direction: column;
	gap: 3rem;
	width: 47rem;
}
.key-pec{
	display: flex;
	flex-wrap: wrap;
	row-gap: 9rem;
	justify-content: space-between;
}
.border-black{
	border-radius: 10px;
	border: 2px solid #000;
	position: relative;
	padding: 7rem 7rem 4rem 7rem;
}
.border-black p {
	margin: initial;
}
.dokkee-desc{
	display: grid;
	grid-template-areas: "dokkee-service dokkee-back";
	gap: 10rem;
	position: relative;
	grid-template-columns: 45% 50%;
}
.dokkee-desc .dokkee-back{
	margin-top: 21%;
}
.dokkee-desc .dokkee-back .main-text{
	margin: 16% 0 0 5%;
}
.dokkee-back{
	grid-area: dokkee-back;
	max-width: 85%;
	position: relative;
}
.dokkee-service{
	grid-area: dokkee-service;
	position: relative;
	max-width: 93%;
}
.green-dokkee{
	background: #00F4C5;
	padding: 0 0.5rem;
}
.green-rectangle{
	width: 18rem;
	height: 4rem;
	background: #00F4C5;
	position: relative;
	top: -15.5rem;
}
.blanc_document{
	position: relative;
	top: -6.5%;
	left: 46%;
}
.gear{
	position: absolute;
	right: -37px;
	top: 5rem;
}
.dokkee-service-line{
	position: relative;
	right: -%;
	top: 9%;
}
.blue-01{
	color: #0041F9;
	font: 700 2.1875rem Montserrat;
}
.dokkee-back li{
	margin-bottom: 2rem;
	padding-left: 1rem;
}
.dokkee-back ul{
	list-style-type: "·";
}
.button--border:hover {
    border-color: #00F4C5 !important;
    color: #000;
    background-color: #00F4C5 !important;
}
.button--border::before{
	background-color: #00F4C5 !important;
}
.main-text p:first-child{
	margin-bottom: 2rem;
}
.document_icon{
	position: absolute;
	top: -255px;
	right: -190px;
	z-index: 2;
}
.document_icon img{
	transform: scale(0.5);
}
.key-item-logo img{
	width: 12.5rem;
}
.dokkee-title{
	margin: 13rem 0 8rem 0;
}
.dokkee-service .product-text-20{
	margin-bottom: 12rem;
	max-width: 80%;
}
.dokkee-back .product-text-20{
	margin-bottom: 5rem;
}
.dokkee-pecucilarities{
	margin: 9rem 0 9rem 0;
}
.dokkee-advantage{
	display: flex;
	justify-content: space-between;
	margin: 15rem 0 4rem 0;
}
.big-number{
	color: #000;
	font-family: Montserrat;
	font-size: 14rem;
	font-style: normal;
	font-weight: 700;
	line-height: 29.1875rem;
	position: relative;
	margin-top: -27%;
}
.big-number:before{
	position: absolute;
	content: '';
	width: 10.5rem;
	height: 9.5rem;
	bottom: 4rem;
	left: 4rem;
	background: #00F4C5;
	z-index: -1;
}
.big-number:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 8.1875rem;
	transform: rotate(-90deg);
	background: #0041F9;
    bottom: 2.5rem;
    left: 11.5rem;
}
.mob{
	display: none;
}
@media (max-width: 1024px) {
	br{
		display: none;
	}
	.mob{
		display: block !important;
	}
	.key-item-logo img{
		width: 9.5rem;
	}
	.dokkee-advantage{
		margin: 5rem 0 4rem 0;
	}
	.advantage-dokkee{
		margin-top: 0;
		margin-bottom: 5rem;
	}
	.dokkee-pecucilarities{
		margin: 5rem 0 4.4rem 0;
	}
	.key-pec{
		margin-top: 0;
		justify-content: flex-start;
		column-gap: 2rem;
		row-gap: 6rem;
	}
	.product-title{
		color: #000;
		font: var(--title-h3);
	}
	.dokkee-service .product-text-20{
		margin-bottom: 6.5rem;
		max-width: 80%;
	}
	.dokkee-service{
		max-width: 100%;
	}
	.dokkee-service .border-black{
		padding: 5rem 3rem 4rem 3rem;
	}
	.dokkee-title{
		margin: 5rem 0 3.7rem 0;
	}
	.dokkee-back .product-text-20{
		margin: 3.95rem 0 2.9rem 0;
	}
	.dokkee-service img{
		float: right;
	}
	.product-text-20{
		font: var(--title-h5);
	}
	.main-text{
		font: var(--regular) 1.55rem/115% var(--main-ff);
		white-space: nowrap;
	}
	.blue-01{
		font: var(--text-t2);
	}
	.key-item-desc{
		font: var(--regular) 1.55rem/115% var(--main-ff);
	}
	.document_icon, .green-rectangle, .button,{
		display: none !important;
	}
	.button{
		display: none !important;
	}
	.dokkee-desc{
		grid-template-areas:
			"dokkee-service"
			"dokkee-back";
		gap: 0;
		grid-template-columns: auto;
	}
	.dokkee-desc .dokkee-back{
		margin-top: 7.9rem;
	}
	.dokkee-desc .dokkee-back .document_icon{
		display: none;
	}
	.dokkee-desc .dokkee-back .main-text{
		margin: 16% 0 0 0;
	}
	.dokkee-back svg{
		display: none;
	}
	.green-rectangle{
		position: relative;
		top: 18.1%;
		left: 80%;
		height: 4rem;
		width: 14rem;
		z-index: 2;
	}
	.key-item{
		width: 45%;
		gap: 1.5rem;
	}
	.key-item-1{
		order: 1;
	}
	.key-item-2{
		order: 6;
	}
	.key-item-3{
		order: 2;
	}
	.key-item-4{
		order: 4;
	}
	.key-item-5{
		order: 5;
	}
	.key-item-6{
		order: 6;
	}
	.advantage-dokkee{
		display: grid;
		grid: none;
		gap: 2.5rem;
	}
	.advantage-dokkee-item{
		gap: 0;
		min-height: auto;
		min-width: auto;
		padding: 3rem 1rem 1rem 2rem !important;
		max-width: 90vw;
		height: 26rem;
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.advantage-dokkee-item-logo{
		width: 13rem;
	}
	.advantage-dokkee-item-desc{
		margin-top: 5rem;
		font: var(--regular) 1.55rem/115% var(--main-ff);
	}
	.green-dokkee{
		margin: 0;
	}
	.green-dokkee br{
		display: block !important;
	}
	.blanc_document{
		position: relative;
		top: -5.5rem;
		left: 50%;
	}
	.dokkee-back{
		max-width: none;
	}
	.border-black{
		padding: 3rem 3rem 4rem 3rem;
		border: 2px solid #000;	
	}
	.gear{
		position: absolute;
		right: 3rem;
		top: 7rem;
	}
	.dokkee-service-line{
		right: 0;
	}
	.big-number{
		color: #000;
		font-family: Montserrat;
		font-size: 11rem;
		font-style: normal;
		font-weight: 700;
		line-height: 22rem;
		position: relative;
		margin-top: -40%;
		width: auto;
		height: auto;
	}
	.big-number:before{
		position: absolute;
		content: '';
		width: 8rem;
		height: 8rem;
		bottom: 3.5rem;
		left: 4rem;
		background: #00F4C5;
		z-index: -1;
	}
	.big-number:after{
		position: absolute;
		content: '';
		width: 1px;
		height: 7.8rem;
		transform: rotate(-90deg);
		background: #0041F9;
		bottom: 0.5rem;
		left: 9rem;
	}
}
.intro__product-modal-link{
    max-width: fit-content;
}
/* End */
/* /local/templates/.default/components/bitrix/news/services/bitrix/news.detail/dokkee/style.css?17833447496987 */