/* Start:/local/templates/np2026/components/bitrix/catalog.section.list/projects/style.css?1768951591431*/
.page .projects-sections {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-transform: uppercase; gap: 12px; font-size: 70%; font-weight: 500; padding: 0 0 64px;}
.page .projects-sections .item {padding: 14px 20px; border-radius: 2em; border: 1px solid #E9EBF2;}
.page .projects-sections .item:hover {border: 1px solid #18243D;}
.page .projects-sections .item.active {border: 1px solid #18243D;}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section/projects/style.css?17704686471273*/
.page .projects {max-width: 1640px; margin: 0 auto 120px; padding: 0 20px; }
.page .projects .items {display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr;}
.page .projects .item {display: flex; gap: 10px; flex-direction: column; position: relative; overflow: hidden;}
.page .projects .item .image {position: relative;}
.page .projects .item .image:after {content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; width: 100%; height: 100%;}
.page .projects .item .image img {width: 100%; height: 100%; object-fit: cover;}
.page .projects .item .info {position: absolute; bottom: 0; left: 0; right: 0; padding: 32px; color: #fff; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));}
.page .projects .item .title {font-size: 120%; display: flex; gap: 20px;}
.page .projects .item .title:after {content: ""; width: 20px; height: 32px; background: url(/local/templates/np2026/images/arrow.svg) 50% 50% no-repeat; flex: 0 0 auto; opacity: 0;}
.page .projects .item .material {font-size: 80%;}
.page .projects .item:hover .title:after {opacity: 1;}

@media (max-width: 1300px)
{
    .page .projects .items {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 700px)
{
    .page .projects .items {grid-template-columns: 1fr;}
}
/* End */
/* /local/templates/np2026/components/bitrix/catalog.section.list/projects/style.css?1768951591431 */
/* /local/templates/np2026/components/bitrix/catalog.section/projects/style.css?17704686471273 */