.np-products,.np-products *{box-sizing:border-box}
.np-products{padding-top:80px;color:#202320;background:#fff;font-family:Onest,Arial,sans-serif}
.np-products .np-container{width:calc(100% - 48px);max-width:1280px;margin:0 auto}
.np-products .np-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:48px}
.np-products .np-label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;margin:0;padding:10px 20px;border:1px solid #dfb66c;border-radius:30px;letter-spacing:1px;text-transform:uppercase}
.np-products .np-title{display:block;margin:0;padding:0;color:inherit;letter-spacing:-.8px;text-transform:uppercase}
.np-products .np-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.np-products .np-card{display:flex;flex-direction:column;min-width:0;min-height:408px;padding:28px 30px 30px;border:0;border-radius:8px;background:#eaf0f5;box-shadow:none}
.np-products .np-card-content{padding:0 16px}
.np-products .np-card-title{display:block;margin:0 0 14px;padding:0;color:inherit;letter-spacing:-.4px;text-transform:uppercase}
.np-products .np-description{max-width:440px;margin:0;padding:0;color:inherit;letter-spacing:normal;text-transform:none}
.np-products .np-action{margin-top:auto;padding-top:32px}
.np-products .np-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:44px;margin:0;padding:12px 24px;border:0;border-radius:4px;background:#1b9d3e;color:#fff;font-family:inherit;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .2s}
.np-products .np-button:visited{color:#fff}
.np-products .np-button:hover{background:#168233;color:#fff;text-decoration:none}
.np-products .np-button:focus-visible{outline:2px solid #395744;outline-offset:4px}
.np-products .np-arrow{display:block;flex:0 0 14px;width:14px;height:14px;font-size:0 !important;line-height:0;color:transparent;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2%202L14%2014M4%2014H14V4%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/14px 14px no-repeat}
.np-products .np-button-label{color:inherit}
@media(max-width:1023px){.np-products .np-heading{gap:24px}.np-products .np-grid{gap:20px}.np-products .np-card{padding:28px 24px}.np-products .np-card-content{padding:0}.np-products .np-button{padding-right:14px;padding-left:14px}}
@media(max-width:767px){.np-products .np-container{width:calc(100% - 32px)}.np-products .np-heading{flex-direction:column;gap:20px;margin-bottom:28px}.np-products .np-title{font-size:30px !important;line-height:1.2 !important;letter-spacing:-.5px;word-break:normal;overflow-wrap:normal;hyphens:none}.np-products .np-grid{grid-template-columns:1fr;gap:16px}.np-products .np-card{min-height:300px;padding:24px}.np-products .np-card-title{font-size:22px !important;line-height:1.2 !important;word-break:normal;overflow-wrap:normal;hyphens:none}.np-products .np-button{padding-right:18px;padding-left:18px}}
@media(max-width:389px){.np-products .np-title{font-size:25px !important}}
@media(prefers-reduced-motion:reduce){.np-products .np-button{transition:none}}

/* Each card has its own image editable in Bitrix. */
.np-products .np-card{position:relative;isolation:isolate;overflow:hidden}
.np-products .np-card .np-card-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border:0;border-radius:0;pointer-events:none}
.np-products .np-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(234,240,245,.97) 0%,rgba(234,240,245,.92) 30%,rgba(234,240,245,.35) 65%,rgba(234,240,245,.2) 100%)}