.hero {height: 884px;position: relative;background: center/cover no-repeat;color: #fff}
.hero__inner {height: 100%;position: relative}
.hero__content {position: absolute;left: 40px;top: 207px;max-width: 860px}
.eyebrow {margin: 0 0 10px;color: var(--label);font-size: 22px;line-height: 1.09;font-weight: 700;font-family: var(--font-nunito_sans);letter-spacing: 2.88px;}
.about .eyebrow{margin-bottom: 20px;}
.contact .eyebrow{margin-bottom: 20px;}
.eyebrow--light {color: #fff}
.hero__title {font-size: 66px;line-height: 1.12;letter-spacing: -1.32px;font-weight: 700;margin: 40px 0 24px;}
.hero__copy {width: 500px;font-size: 18px;line-height: 1.8;font-weight: 300;color: rgba(255, 255, 255, .70)}
.hero__actions {display: flex;gap: 16px;margin-top: 40px}
.hero__actions .button{padding:14px 32px;}
.hero__scroll {position: absolute;left: 50%;bottom: 38px;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 8px;font-size: 12px;letter-spacing: .15em;color: rgba(255, 255, 255, .45)}
.section {padding: 76px 0}
.section-title {margin: 0;color: var(--blue);font-size: 36px;line-height: 1.5;font-weight: 700;}
.about .section-title{padding-right: 18%;letter-spacing: -0.92px;margin-bottom: 14px;}
.products .section-title{line-height: 1.46;letter-spacing: -0.88px;}
.contact .section-title{line-height: 1.51;letter-spacing: -0.945px;font-weight: 800;}
.section-copy {color: #5D6170;line-height: 1.7;max-width: 650px}
.contact .section-copy {margin-top: 18px;}
.contact .section-copy p{margin-bottom: 0px;}
.about {padding-top: 120px;position: relative;background: #F2F2F2;}
.about-icon__bg,
.about-icon__bg-r{position: absolute;right: 0;top: 180px;opacity: 0.07;}
.about-icon__bg{right: auto;left: 0;}
.about__sub {font-size: 22px;line-height: 1.13;font-weight: 500;margin: 0 0 20px;color: var(--label);font-family: var(--font-nunito_sans);}
.about__gallery {position: relative;margin-left: auto;max-width: 598px}
.about__main-img{overflow: hidden;}
.about__main-img:hover .about__main{transform: scale(1.08);}
.about__main {width: 100%;height: 340px;object-fit: cover}
.about__since {position: absolute;left: -15px;top: 295px;background: var(--red);color: #fff;padding: 7px 12px;font-size: 13px}
.about__thumbs {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;margin-top: 24px}
.about__thumbs img {height: 94px;width: 100%;object-fit: cover;border: 2px solid #fff;box-shadow: 0 6px 19px rgba(27, 67, 50, .2)}
.about__thumbs img:hover{transform: translateY(-2px);}
.about__stats {border-bottom: 1px solid #ddd;margin-top: 64px;text-align: center;padding-bottom: 20px}
.about__stats>div {min-height: 180px;border-right: 1px solid #ddd;display: flex;flex-direction: column;justify-content: center}
.about__stats>div:last-child {border: 0}
.about__stats strong {font-size: 44px;line-height: 1;font-weight: 800;letter-spacing: -.02em;color: var(--blue);}
.about__stats .about-stats__instro {font-size: 16px;line-height: 1.4;margin-top: 10px;color: #5d6170;min-height: 45px;}
.about .section-copy {font-size: 16px;line-height: 25px;margin: 0;color:#5D6170;font-family: var(--font-nunito_sans);margin-bottom: 40px;}
.about .section-copy p{margin-bottom: 0px;}
.section-heading {margin-bottom: 46px;}
.section-heading .section-copy {max-width: 580px}
.products {position: relative;background: #F2F2F2;overflow: hidden}
.news:before,
.products:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/products-bg.png') no-repeat center center; opacity:0.035;z-index: 0;}
.products .container-xl,
.advantages .container-xl,
.news .container-xl {position: relative;z-index: 1}
.products__head,
.news__head {display: flex;justify-content: space-between;align-items: flex-end;}
.products__head .button{margin-bottom: 32px;}
.products__body {margin-top: 12px;align-items: flex-end;gap: 80px;}
.products__body .products__tabs-col{width: 380px;margin-bottom: 12px;}
.products__body .products__feature-col{flex: 1;}
.products__tabs {display: flex;flex-direction: column}
.products__tab {height: 79px;border: 0;border-bottom: 1px solid #ccc;background: transparent;text-align: left;padding: 18px 20px;color: var(--blue);font-size: 20px;display: flex;gap: 16px;align-items: center;position: relative;}
.products__tab-icon {width: 34px;height: 34px;display: flex;justify-content: center;align-items: center;border-radius: 4px;border: 2px solid rgba(255, 255, 255, 0.25);background: #DFECFA;}
.products__tab::after{content: "";position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 3px;height: 0;background: var(--label);opacity: 0;border-radius: 3px;transition: height .3s ease-in-out;}
.products__tab-icon img{width: 16px;height: 16px;}
.products__tab.is-active .products__tab-icon {width: 52px;height: 52px;}
.products__tab.is-active .products__tab-icon img{width: 28px;height: 28px;}
.products__tab small {display: none;font-size: 13px;color: #777;font-weight: 400}
.products__tab.is-active {background: #fff;box-shadow: 0 8px 22px rgba(0, 0, 0, .08);}
.products__tab.is-active::after{height: 28px;opacity: 1;}
.products__tab.is-active small {display: block}
.products__tab span {display: flex;flex-direction: column}
.products__feature {background: #fff;box-shadow: 0 8px 20px rgba(27, 67, 50, .05)}
.products__feature-img{overflow: hidden;position: relative;}
.products__feature-img .products__feature-img {width: 100%;height: 430px;object-fit: cover}
.products__feature-img:hover .products__feature-img{transform: scale(1.08);}
.products__feature-img .products__feature-texture-bg {position: absolute;bottom: 33px;left: 56px;width: 180px;height: 140px;border:2px solid rgba(255, 255, 255, 0.25);border-radius: 20px;overflow: hidden;}
.products__feature-img .products__feature-texture-bg .products__feature-texture{width: 100%;height: 100%;object-fit: cover;}

.products__feature .products__feature-content {height: 92px;display: flex;justify-content: space-between;align-items: center;padding: 0 28px}
.products__feature h3 {font-size: 22px;font-weight: 700;margin: 0}
.advantages {position: relative;background-color: #F2F2F2;}
.advantages__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap:42px 21px;}
.advantage-card {border-radius: 2px;border: 0.864px solid rgba(12, 29, 54, 0.20);padding: 22px 45px;min-height: 219px;position: relative}
.advantage-card__number {display: flex;justify-content: space-between;align-items: center;}
.advantage-card__number .adv-card__number-icon {width: 42px;height: 42px;display: inline-flex;justify-content: center;align-items: center;border-radius: 4px;background: #EDF2F8;}
.advantage-card__number .adv-card__number-text {font-size: 30px;font-weight: bold;color: rgba(230, 33, 41, 0.80);font-family: var(--font-nunito_sans);font-style: italic;line-height: 1.15;}
.advantage-card h3 {font-size: 18px;font-weight: 700;margin: 18px 0 9px;font-family: var(--font-nunito_sans);color:var(--blue)}
.advantage-card p {font-size: 13.827px;;color: #5D6170;line-height: 1.62;margin: 0;}
.advantage-card:hover {border: 0.864px solid rgba(12, 29, 54, 0.20);background: #F7F7F7;box-shadow: 0 7.6px 30.4px 0 rgba(27, 67, 50, 0.10);transform: translateY(-3px);}
.news {position: relative;background-color: #F2F2F2;}
.news__filters button {border: 1px solid #ddd;background: #fff;padding: 7px 16px;font-size: 12px;}
.news__filters button.is-active {background: var(--blue);color: #fff;}
.news__grid {margin-top: 42px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;}
.news-card {background: #fff;height: 100%}
.news-card__image {position: relative}
.news-card__image img {width: 100%;height: 210px;object-fit: cover}
.news-card__number {position: absolute;right: 28px;bottom: 12px;width: 32px;height: 32px;border-radius: 50%;background: #fff;display: grid;place-items: center;font-size: 13.827px;font-weight: 800;}
.news-card__body {padding: 20px;}
.news-card__meta {font-size: 13px;color: #000000;line-height: 1.5;letter-spacing: 1.106px;}
.news-card__tag {background: var(--red);color: #fff;padding: 3px 8px;margin-right: 10px;font-weight: 700;}
.news-card h3 {font-size: 15px;line-height: 1.4;font-weight: 700;margin: 13px 0 8px;color:var(--blue); overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-card p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family: var(--font-nunito_sans);font-size: 16px;color: #5D6170;line-height: 1.46;}
.news-card .n-card-btn {display: inline-block; font-size: 14px;font-weight: 600; color: #5D6170;line-height: 1.5;}
.news-card .n-card-btn:hover{color: var(--red);transform: translateX(3px);}
.news-card:hover{ transform: translateY(-3px);}
.contact {border-top: 1px solid #ddd;background-color: #F2F2F2;}
.contact__benefits {display: flex;gap: 48px;margin-top: 36px}
.contact__benefits .con-bene__item {display: inline-flex;gap: 11px;align-items: center;}
.contact__benefits .con-bene__icon {width: 8px;height: 8px;border-radius:50%;background-color: var(--red);}
.contact__benefits span {font-size: 14px;color: var(--blue);font-weight: 700;line-height: 1.5;}
.contact__benefits p {margin-bottom: 0;font-size: 14px;color:#5D6170;line-height: 1.5;}
.contact__form h3 {font-size: 22px;margin-bottom: 28px;color:var(--blue);line-height: 1.5;font-weight: 700;}
.contact__form label {display: block;font-size: 16px;margin-bottom: 8px;font-weight: 500;line-height: 1.5;}
.contact__form input,
.contact__form textarea {width: 100%;border: 1px solid rgba(0, 0, 0, 0.08);background: #F4F6F8;padding: 12px 16px;outline: 0}
.contact__form textarea {height: 110px;resize: vertical}
.contact__status {font-size: 13px;margin: 7px 0 0}
@media(max-width:1199.98px) {
    .hero__content {left: 20px}
    .hero__title {font-size: 50px}
    .products__feature>img {height: 350px}
}
@media screen and (max-width: 992px) {
    .products__body .products__tabs-col{width: 100%;}
    .products__body {gap: 40px;}
    .advantages__grid {grid-template-columns: repeat(1, 1fr);gap: 32px;}
    .news__grid {display: grid;grid-template-columns: repeat(1, 1fr);}
}
@media(max-width:767.98px) {
    .hero {height: 760px;background-position: 58% center}
    .hero:after {content: "";position: absolute;inset: 0;background: rgba(10, 20, 15, .34)}
    .hero__inner,
    .hero__scroll {z-index: 1}
    .hero__content {top: 150px;left: 12px;right: 12px;width: auto}
    .hero__title {font-size: 38px;white-space: normal;margin-top: 24px}
    .hero__copy {width: auto;font-size: 16px}
    .hero__actions {flex-wrap: wrap}
    .section {padding: 42px 0}
    .section-title {font-size: 26px}
    .about {padding-top: 72px}
    .about__stats>div {border: 0;min-height: auto;}
    .products__head,
    .news__head {align-items: flex-start;gap: 20px;flex-direction: column}
    .products__feature>img {height: 250px}
    .contact__benefits {flex-direction: column;gap: 12px}
    .case-card {min-height: 160px}
    .news__filters {display: flex;flex-wrap: wrap}
    .cert-card img {height: 220px}
    .contact__form{margin: 28px;}
    .section-heading{margin-bottom: 24px;}
    .products__feature .products__feature-content{padding:20px 24px;flex-direction: column;align-items: flex-start;height: auto;gap:16px;}
}
.certifications {padding: 50px 0;background: #F2F2F2;overflow: hidden;}
.certifications .section-heading {height: 192px;margin: 0;padding: 0 40px}
.certifications .eyebrow {font-size: 22px;line-height: 24px;letter-spacing: 1.6px;margin: 0}
.certifications .section-title {font-size: 36px;line-height: 40px;padding-top: 15px}
.certifications .section-copy {width: 576px;max-width: 100%;font-size: 16px;line-height: 24px;padding-top: 15px;margin-bottom: 0;color: #5d6170}
.certifications__slider {width: 95%;height: 430px;padding: 0;margin:0 auto; overflow: hidden}
.certifications__slider .swiper-wrapper {height: 322px;align-items: flex-start}
.certifications__slider .cert-card {text-align: center}
.certifications__slider .cert-card .cert-card__img{position: relative;width: 100%;height: 100%;}
.certifications__slider .cert-card .cert-card__img .cert_bg{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;object-fit: contain;}
.certifications__slider .cert-card img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;z-index: 0;}
.certifications__slider .cert-card img.cert_img_main{transform: scale(0.95);}
.certifications__slider .cert-card span {display: block; height: 33px;margin: 0;padding-top: 12px;font-size: 16px;line-height: 19px;color: #5d6170;}
.certifications__prev,
.certifications__next {position: static;z-index: 5;width: 40px;height: 40px;padding: 11px;border: 1px solid rgba(12, 29, 54, .15);border-radius: 50%;background: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, .1);display: flex;align-items: center;justify-content: center}
.certifications__prev img,
.certifications__next img {display: block;width: 16px;height: 16px;max-width: none}
.cer-swiper__btn{width: 100%; position: absolute;bottom: 10px;display: flex;align-items: center;justify-content: center;gap: 16px;}
@media(max-width:1199.98px) {
    .site-header__inner {padding-right: 20px;padding-left: 20px}
    .site-header__menu,
    .site-header__menu li {height: auto}
    .site-header__link {height: auto;padding: 12px 0}
    .site-header__chevron {margin-left: 2px}
    .certifications__slider .swiper-wrapper {padding-left: 36px}
}
@media(max-width:767.98px) {
    .certifications {padding-top: 42px;padding-bottom: 0;}
    .certifications .section-heading {height: auto;padding: 0 20px}
    .certifications .eyebrow {font-size: 16px}
    .certifications .section-title {font-size: 29px;line-height: 34px}
    .certifications .section-copy {font-size: 14px;line-height: 21px}
    .certifications__slider {padding-bottom: 85px;height: auto;}
    .certifications__slider .swiper-wrapper {height: 286px;padding-left: 20px}
    .certifications__slider .cert-card {width: 176px !important;height: 286px;flex-basis: 176px}
    .certifications__slider .cert-card span {font-size: 14px;padding-top: 6px;}
    .certifications__slider .cert-card .cert-card__img::after{background-size: contain;}
    .certifications__prev,
    .certifications__next {top: 96px;width: 36px;height: 36px}
    .certifications__prev {left: 8px}
    .certifications__next {right: 8px}
    .about-icon__bg-r{display: none;}
    .about .row{gap:24px;}
    .about .about__stats.row{gap:0;}
    .products__feature-img .products__feature-texture-bg{bottom: 23px;left: 36px;width: 140px;height: 110px;}
}
.cases {height: 964px;padding: 50px 0 87px;overflow: hidden;background-color: #F2F2F2F2;}
.cases__head {height: 51px;display: flex;align-items: flex-start;justify-content: space-between}
.cases__head .eyebrow {font-size: 22px;line-height: 21px;margin: 0 0 10px;text-transform: uppercase}
.cases__head .section-title {font-size: 36px;line-height: 35px}
.cases__navigation {display: flex;gap: 7px;padding-top: 26px}
.cases__navigation button {width: 38px;height: 38px;padding: 0;border-radius: 50%;display: grid;place-items: center}
.cases__navigation img {width: 18px;height: 18px}
.cases__nav_btn{background: transparent;border: 1px solid rgba(12, 29, 54, .2)}
.cases__nav_btn:hover {background: var(--red);border: 1px solid var(--red)}
.cases__nav_btn:hover img {filter: invert(1);}
.cases__slider {height: 726px;margin-top: 50px;overflow: hidden}
.cases__grid {height: 726px;margin-top: 0}
.case-card {height: 227px !important;display: flex;background: #f7f7f7;border: 1px solid rgba(12, 29, 54, .08);border-radius: 2px;overflow: hidden}
.case-card__media {flex: 0 0 302px;height: 100%;overflow: hidden}
.case-card__media img {width: 100%;height: 100%;object-fit: cover}
.case-card__body {min-width: 0;display: flex;flex-direction: column;justify-content: center;padding: 24px;flex: 1;}
.case-card h3 {font-size: 17px;line-height: 1.4;font-weight: 700;margin: 0 0 15px;color: var(--blue);}
.case-card dl {margin: 0}
.case-card dl>div+div {margin-top: 8px}
.case-card dt,
.case-card dd {font-size: 14px;line-height: 1.5;margin: 0;}
.case-card dt {color: var(--blue);font-weight: 700;}
.case-card dd {color: #5d6170;}
.case-card a {display: flex;align-items: center;gap: 5px;margin-top: 15px;font-size: 14px;line-height: 1.5;color: var(--red)}
.case-card a img {width: 14px;height: 14px}
.case-card:hover {box-shadow: 0 7.6px 30.4px 0 rgba(27, 67, 50, 0.10);transform: translateY(-3px);}
@media(max-width:1199.98px) {
    .cases {height: auto}
    .cases__slider,
    .cases__grid {height: 520px}
    .case-card {height: 250px !important}
    .case-card__media {flex-basis: 42%}
    .case-card__body {padding: 18px}
}
@media(max-width:767.98px) {
    .cases {padding: 62px 0;height: auto}
    .cases__head {height: auto}
    .cases__head .eyebrow {font-size: 16px}
    .cases__head .section-title {font-size: 30px}
    .cases__navigation {padding-top: 14px}
    .cases__slider,
    .cases__grid {height: 250px;margin-top: 34px}
    .case-card {height: 250px !important}
    .case-card__media {flex-basis: 42%}
    .case-card__body {padding: 15px}
    .case-card h3 {font-size: 15px;margin-bottom: 10px}
    .case-card dt,
    .case-card dd,
    .case-card a {font-size: 12px;line-height: 18px}
    .case-card a {margin-top: 10px}
}
.cases__navigation button {cursor: pointer;transition: transform .2s ease, opacity .2s ease}
.cases__navigation button:hover {transform: translateY(-2px)}
.cases__navigation .swiper-button-lock {display: grid !important}
.cases__navigation .swiper-button-disabled {pointer-events: auto;opacity: 1}