/* ==============================================
   bimabout.css (ОЧИЩЕННЫЙ - v2)
   Уникальные стили для страницы "О нас" (bim-about.php)
   ============================================== */

/* Этот h1 УНИКАЛЕН, т.к. в common-styles он 46px/700, а здесь 34px/600 */
h1, .h1 {
	font-family: "Roboto", Sans-serif;
	font-weight: 600;
	font-size: 34px;
	color: #000;
	text-transform: uppercase;
}

/* Этот h2 УНИКАЛЕН. В common-styles h2 имеет padding-top: 60px,
   а этот h2 (используемый как .about-title-2) - нет. 
   Мы должны сохранить его.
*/
.about-title-2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	/* Убираем дубликаты из common-styles */
	/* font-family:Roboto,Sans-serif; */
	/* text-transform:uppercase; */
	/* letter-spacing:0; */
	/* margin-bottom:20px; */
	/* color: #000; */
}

/* Этот h1 УНИКАЛЕН (используется как .about-title)
*/
.about-title {
	font-size: 46px;
	font-weight: 700;
	line-height: 1em;
}


.about-wrap-topleft {
    align-content: center;
    align-items: center;
	padding: 0 80px 50px 0;
	line-height: 1;
}

.marks-list {
	display: flex;
}

.marks-list svg {
	fill: #A8D7E4;
}

.about-list-column {
    width: 50%;
}

ul.about-icon-list-items {
	gap: 10px;
    list-style-type: none;
	padding: 0;
	font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    letter-spacing: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

li.about-icon-list-item {
    display: inline-flex;
    align-items: center;
	gap: 10px;
}

.block-highlight {
	background: #def1f3;
	padding: 50px;
}

.biruza-back {
	width: 100%;
    background: #0090a3;
}

.chubrik-about img {
	padding: 0 80px 60px 0;
}

/* --- Уникальная мобильная адаптация --- */
@media screen and (max-width: 480px) {
		
	.about-title {
    	font-size: 34px;
	}
	
	/* В common-styles.css #colorstrip-80 НЕ ИМЕЕТ отступов.
	   Этот блок уникален.
	*/
	#colorstrip-80 {
		width: 100%; height: 5px;
    	background: #55c4d5;
    	margin-top: 10px;
    	margin-bottom: 10px;
	}
	
	.about-wrap-topleft {
    	padding: 0;
	}

	.chubrik-about img {
    	padding: 0;
	}

	h2.about-title-2 {
    	margin-top: 20px;
		margin-bottom: 0;
	}

	.about-list-column {
    	width: 100%;
	}
}