/* Start:/local/templates/dev/components/bitrix/news.list/info_page_tab_template/style.css?17516125693639*/
.info-page{
	gap: 64px;
}
#info-page-title{
	max-height: 0;
	overflow: hidden;
	transition: .8s;
}
.info-page-content-box{
	gap: 7.6vw;
}
.info-page-content{
	width: calc(55% - 3.8vw);
}
.info-page-content>div{
	font-size: clamp(18px, 1.45vw, 28px);
	font-weight: 400;
	color: #d9e2d8;

	transition: 0.8s;
	max-height: 0;
	overflow-y: clip;
}
.info-page-btn-box-mobile{
	display: contents!important;
}
.info-page-btn-box-select{
	display: none!important;
}
.info-page-btn-box{
	width: calc(45% - 3.8vw - 5px);
	gap: 9px;
	max-height: calc(100vh - 190px);
    position: sticky;
    top: 170px;
	padding-right: 5px;
	overflow-x: clip;
	overflow-y: auto;
}
.info-page-btn-box::-webkit-scrollbar {
  width: 4px;
}
.info-page-btn-box::-webkit-scrollbar-track {
  background: #020f29;
}
.info-page-btn-box::-webkit-scrollbar-thumb {
  background-color: #4b81f6;
  border-radius: 10px;
}
.info-page-btn{
	padding: 1.4vw 1.87vw 1.77vw 2.03vw;
	background: #D9E2D829;
	border-radius: 8px;
	font-size: clamp(18px, 1.45vw, 28px);
	font-weight: 400;
	color: #d9e2d8;
	transition: 0.4s;
	cursor: pointer;
}
.info-page-btn:hover,
.info-page-btn.active{
	color: #4B81F6;
}
@media (max-width: 1200px){
.info-page{
		gap: 14px;
	}
	#info-page-title{
		order: 2;
	}
	.info-page-content-box{
		display: contents!important;
	}
	.info-page-content{
		width: calc(100%);
		order: 3;
		overflow: auto;
	}
	.info-page-btn-box-mobile{
		display: flex!important;
		order: 1;
		position: relative;
	}
	.info-page-btn-box-select{
		display: flex!important;
		font-size: clamp(18px, 1.45vw, 28px);
		font-weight: 400;
		color: #d9e2d8;
		gap: 20px;
		flex-wrap: nowrap!important;
		padding: 12px 16px;
		border: 1.2px solid #FFFFFF;
		background: #020F29;
		justify-content: space-between;
		align-items: center;
		transition: .3s;
	}
	.info-page-btn-box-select svg{
		min-width: 14px;
		pointer-events: none;
	}
	.info-page-btn-box{
		width: calc(100%);
		gap: 9px;
		max-height: max-content;
		position: relative;
		top: 0;
		padding-right: 0px;
		overflow-x: clip;
		overflow-y: clip;
		margin-bottom: 40px;
	}
	/*.info-page-btn-box{
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		width: calc(100% - 32px - 2.4px);
		gap: 9px;
		background: #020F29;
		border: 1.2px solid #FFFFFF;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top: 0px;
		border-bottom-color: transparent;
		padding: 0 16px;

		max-height: 0;
		overflow: hidden;
		transition: .4s;
	}
	.info-page-btn-box.active{
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-color: #FFFFFF;
	}
	.info-page-btn{
		background: #D9E2D800;
		padding: 0;
	}*/
}
@media (max-width: 768px){
	.info-page{
		gap: 14px;
	}
	#info-page-title{
		order: 2;
	}
	.info-page-content-box{
		display: contents!important;
	}
	.info-page-content{
		width: calc(100%);
		order: 3;
		overflow: auto;
	}
	.info-page-btn-box-mobile{
		display: flex!important;
		order: 1;
		position: relative;
	}
	.info-page-btn-box-select{
		display: flex!important;
		font-size: clamp(18px, 1.45vw, 28px);
		font-weight: 400;
		color: #d9e2d8;
		gap: 20px;
		flex-wrap: nowrap!important;
		padding: 12px 16px;
		border: 1.2px solid #FFFFFF;
		background: #020F29;
		justify-content: space-between;
		align-items: center;
		transition: .3s;
	}
	.info-page-btn-box-select svg{
		min-width: 14px;
		pointer-events: none;
	}
	.info-page-btn-box{
		width: calc(100%);
		gap: 9px;
		max-height: max-content;
		position: relative;
		top: 0;
		padding-right: 0px;
		overflow-x: clip;
		overflow-y: clip;
		margin-bottom: 20px;
	}
	.info-page-btn{
		padding: 16px 20px;
	}
}
/* End */
/* /local/templates/dev/components/bitrix/news.list/info_page_tab_template/style.css?17516125693639 */