/* Pros & Cons Block - Frontend Styles */
/* Вертикальная структура: заголовок сверху, две колонки снизу */
.pros-cons-block { 
	margin-bottom: 30px !important; 
	padding: 40px !important;
}

.pros-cons-block .pros-cons-title {
	padding: 8px 20px !important;
	border-left: 5px solid #E7370A !important;
	margin: 0 0 33px 0 !important;
	color: #000000 !important;
	font-size: 32px !important;
	line-height: 150% !important;
	font-weight: 600 !important;
}

.pros-cons-block .pros-cons-description {
	margin: 0 0 33px 0 !important;
	color: #000000 !important;
	font-size: 20px !important;
	line-height: 150% !important;
	font-weight: 400 !important;
}

.pros-cons-block .pros-cons-wrapper {
	display: flex !important; 
	gap: 20px !important;
}

.pros-cons-block .pros-cons-left { 
	width: calc(50% - 10px) !important;
	padding: 40px !important; 
	background-color: #fff !important; 
	border-radius: 15px !important; 
	box-shadow: 0 8.19px 0 0 #E4E4E4 !important; 
}

.pros-cons-block .pros-cons-right { 
	width: calc(50% - 10px) !important; 
	padding: 40px !important; 
	background-color: #fff !important; 
	border-radius: 15px !important; 
	box-shadow: 0 8.19px 0 0 #E4E4E4 !important; 
}

.pros-cons-block .pros-cons-column-title { 
	display: flex !important; 
	gap: 20px !important; 
	align-items: center !important; 
	margin-bottom: 20px !important; 
}

.pros-cons-block .pros-cons-column-title figure { 
	margin: 0 !important; 
}

.pros-cons-block .pros-cons-column-title img { 
	width: 22px !important; 
}

.pros-cons-block .pros-cons-column-title h2 { 
	margin: 0 !important; 
	font-size: 24px !important; 
	font-weight: 600 !important; 
	color: #000 !important; 
	line-height: 150% !important; 
}

.pros-cons-block ul { 
	padding-left: 22px !important; 
}

.pros-cons-block ul li { 
	font-size: 16px !important; 
	font-weight: 400 !important; 
	color: #3C3C3C !important; 
	line-height: 180% !important; 
}

.pros-cons-block ul li::marker { 
	font-size: 12px !important; 
}

/* Mobile */
@media screen and (max-width: 1024px) {
	.pros-cons-block { 
		margin-bottom: 18px !important; 
	}
	
	.pros-cons-block .pros-cons-title {
		font-size: 24px !important;
	}
	
	.pros-cons-block .pros-cons-wrapper {
		display: block !important;
	}
	
	.pros-cons-block .pros-cons-left { 
		width: calc(100% - 40px) !important; 
		padding: 20px !important; 
		margin-bottom: 18px !important; 
	}
	
	.pros-cons-block .pros-cons-right { 
		width: calc(100% - 40px) !important; 
		padding: 20px !important; 
	}
	
	.pros-cons-block .pros-cons-column-title h2 { 
		font-size: 20px !important; 
	}
	
	.pros-cons-block ul li { 
		font-size: 14px !important; 
	}
}
