.about__top{display:flex; gap:6px; margin-bottom:6px}
.about__top .about__top-block{width:50%}
.top-block__text{padding: 40px;background: #FFFFFF;border-radius: 6px;color: #1B2338;font-size: 16px;line-height: 1.6;display: flex;flex-direction: column;justify-content: space-between;}
.about__top-title{font-weight: 500;font-size: 20px;line-height: 1.4}
.top-block__text p{margin: 16px 0 0;}
.top-block__text p strong{font-weight:500}
.top-block__photo{border-radius: 6px; overflow:hidden}
.top-block__photo img, .top-block__photo picture{border-radius: 6px; overflow:hidden; width:100%; height:100%; object-fit:cover}

.about__heading{display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:56px}
.about__title{display:flex; flex-direction:column; gap:8px; max-width:695px}
.about__title-small{font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #5B5C6C; display:flex; align-items:center; gap:10px}
.about__heading h2{margin:0}
.about__title-text{font-weight: 300; font-size: 17px; line-height: 1.6; color: #1B2338; padding-top:8px}
.about__comand{max-width:315px; display:flex; flex-direction:column; gap:20px}
.about__comand-text{font-weight: 300; font-size: 16px; line-height: 1.6; color: #1B2338; padding-left:32px; border-left:1px solid rgba(137, 166, 189, 0.4)}
.about__comand-text strong{font-weight:500}
.about__comand ul{padding-left:32px; display:flex; align-items:center}
.about__comand ul li{width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:100%; overflow:hidden; font-weight: 500; font-size: 18px; line-height: 1.2; color: #FFFFFF; margin: 0 -20px 0 0}
.about__comand ul li:last-child{background: #006CB5;}

.about__content {display: flex;flex-wrap: wrap;gap: 6px}
.about__content-block {width: calc(25% - (6px * 3 / 4));display: flex;gap: 6px;flex-direction: column;flex-shrink: 0;}
.about__content-item{height:265px; border-radius:6px; overflow:hidden}
.item--text{display:flex; flex-direction:column; justify-content:end; gap:24px; padding:32px; font-weight: 300;font-size: 17px;line-height: 1.6;}
.white--text-block{background: #FFFFFF; color:#1B2338}
.blue--text-block{background:#006CB5; color:#fff}
.item--photo img{width:100%; height:100%; object-fit:cover}
.item--four-photo, .item--two-photo{display:flex; flex-wrap:wrap; display: grid;grid-template-columns: repeat(2, 1fr);gap: 6px;}
.about__content-title{font-weight: 500;font-size: 22px;line-height: 28px}
.item--two-photo{height:130px}
.item--two-photo img{width:100%; height:100%; object-fit:cover}
.item--big-block{height:calc(100% - 130px); gap:16px}
.item--big-block svg{margin-bottom:auto}
.about__content-item img{width:100%; border-radius:6px}

@media(max-width:1359px){
	.top-block__text{padding:20px; font-size: 14px;line-height: 1.5}
	.about__top-title{font-size: 18px}
	.top-block__text p{margin: 12px 0 0;}
	
	.about__heading{padding-bottom:48px}
	.about__title{max-width:600px}
	.about__title-text{font-size: 15px; line-height: 1.5}
	.about__comand-text {font-size: 15px; line-height: 1.5; padding-left: 24px}
	.about__comand ul {padding-left: 24px}
	.about__comand ul li{width: 50px; height: 50px; font-size: 16px; margin: 0 -15px 0 0}

	.about__content-title {font-size: 20px;line-height: 26px}
	.item--text{gap: 12px; padding: 24px; font-size: 15px; line-height: 1.4}
	.about__content-item{height:220px}
	.item--two-photo{height:110px}
	.item--big-block {height: calc(100% - 110px)}
	.about__content-item.item--four-photo img{height: 110px;object-fit: cover}
}
@media(max-width:991px){
	.about__top{flex-direction:column}
	.about__top .about__top-block{width:100%}
	.top-block__text{padding:24px}
	.about__heading{gap: 25px; padding-bottom:40px}
	.about__title{max-width:380px}
	.about__title-text{font-size: 14px; line-height: 1.4}
	.about__comand-text {font-size: 14px; line-height: 1.4; padding-left: 16px}
	.about__comand ul {padding-left: 16px}
	
	.about__content-block {width: calc(50% - 3px)}
}
@media(max-width:767px){
	.about__heading{gap: 20px; padding-bottom:30px}
	.about__title{max-width: 250px;}
}
@media(max-width:575px){
	.top-block__text{padding:16px}
	.about__top-title{font-size: 16px}
	.top-block__text p{margin: 10px 0 0;}
	.about__content-title {font-size: 18px;line-height: 24px}
	.item--text{padding: 16px; font-size: 14px}
	.about__heading{flex-direction:column}
	.about__title, .about__comand{width:100%; max-width:100%}
	.about__comand ul {padding-left: 0}
	.about__comand ul li {width: 40px;height: 40px;font-size: 14px;margin: 0 -10px 0 0}
}
@media(max-width:420px){
	.about__content-block {width:100%}
	.about__content-item, .item--two-photo, .item--big-block, .about__content-item.item--four-photo img{height:auto}
}