.main_banner{
	display: grid;
	grid-template-columns: 31.63% 66.33%;
	grid-template-rows: 100%;
	gap: 24px;
}

.main_banner-left{
	width: 100%;
	display: grid;
	grid-template-rows: 100%;
	grid-template-columns: 100%;
}

.main_banner-right{
	width: 100%;
	display: grid;
	grid-template-rows: Calc(50% - 12px) Calc(50% - 12px);
	grid-template-columns: Calc(50% - 12px) Calc(50% - 12px);
	gap: 24px;
}

.main_banner-item{
	width: 100%;
	min-height: 192px;
	background: #F4F4F4;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.main_banner-item:hover{
	background: conic-gradient(from 48.95deg at -24.88% 122.4%, #B8F7FF -45.42deg, #FFFFFF 21.59deg, #F5DCF9 36.32deg, #D8EFFC 44.43deg, #FFFFFF 126.82deg, #B8F7FF 314.58deg, #FFFFFF 381.59deg);
	box-shadow: 0 5px 21px -8px rgba(35, 132, 173, 0.37);
	border-radius: 3px;
}

.main_banner-left .main_banner-item:hover{
	background: conic-gradient(from 22.95deg at -25.88% 129.4%, #B8F7FF -38.42deg, #FFFFFF 21.59deg, #F5DCF9 54.32deg, #D8EFFC 44.43deg, #FFFFFF 126.82deg, #B8F7FF 314.58deg, #FFFFFF 387.59deg);
}

.main_banner-item-wrap,
.main_banner-item-bg{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.main_banner-item-wrap{
	padding: 40px;
}

.main_banner-left .main_banner-item-wrap{
	padding: 80px 40px 60px;
}

.main_banner-item-bg{
	background-repeat: no-repeat;
}

.main_banner-left .main_banner-item-bg{
	background-size: 148px 135px;
	background-position: top center;
}

.main_banner-right .main_banner-item-bg{
	background-size: 80px 80px;
	background-position: center right;
}

.main_banner-item-text{
	width: 100%;
	position: absolute;
}

.main_banner-left .main_banner-item-text{
	bottom: 0;
}

.main_banner-right .main_banner-item-text{
	width: Calc(100% - 86px);
	max-width: 158px;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.main_banner-item-title{
	display: block;
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #1B1B1B;
	margin-bottom: 16px;
}

.main_banner-left .main_banner-item-title{
	text-align: center;
}

.main_banner-left .main_banner-item-btn{
	width: 178px;
	margin: 0 auto;
}

.main_banner-left .button-light-arrow.link_arrow{
	display: none;
}

.button-light-arrow{
	position: relative;
	padding: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #5ED6E7;
	border: none;
	background: none;
}

.main_banner-item:hover button.button{
	background: #F17BB4;
}

.main_banner-item:hover .button-light-arrow{
	color: #F17BB4;
	background-image:url('/local/templates/mitino_2022/image/arrow_right_pink.svg');
}

/*АДАПТИВ*/

@media (max-width: 991px){

	.main_banner{
		grid-template-columns: 100%;
		grid-template-rows: auto 192px;
		gap: 16px;
	}

	.main_banner-left{
		order: 5;
	}

	.main_banner-right{
		grid-template-rows: Calc(50% - 8px) Calc(50% - 8px);
		grid-template-columns: Calc(50% - 8px) Calc(50% - 8px);
		gap: 16px;
	}

	.main_banner-left .main_banner-item-wrap{
		padding: 40px;
	}

	.main_banner-left .main_banner-item-text{
		width: Calc(100% - 86px);
		height: fit-content;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.main_banner-left .main_banner-item-text,
	.main_banner-right .main_banner-item-text{
		max-width: Calc(100% - 106px);
	}

	.main_banner-left .button-light-arrow.link_arrow{
		display: inline-block;
	}

	.main_banner-left button.button{
		display: none;
	}

	.main_banner-left .main_banner-item-bg{
		background-size: 80px 80px;
		background-position: center right;
		max-width: 355px;
		margin: 0 auto;
	}

	.main_banner-left .main_banner-item-title{
		text-align: left;
	}

	.main_banner-left .main_banner-item-btn{
		margin: 0 auto 0 0;
	}

	.main_banner-left .main_banner-item:hover{
		background: conic-gradient(from 55.95deg at -24.88% 122.4%, #B8F7FF -45.42deg, #FFFFFF 21.59deg, #F5DCF9 36.32deg, #D8EFFC 44.43deg, #FFFFFF 126.82deg, #B8F7FF 314.58deg, #FFFFFF 381.59deg);
		box-shadow: 0 5px 21px -8px rgba(35, 132, 173, 0.37);
	}
}

@media (max-width: 768px){

	.main_banner-left .main_banner-item-bg{
		max-width: 300px;
	}
}

@media (max-width: 680px){

	.main_banner-right{
		grid-template-columns: 100%;
		grid-template-rows: repeat(4, 192px);
	}

	.main_banner-left .main_banner-item-bg{
		max-width: 100%;
	}

	.main_banner-left .main_banner-item:hover{
		background: conic-gradient(from 48.95deg at -24.88% 122.4%, #B8F7FF -45.42deg, #FFFFFF 21.59deg, #F5DCF9 36.32deg, #D8EFFC 44.43deg, #FFFFFF 126.82deg, #B8F7FF 314.58deg, #FFFFFF 381.59deg);
	}
}

@media (max-width: 480px){

	.banner_main .desk_height{
		padding-top: 20px;
	}
}

@media (max-width: 360px){

	.main_banner-item-wrap{
		padding: 40px 20px !important;
	}

	.main_banner-left .main_banner-item-text,
	.main_banner-right .main_banner-item-text{
		max-width: Calc(100% - 86px);
	}
}