#perspective {

}
#perspective .perspective_item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	background: #fff;
	background-repeat: no-repeat;
	background-color: #f8f3f0;
	background-position: center 25px; 
	background-size: 150px;
	position: relative;
	transition: background 0.2s all;
	margin-bottom: 25px;
}

#perspective .perspective_item:hover {
	background-color: #fdf8f5;
}

#perspective .productGroup {
    padding: 180px 25px 0;
    flex: 1 1 auto;
}

.productSection {
	font-size: 13px;
	opacity: 0.7;
	margin-bottom: 6px;
	width: 100%;
}
.productName {
	font-size: 22px;
	font-weight: 400;
	line-height: 15pt;
}
#perspective .perspective_item:hover .productSection,
#perspective .perspective_item:hover .productName {
	text-align: left;
}

.productName a {
	color: #000;
	text-decoration: none;
	transition: 0.2s all;
}
.productName a:hover {
	color: #ff8000;
}

.productDescription {
	margin-top: 20px;
	font-size: 13px;
	opacity: 0.8;
	min-height: 30px;
}
.productDescription b {
	font-weight: 400;
}
.productMenu { 
	margin-top: 10px; 
	font-size: 13px !important;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 30px;
}
.productMenu a {
	position: relative;
	display: inline-block;
	line-height: 22pt;
	text-decoration: none;
	transition: 0.2s all;
	color: #000;
	font-weight: 400;
	padding-left: 25px;
	/*margin-right: 30px;*/
}
#perspective .perspective_item:hover .productMenu a {
	opacity: 1;
}

.productMenu a:last-child { margin: 0; }

.productMenu a:hover {
	color: #ff6800;
}
.productMenu a:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 8px;
}

.productMenu a.pM_desc:before { background-image: url(/bitrix/templates/.default/images/icons/desc.svg); }
.productMenu a.pM_support:before { background-image: url(/bitrix/templates/.default/images/icons/support.svg); }
.productMenu a.pM_soft:before { background-image: url(/bitrix/templates/.default/images/icons/soft.svg); }
.productMenu a.pM_forum:before { background-image: url(/bitrix/templates/.default/images/icons/forum.svg); }
.productMenu a.pM_docs:before { background-image: url(/bitrix/templates/.default/images/icons/docs.svg); }

.divBtn { cursor: pointer; }
.divBtn:hover .productName a { color: #ff8000; }


.productStatus {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 auto;
}






#perspective .iProducts_item__container {
	/*float: left;*/
	display: block;
	/*width: 335px;*/	
	font-size: 11px;
	line-height: 12pt;
	padding-left: 25px;
	background-size: 12px;
	background-position: left 2px;
	background-repeat: no-repeat;
	opacity: 0.7;
}
#perspective .iProducts_item__container span {
	display: block;
}
#perspective .statusBlock {
	/*position: absolute;
	width: 400px;
	top: 0;
	right: 0;*/
	padding: 25px;
	background-color: #efe9e6;
}
#perspective .statusBlock .iProducts_item__container { 
	font-size: 13px !important;
}
#perspective .statusBlock .iProducts_item__container span { 
	font-weight: 500;
	line-height: 14pt; 
}

.statusBlock_bottom {
	/*position: absolute;
	width: 400px;
	right: 0;
	bottom: 0;*/
	padding: 25px;
}

#perspective .prop__p1 { background-image: url(images/P1.png); }
#perspective .prop__p4 { background-image: url(images/P4.png); }
#perspective .prop__p6 { background-image: url(images/P6.png); }

#perspective .iProducts_item__container:nth-child(3) span,
#perspective .iProducts_item__container:nth-child(4) span {
	display: block;
	width: 100%;
}




.prop__p1 {

}


@media screen and (min-width: 768px) {
    #perspective .perspective_item {
        flex-direction: row;
        background-position: 25px center;
    }
    #perspective .productGroup {
        padding: 25px 0 25px 180px;
    }
    .productStatus {
        max-width: 50%;
        width: 400px;
    }
}