/*************************section_price*************************************/

.section_price{
	background: #068F9C;
	position:relative;
	z-index:1;
	transition:1s;
	min-height: auto;
}
.section_price[data-index="0"]{
	background: #068F9C;
}
.section_price[data-index="1"]{
	background: #F58326;
}

.section_price[data-index="2"]{
	background: #6C069C;
}
.section_price[data-index="3"]{
	background: #2D9C06;
}
.section_price[data-index="4"]{
	background: #05659c;
}
.section_price[data-index="5"]{
	background: #9c9206;
}
.section_price[data-index="6"]{
	background: #88069c;
}
.section_price[data-index="7"]{
	background: #9c0647;
}
.section_price__title{
	color:#fff;
	margin-top:5.5rem!important;
	margin-bottom:4rem;
	position:relative;
	z-index:1;
	font-weight:600;
}
.price{	
	width:95%;
	max-width: 74.8125rem;
	margin:auto;
	position:relative;
	z-index:1;
}
.price__block{	
	max-height: 30.6rem;
	min-height: 4rem;	
	position:relative;
	margin-bottom:2rem;
	background: #fff;
	border-radius: 1.5rem;
}
.icon__arrow {
	display:block;
	width:3rem;
	height:3rem;
	margin-left:auto;
	cursor:pointer;
	position:absolute;
	bottom: 0.5rem;
	right:0.5rem;
	z-index: 100;
	transform: rotate(90deg);
	transition:0.3s;
}
.price__block.open .icon__arrow {
	transform: rotate(0deg);
	transition:0.3s;
}

.price__subtitle{
	color: #068F9D;
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;	
	min-height: 4rem;
	display:flex;
	align-items:center;
	justify-content:center;
}

.price__content{
	color: #068F9C;
	padding:0rem 1rem 2.2rem 2.2rem;
	margin-right:0.8rem;
	display:none;
	max-height: 28rem;
	/*overflow-y: auto;*/
}
.price__table{
	max-height: 21rem;
	overflow-y: auto;
	padding-right:2.2rem;
}
.price__block.open .price__content{
	display:block;
}
.price__head{
	display: flex;
	text-align:center;
	font-size: 0.9375rem!important;
	font-style: normal;
	font-weight: 300!important;
	line-height: normal;
}
.price__head--right{
	text-align:center;
}
.price__row{
	display:flex;
	border-bottom: 1px solid #068F9C;		
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8125rem;
}
.price__name{
	width:55%;
	text-align:left;
	padding:0.85rem 0;
	
}
.price__head .price__name{
	padding:0.5rem 0;
}
.price__head .price__cell{
	padding:0.5rem 0;
}
.price__cell{
	text-align:center;
	padding:0.85rem 2rem 0.85rem 2rem;
	position:relative;
	flex:1;
}
.price__head .price__cell{
	padding-bottom:0;
}
.price__row:not(.price__head) .price__cell::before{
	content:'';
	position:absolute;
	left:0;
	display:block;
	width:0.01rem;
	height:2rem;	
	background: #068F9C;
}
.price__clarify{
	color: #068F9C;
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-top:1rem;
}
.icon__arrow{
	display:block;
	width:48px;
	height:48px;
	fill:#068F9D;
}
.bg__icon{
	position:absolute;
	fill: rgba(108,192,202,1);
	max-height:100%;
	height: 13.75rem;
	width:13.75rem;
	max-width:100%;
z-index:0;	
}

.section_price[data-index="0"] .bg__icon{
	fill: rgba(108,192,202,1);
}
.section_price[data-index="1"] .bg__icon{
	fill:#FFA75F;
}
.section_price[data-index="2"] .bg__icon{
	fill:#AC38E2;
}
.section_price[data-index="3"] .bg__icon{
	fill:#6EBB53;
}
.section_price[data-index="0"] .bg__icon__top-left,
.section_price[data-index="0"] .bg__icon__bottom-right
{
	fill: #0D828E;
}
.bg__icon__bottom-right{	
	bottom:0;
	right:-3rem;

}
.bg__icon__bottom-left{
	bottom:0;
	left: -6rem;
	transform: rotate(60deg);
	
}
.bg__icon__top-right{
	top:0;
	right:-6rem;
	
}
.bg__icon__top-left{
	top:0;
	transform: rotate3d(-0.65, 1, 0, 180deg);	
}

.price__table {
  --scrollbar-foreground: #068F9D;
  --scrollbar-background: #D7F5F5;
  --scrollbar-size: 0.25rem;
  /* плашка-бегунок, фон */
  scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
}
.price__table::-webkit-scrollbar {
  width: var(--scrollbar-size); /* в основном для вертикальных полос прокрутки */
  height: var(--scrollbar-size); /* в основном для горизонтальных полос прокрутки */
}
.price__table::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: var(--scrollbar-foreground); /* фон */
  border-radius: 0.5rem;
}
.price__table::-webkit-scrollbar-track { /* фон */
  background: var(--scrollbar-background);

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  border-radius: 0.25rem;
  
}
.price__hidden{
	display:none;
}
@media screen and (width <= 65rem){
	
	.price__cell--units{
		display:none;		
	}
}

@media screen and (width <= 50rem){
	.bg__icon {
		opacity:0.3;

	}
	.price__content {
		padding: 0rem 1rem 1.5rem 1rem;
		margin-right:0;
	}
	.price__table{
		padding-right:0.3rem;
	}
	.price__subtitle{
		font-size:1.3rem;
	}
	.price__footer{
		margin-bottom:4rem;
		padding-right:2rem;
	}
	.price__row {
		font-size: 0.937rem;  
		line-height: 1.3rem;
		font-weight: 300;
	}
	.price__name,
	.price__cell{
		padding:0.5rem 1rem 0.5rem 1rem;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	.price__name{
		padding-left:0rem;
		padding-right: 0.4rem;
	}
	.price__row:not(.price__head) .price__cell::before{
		height:1.2rem;
	}
	.icon__arrow{
		right:0;
	}
	.price__cell--units{
		display:none;		
	}
	.price__hidden{
		display:inline-flex;		
	}
	.price__clarify{
		color: #068F9C;
		font-size: 0.81rem;
	}
	
}
@media screen and (width <= 33rem){
	
	.section_price{
		padding-top:2.5rem;
		padding-bottom:2rem;
	}
	.section_price__title{	
		margin:0rem auto 1.5rem!important;		
		/*margin-top:2.5rem!important;		*/
	}
	.price__table {
		height: auto;		
	}
	.price__cell{
		padding:0.3rem;
	}
	
	.price__block{	
		margin-bottom:1rem;
	}
	
	
}