/* верхний блок */
.index_top__bg {
	background: var(--blue1);
	overflow: hidden;
}
.index_top { padding: 32px 0; }
.index_top .h1 { max-width:584px; }
.index_top__ram { max-width:552px; }
.index_top__ram_block svg { flex-shrink:0; }
.index_top__img { display:none; }

/* кнопыч */
.ind_btn {
	display: flex;
	gap: 8px;
	align-items: center;
}
.ind_btn>span { text-transform:capitalize; }
.ind_btn svg { flex-shrink:0; }
.ind_btn__h { display:none; }

/* -------- */
.ind_shtat>div {
	background: var(--blue3);
	padding: 24px;
	border-radius: 24px;
}

/* -------- */
.ind_banrt {
	border-radius: 16px;
	background: var(--blue1);
	padding: 24px;
	display: grid;
	gap: 14px;
}
.ind_banrt__block {
	display: grid;
	gap: 24px;
}
.ind_banrt__img { max-width:100%; }
.ind_banrt__block .button { padding: 0 12px; }

/* баннер с градиентом */
.ban_grd {
	border-radius: 16px;
	background: linear-gradient(90deg, #71B3FF 0%, #A38CFF 100%);
	padding: 24px;
	display: grid;
	gap: 32px;
}
.ban_grd__block {
	display: grid;
    align-items: center;
	border-radius: 16px;
	background: var(--white);
	box-shadow: 0 16px 32px 0 rgba(32, 34, 37, 0.12);
	padding: 16px;
}

/* ------- */
.indbg_blue {
	background: var(--blue3);
	border-radius: 24px;
	padding: 24px;
}
.ind_shtat svg { flex-shrink:0; }

@media (min-width:700px) and (max-width:1599px) {	
	.indbg_blue:last-child {grid-column:span 2;}
}

/* ------- */
.ind_podl {
	border-radius: 24px;
	padding: 24px;
	background: var(--blue1);
}


/*********************
	class = *_md
	>= 700px
*********************/
@media (min-width:700px) {	
	.index_top .h1, .index_top__ram {
		position: relative;
		z-index: 2;
	}
	.index_top {
		padding: 64px 0;
		height: 650px;
		position: relative;
	}	
	.ind_btn { max-width:min-content; }
	.ind_btn__h { display:inline-block; }
	.ind_btn>span { text-transform:none; }	
	.ind_banrt {
		grid-template-columns: 1fr 246px;
		align-items: center;
		gap: 4px;
        padding: 32px 30px;
	}
	.ind_banrt__block { gap:18px; }
	.ind_banrt__block .button { padding: 0 36px; }
	.ban_grd {
		padding: 32px;
		gap: 48px;
		grid-template-columns: repeat(2, 1fr);
	}
	.ban_grd__block { padding:24px; }
}

/*********************
	>= 768px
*********************/
@media (min-width:768px) {
	.index_top__img {
		display: block;
		position: absolute;
		width: 100%;
        height: 100%;
		bottom: 0;
		right: 0;
		z-index: 3;
	}
	.index_top__img1 {
		position: absolute;
		height: 421px;
        bottom: 0;
        right: -30px;
		z-index: 3;
	}
	.index_top__img2 {
		position: absolute;
		height: 390px;
		bottom: -175px;
        left: -70px;
	}
	.txt_center__md { text-align:center; }
}


/*********************
	>= 1070px
*********************/
@media (min-width:1070px) {	
	.index_top__img1 {
        height: 654px;
        right: 0;
    }
	.index_top__img2 {
		bottom: -170px;
        left: -10px;
	}	
}


/*********************
	>= 1200px
*********************/
@media (min-width:1200px) {
	.ind_shtat {
		-ms-grid-columns: 479px 1fr;
        grid-template-columns: 479px 1fr;
	}
	.ind_shtat2 {
		-ms-grid-columns: 1fr 452px;
        grid-template-columns: 1fr 452px;
	}
	.ind_banrt {
        grid-template-columns: 1fr 490px;
		padding: 0 98px 0 32px;
	}
	.ind_banrt__block {
        height: 100%;
        padding: 30px 0;
        align-content: space-between;
    }
	.index_top__ram { z-index:4; }
}


/*********************
	class = *_xl
	>= 1600px
*********************/
@media (min-width:1600px) {
	
}