html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    color: #000;
    font-family: "Rooftop";
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    outline: none !important;
}

a {
    text-decoration: none;
}

input,
textarea,
button,
selectff {
    font-family: "Rooftop";
}

img,
picture,
svg {
    display: block;
    user-select: none;
}

img {
    width: 100%;
}

.content-wrap,
.breadcrumbs {
    width: 1840px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

@font-face {
    src: url(../fonts/Rooftop-Regular.otf);
    font-display: swap;
    font-family: "Rooftop";
    font-weight: normal;
    font-style: normal;

}

@font-face {
    src: url(../fonts/Rooftop-Medium.otf);
    font-display: swap;
    font-family: "Rooftop";
    font-weight: 500;
    font-style: normal;
}

@font-face {
    src: url(../fonts/Rooftop-Bold.otf);
    font-display: swap;
    font-family: "Rooftop";
    font-weight: bold;
    font-style: normal;
}

@font-face {
    src: url(../fonts/RooftopMono-Regular.otf);
    font-display: swap;
    font-family: "Rooftop Mono";
    font-weight: normal;
    font-style: normal;
}

.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    color: #000;
    border: none;
    border-radius: 100px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
    z-index: 1;
}

.button--primary-red {
    color: #fff;
    background: #E3330A;
    overflow: hidden;
    z-index: 1;
}

.button--primary-red:hover::before {
    opacity: 1;
}

.button--primary-red::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #E3330A, #4970B5);
    opacity: 0;
    transition: 0.2s;
    z-index: -1;
}

.button--primary-large {
    font-size: 18px;
    line-height: 22px;
    padding: 12px 24px;
}

.button--primary-medium {
    font-size: 16px;
    line-height: 19px;
    padding: 12px 20px;
}

.button--primary-small {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 16px;
}

.button--secondary {
    background: none;
}

.button--secondary:hover::before {
    width: calc(100% - 4px);
}

.button--secondary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    border-radius: 100px;
    transition: 0.2s;
}

.button--secondary-white {
    color: #fff;
}

.button--secondary-white .button__icon {
    fill: #fff;
}

.button--secondary-red .button__icon {
    fill: #fff;
}

.button--secondary-red:hover {
    color: #fff;
}

.button--secondary-red::before {
    background: #E3330A;
    border-color: transparent;
    z-index: -1;
}

.button--secondary-large {
    gap: 19px;
    font-size: 16px;
    line-height: 19px;
    padding: 9px 19px 9px 10px;
}

.button--secondary-large .button__icon {
    width: 18px;
    height: 18px;
}

.button--secondary-large:hover {
    gap: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

.button--secondary-large::before {
    width: 33px;
    height: 33px;
}

.button--secondary-medium {
    gap: 17px;
    font-size: 14px;
    line-height: 17px;
    padding: 8px 20px 8px 9px;
}

.button--secondary-medium .button__icon {
    width: 15px;
    height: 15px;
}

.button--secondary-medium:hover {
    gap: 6px;
    padding-left: 20px;
    padding-right: 20px;
}

.button--secondary-medium::before {
    width: 29px;
    height: 29px;
}

.button--secondary-small {
    gap: 14px;
    font-size: 12px;
    line-height: 14px;
    padding: 7px 14px 7px 8px;
}

.button--secondary-small .button__icon {
    width: 12px;
    height: 12px;
}

.button--secondary-small:hover {
    gap: 8px;
    padding-left: 14px;
    padding-right: 14px;
}

.button--secondary-small::before {
    width: 24px;
    height: 24px;
}

.button--alt {
    background: none;
}

.button--alt:hover::before {
    width: calc(100% - 4px);
}

.button--alt::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 2px;
    border-style: solid;
    border-radius: 100px;
    transition: 0.2s;
}

.button--alt-black::before {
    border-color: #000;
}

.button--alt-large {
    gap: 19px;
    font-size: 16px;
    line-height: 19px;
    padding: 8.5px 9px 8.5px 0;
}

.button--alt-large .button__icon {
    width: 17px;
    height: 17px;
}

.button--alt-large:hover {
    gap: 6px;
    padding: 8.5px 20px;
}

.button--alt-large::before {
    width: 32px;
    height: 32px;
}

.button--alt-medium {
    gap: 18px;
    font-size: 14px;
    line-height: 17px;
    padding: 8px 9px 8px 0;
}

.button--alt-medium .button__icon {
    width: 14px;
    height: 14px;
}

.button--alt-medium:hover {
    gap: 6px;
    padding: 8px 16px 8px 20px;
}

.button--alt-medium::before {
    width: 29px;
    height: 29px;
}

.button--alt-small {
    gap: 16px;
    font-size: 12px;
    line-height: 14px;
    padding: 7px 8px;
}

.button--alt-small .button__icon {
    width: 12px;
    height: 12px;
}

.button--alt-small:hover {
    gap: 8px;
    padding: 7px 14px;
}

.button--alt-small::before {
    width: 24px;
    height: 24px;
}

.button--icon-black {
    background: none;
    border: 1px solid #000;
}

.button--icon-black .button__icon {
    fill: #000;
    transition: 0.2s;
}

.button--icon-black:hover {
    color: #fff;
    background: #E3330A;
    border-color: transparent;
}

.button--icon-black:hover .button__icon {
    fill: #fff;
}

.button--icon-white {
    color: #fff;
    background: none;
    border: 1px solid #fff;
}

.button--icon-white .button__icon {
    fill: #fff;
    transition: 0.2s;
}

.button--icon-white:hover {
    color: #000;
    background: #fff;
    border-color: transparent;
}

.button--icon-white:hover .button__icon {
    fill: #000;
}

.button--icon-large {
    font-size: 16px;
    line-height: 19px;
    gap: 4px;
    padding: 7px 15px;
}

.button--icon-large .button__icon {
    width: 24px;
    height: 24px;
}

.button--icon-medium {
    font-size: 14px;
    line-height: 17px;
    gap: 4px;
    padding: 7px 15px;
}

.button--icon-medium .button__icon {
    width: 22px;
    height: 22px;
}

.button--icon-small {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.01em;
    gap: 4px;
    padding: 5px 11px;
}

.button--icon-small .button__icon {
    width: 20px;
    height: 20px;
}

.button__icon {
    flex-shrink: 0;
}

.slider-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.slider-controls--white .slider-controls__btn .icon {
    fill: #fff;
}

.slider-controls--white .slider-controls__text {
    color: #fff;
}

.slider-controls__btn {
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.slider-controls__btn .icon {
    width: 100%;
    height: 100%;
    fill: #000;
    transition: 0.2s;
}

.slider-controls__btn.r .icon {
    transform: rotate(180deg);
}

.slider-controls__btn:hover .icon {
    opacity: 0.4;
}

.slider-controls__text {
    font-size: 26px;
    font-weight: 500;
}

.input,
.select__select,
.textarea__input {
    width: 100%;
    height: 52px;
    font-size: 16px;
    color: #000;
    background: #F8F8FB;
    border: none;
    border-radius: 4px;
    padding: 0 12px;
}

.input::placeholder,
.select__select::placeholder,
.textarea__input::placeholder {
    color: #7A7A86;
}

.check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.check__input {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.check__input:checked+.check__icon .icon {
    opacity: 1;
}

.check__icon {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
}

.check__icon .icon {
    width: 100%;
    height: 100%;
    fill: #fff;
    opacity: 0;
    transition: 0.2s;
}

.check__icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #fff;
    border-radius: 50%;
}

.check__text {
    font-size: 14px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 17px;
    text-transform: uppercase;
}

.textarea {
    position: relative;
}

.textarea__input {
    height: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: none;
}

.textarea__count {
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 16px;
    color: #6F7482;
    line-height: 20px;
}

.select {
    position: relative;
}

.select__select {
    color: #19191B;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

.select__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    fill: #19191B;
    pointer-events: none;
    transform: translateY(-50%);
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.map-marker {
    width: 65px;
    height: 65px;
    cursor: pointer;
    transform: translate(-50%, -100%);
}

.map-marker>img {
    width: 100%;
    height: 100%;
}

.map-marker__balloon {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    width: 421px;
    min-height: 179px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 16px 0 rgba(25, 25, 27, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
}

.map-marker__balloon--visible {
    opacity: 1;
    pointer-events: all;
}

.map-marker__balloon-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 66px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.map-marker__balloon-x {
    width: 20px;
    flex-shrink: 0;
}

.map-marker__balloon-text {
    font-size: 16px;
    line-height: 19px;
    margin-top: 12px;
}

.breadcrumbs {
    margin-top: 32px;
}

.breadcrumbs--white .breadcrumbs__item {
    color: #fff;
}

.breadcrumbs--white .breadcrumbs__link:hover {
    color: #fff;
    text-decoration: underline;
}

.breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0;
}

.breadcrumbs__item {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    list-style-type: none;
    text-transform: uppercase;
}

.breadcrumbs__item:not(:first-child)::before {
    content: "/";
    display: inline-block;
    font-weight: normal;
    margin: 0 8px;
}

.breadcrumbs__link {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    transition: 0.2s;
}

.breadcrumbs__link:hover {
    color: #E3330A;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 160px;
}

@media (max-width: 1839px) {
    .pagination {
        margin-top: 140px;
    }
}

@media (max-width: 767px) {
    .pagination {
        margin-top: 60px;
    }
}

.pagination__arrow {
    width: 44px;
    height: 44px;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .pagination__arrow {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .pagination__arrow {
        width: 28px;
        height: 28px;
    }
}

.pagination__arrow--right {
    transform: rotate(180deg);
}

.pagination__arrow:hover {
    opacity: 0.4;
}

.pagination__item {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    color: #AFAFB7;
    line-height: 26px;
    background: #EDEDF5;
    border-radius: 50%;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .pagination__item {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .pagination__item {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 17px;
    }
}

.pagination__item--current,
.pagination__item:is(a):hover {
    color: #fff;
    background: #E3330A;
}

.document {
    display: inline-flex;
    gap: 8px;
}

.document__icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    fill: #E3330A;
}

.document__info {
    padding-top: 4px;
}

.document__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    transition: 0.2s;
}

.document__type {
    font-size: 14px;
    font-family: "Rooftop Mono";
    line-height: 17px;
    margin-top: 12px;
}

.document:hover .document__title {
    color: #E3330A;
}

.fancybox__footer,
.fancybox__infobar {
    display: none;
}

.fancybox__backdrop {
    background: rgba(0, 0, 0, 0.9);
}

.f-button {
    background: none !important;
}

.f-button svg {
    width: 40px;
    height: 40px;
    stroke: none;
}

.f-button[data-fancybox-close] {
    position: absolute;
    top: 40px;
    right: 40px;
}

.f-button:not([data-fancybox-close]):not([data-carousel-next]):not([data-carousel-prev]) {
    display: none;
}

.section__title {
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase;
}

.section__title--white {
    color: #fff;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding-bottom: 48px;
    overflow: scroll;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
    z-index: 200;
}

.mobile-menu--opened {
    opacity: 1;
    pointer-events: all;
}

.mobile-menu__head {
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu__logo {
    width: 112px;
}

.mobile-menu__x {
    width: 24px;
    height: 24px;
}

.mobile-menu__x .icon {
    width: 100%;
    height: 100%;
    fill: #000;
}

.mobile-menu__item {
    display: block;
    border-top: 1px solid #EDEDF5;
    padding: 19px 0 20px;
    cursor: pointer;
    transition: 0.2s;
}

.mobile-menu__item--opened .mobile-menu__item-icon {
    transform: rotate(180deg);
}

.mobile-menu__item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
}

.mobile-menu__item-icon {
    width: 20px;
    height: 20px;
    fill: #000;
    transition: 0.2s;
}

.mobile-menu__item-list {
    display: none;
    margin: 4px 0 27px;
}

.mobile-menu__item-link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 17px;
}

.mobile-menu__item-link+.mobile-menu__item-link {
    margin-top: 16px;
}

.mobile-menu__item-subtitle {
    font-size: 12px;
    font-weight: 500;
    color: #94949E;
    line-height: 14px;
}

.mobile-menu__item-subtitle~.mobile-menu__item-link {
    margin-top: 12px;
}

.mobile-menu__item-subtitle+.mobile-menu__item-link {
    margin-top: 16px;
}

.mobile-menu__item-subtitle:not(:first-child) {
    margin-top: 28px;
}

.mobile-menu__item:nth-child(2) {
    border-color: transparent;
}

.mobile-menu__contacts {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-top: 32px;
}

.mobile-menu__contacts-item {
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: -0.01em;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 5px 11px;
}

.mobile-menu__lang {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}

.mobile-menu::before {
    content: "";
    position: fixed;
    top: 100%;
    right: 0;
    left: 0;
    height: 1000px;
    background: #fff;
}

.header {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    transition: 0.2s;
    z-index: 100;
}

.header--hidden {
    pointer-events: none;
    transform: translateY(-100%);
}

.header .content-wrap,
.header .breadcrumbs {
    position: relative;
    height: 100px;
    display: flex;
    align-items: center;
}

.header__links {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

.header__link {
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    padding: 12px;
    text-transform: uppercase;
    transition: 0.2s;
}

.header__link-wrap {
    position: relative;
}

.header__link-wrap:hover .header__submenu {
    opacity: 1;
    visibility: visible;
}

.header__link:hover {
    background: #EDEDF5;
}

.header__search {
    position: absolute;
    top: 100%;
    right: 40px;
    width: 1167px;
    transition: 0.2s;
}

.header__search--hidden {
    transform: translateY(25px);
    opacity: 0;
    pointer-events: none;
}

.header__search-btn {
    margin-left: 144px;
    cursor: pointer;
}

.header__search-btn:hover .header__search-icon {
    opacity: 0.4;
}

.header__search-icon {
    width: 32px;
    height: 32px;
    fill: #000;
    transition: 0.2s;
}

.header__search-input {
    height: 64px;
    font-size: 18px;
    line-height: 22px;
    background: #fff;
    padding: 0 20px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.header__search-find {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
}

.header__search-find .icon {
    width: 32px;
    height: 32px;
    fill: #000;
    transition: 0.2s;
}

.header__search-find:hover .icon {
    opacity: 0.4;
}

.header__lang {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 16px;
    cursor: pointer;
    visibility: hidden;
}

.header__lang-icon {
    width: 12px;
    height: 12px;
}

.header__lang-text {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.header__submenu {
    position: absolute;
    top: 55px;
    left: 0;
    width: max-content;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 0 16px 0 rgba(25, 25, 27, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.header__submenu-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 16px;
    transition: 0.2s;
}

.header__submenu-link+.header__submenu-link {
    margin-top: 12px;
}

.header__submenu-link:first-child {
    margin-top: 0;
}

.header__submenu-link:hover {
    color: #E3330A;
}

.header__submenu-title {
    font-size: 14px;
    font-weight: 500;
    color: #7A7A86;
    line-height: 17px;
    margin-top: 28px;
}

.header__submenu-title:first-child {
    margin-top: 0;
}

.header__menu-btn {
    width: 24px;
    height: 24px;
    margin-left: 20px;
    cursor: pointer;
}

.header__menu-btn .icon {
    width: 100%;
    height: 100%;
    fill: #000;
    transition: 0.2s;
}

.header__menu-btn:hover .icon {
    opacity: 0.4;
}

.footer {
    background: #EDEDF5;
    margin-top: 180px;
    padding: 60px 0 40px;
}

.footer__columns {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 83px 20px;
}

.footer__column {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer__column-title {
    font-size: 12px;
    font-weight: 500;
    color: #94949E;
    line-height: 13px;
    text-transform: uppercase;
}

.footer__column-title--link {
    color: #000;
    transition: 0.2s;
}

.footer__column-title--link:hover {
    color: #E3330A;
}

.footer__column-title:not(:first-child) {
    margin-top: 40px;
}

.footer__column-link {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 17px;
    margin-top: 16px;
    transition: 0.2s;
}

.footer__column-link+.footer__column-link {
    margin-top: 10px;
}

.footer__column-link:hover {
    color: #E3330A;
}

.footer__column:nth-child(1) {
    grid-column: span 2;
}

.footer__column:nth-child(2) {
    grid-column: span 3;
}

.footer__column:nth-child(3) {
    grid-column: span 3;
}

.footer__contacts {
    grid-column: 10/span 3;
    padding-right: 100px;
}

.footer__contacts-socials {
    display: flex;
    gap: 12px;
}

.footer__contacts-social {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.footer__contacts-social .icon {
    width: 100%;
    height: 100%;
    fill: #000;
}

.footer__contacts-social::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: 2px solid #000;
    border-radius: 50%;
}

.footer__contacts-text {
    font-size: 14px;
    font-family: "Rooftop Mono";
    line-height: 17px;
    margin-top: 24px;
    text-transform: uppercase;
}

.footer__contacts-text a {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    transition: 0.2s;
}

.footer__contacts-text a:hover {
    color: #E3330A;
}

.footer__contacts-text+.footer__contacts-text {
    margin-top: 16px;
}

.footer__copy {
    grid-column: span 3;
    align-self: flex-end;
    font-size: 14px;
    font-family: "Rooftop Mono";
    line-height: 17px;
    text-transform: uppercase;
}

.footer__links {
    grid-column: 10/span 3;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding-right: 100px;
}

.footer__link {
    font-size: 14px;
    font-family: "Rooftop Mono";
    line-height: 17px;
    text-transform: uppercase;
    transition: 0.2s;
}

.footer__link:hover {
    color: #E3330A;
}

.heroscreen {
    padding-top: 34px;
}

.heroscreen__title {
    grid-column: span 8;
    padding-right: 100px;
}

.heroscreen__title-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.heroscreen__text {
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
}

.heroscreen__text-wrap {
    grid-column: span 4;
}

.heroscreen__btn {
    margin-top: 48px;
}

.heroscreen__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 111px;
}

.heroscreen__card {
    position: relative;
    height: 376px;
    background: #4970B5;
    border-radius: 8px;
    overflow: hidden;
}

.heroscreen__card-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 32px;
    transform: translateY(calc(100% - 64px - 34px));
    transition: 0.4s;
    z-index: 2;
}

.heroscreen__card-title {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.heroscreen__card-text {
    max-width: 305px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 16px;
    opacity: 0;
    transition: 0.2s;
}

.heroscreen__card-btn {
    margin-top: auto;
}

.heroscreen__card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    z-index: 1;
}

.heroscreen__card-img img {
    height: 100%;
    object-fit: cover;
}

.heroscreen__card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0;
}

.heroscreen__card-bg img {
    height: 100%;
    object-fit: cover;
}

.heroscreen__card:hover .heroscreen__card-content {
    transform: none;
}

.heroscreen__card:hover .heroscreen__card-text,
.heroscreen__card:hover .heroscreen__card-bg {
    opacity: 1;
}

.heroscreen__card:hover .heroscreen__card-img {
    opacity: 0;
}

.heroscreen__card:nth-child(1):hover .heroscreen__card-img {
    transform: translateX(-130px);
}

.heroscreen__card:nth-child(2):hover .heroscreen__card-img {
    transform: translateX(130px);
}

.heroscreen__contacts {
    display: flex;
    gap: 20px;
    margin-top: 48px;
}

.heroscreen__contacts-item {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 7px 15px;
    text-transform: uppercase;
    transition: 0.2s;
}

.heroscreen__contacts-item:hover {
    color: #E3330A;
}

.about {
    margin-top: 188px;
}

.about__title-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.about__title-left {
    grid-column: span 3;
}

.about__title-btn {
    margin-top: 28px;
}

.about__title-text {
    grid-column: 7/span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 3px;
}

.about__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 100px;
}

.about__item {
    position: relative;
    height: 523px;
    border-radius: 8px;
    overflow: hidden;
}

.about__item-content {
    position: relative;
    height: 100%;
    padding: 40px 24px;
    transition: 0.3s;
    z-index: 1;
}

.about__item-title {
    font-size: 100px;
    font-weight: normal;
    color: #fff;
    line-height: 70px;
    letter-spacing: -0.05em;
}

.about__item-title span {
    font-size: 24px;
    font-weight: 500;
    line-height: 1px;
    letter-spacing: 0;
}

.about__item-text {
    max-width: 330px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-top: 28px;
}

.about__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about__item-bg img {
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    transform-origin: top left;
}

.about__item:nth-child(2),
.about__item:nth-child(4) {
    height: 340px;
}

.about__item:nth-child(4) {
    margin-top: auto;
}

.about__item:hover .about__item-content {
    backdrop-filter: blur(2px);
}

.about__item:hover .about__item-bg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.about__slider {
    margin: 48px -20px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.about__slider-controls {
    margin-top: 32px;
}

.activity {
    margin-top: 180px;
}

.activity__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 60px;
}

.activity__item {
    position: relative;
    height: 625px;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 20px 32px 20px 20px;
    overflow: hidden;
    z-index: 1;
}

.activity__item-title {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.2s;
    position: relative;
    z-index: 2;
    color: #ffffff;
}

.activity__item-text {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 205px;
    opacity: 0;
    transform: translateY(-105px);
    transition: 0.3s;
}

.activity__item-img {
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s;
}

.activity__item:hover .activity__item-title {
    color: #fff;
}

.activity__item:hover .activity__item-text {
    opacity: 1;
    transform: none;
}

.activity__item:hover .activity__item-img {
    transform: translateY(150px);
    opacity: 0;
}

.activity__item:hover::before {
    opacity: 1;
}

.activity__item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(225deg, #4970B5, #20314F);
    opacity: 0;
    transition: 0.3s;
    z-index: -1;
}

.quality {
    margin-top: 180px;
}

.quality__title {
    grid-column: span 6;
}

.quality__title-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.quality__title-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
    padding-top: 194px;
}

.quality__wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.quality__left {
    grid-column: span 6;
    background: image-set(url(../images/quality__bg.png) 1x, url(../images/quality__bg.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/quality__bg.png) 1x, url(../images/quality__bg.webp) 1x) no-repeat center/cover;
    margin-right: -20px;
    padding: 40px;
}

.quality__left-title {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.quality__left-text {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-top: 200px;
}

.quality__right {
    grid-column: span 6;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EDEDF5;
}

.quality__right-img {
    width: 354px;
}

.news {
    margin-top: 180px;
    overflow: hidden;
}

.news__title-wrap {
    display: flex;
    align-items: center;
}

.news__title-btn {
    margin-left: auto;
}

.news__slider {
    width: 100%;
    grid-column: span 10;
    overflow: visible;
}

.news__slider-controls {
    margin-left: 32px;
}

.news__slider-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.news__item {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.news__item-img {
    grid-column: span 5;
}

.news__item-content {
    grid-column: span 5;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #EDEDF5;
    margin-left: -20px;
    padding: 42px 39px 42px 40px;
}

.news__item-title {
    font-size: 28px;
    font-weight: 500;
}

.news__item-btn {
    margin-top: auto;
}

.feedback {
    background: #4970B5;
    margin-top: 180px;
    padding: 160px 0;
}

.feedback__form {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
}

.feedback__form-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 12px 20px;
    grid-column: 2/span 10;
    margin-top: 60px;
}

.feedback__form-input {
    grid-column: span 5;
}

.feedback__form-textarea {
    grid-column: span 5;
    grid-row: span 3;
}

.feedback__form-textarea--two-row {
    grid-row: span 2;
}

.feedback__form-select {
    grid-column: span 5;
}

.feedback__form-check {
    width: max-content;
    grid-column: 2/span 10;
    margin-top: 48px;
}

.feedback__form-btn {
    width: max-content;
    grid-column: 2/span 10;
    margin-top: 48px;
}

.feedback__title {
    grid-column: 2/span 10;
}

.contacts {
    margin-top: 174px;
}

.contacts__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.contacts__left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: linear-gradient(244.38deg, #4970B5, #20314F);
    border-radius: 8px;
    padding: 60px 40px;
}

.contacts__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: auto;
    max-width: 590px;
}

.contacts__column-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
}

.contacts__column-title:not(:first-child) {
    margin-top: 28px;
}

.contacts__column-contact {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 12px;
}

.contacts__column-contact a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.contacts__column-contact a:hover {
    text-decoration: underline;
}

.contacts__column-contact+.contacts__column-contact {
    margin-top: 4px;
}

.contacts__column-address {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 12px;
}

.contacts__map {
    height: 593px;
    border-radius: 8px;
    overflow: hidden;
}

.about-page__history {
    margin-top: 30px;
}

.about-page__history-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.about-page__history-img {
    border-radius: 8px;
    overflow: hidden;
}

.about-page__history-right {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #8B66E8;
    border-radius: 8px;
    padding: 40px;
    overflow: hidden;
    z-index: 1;
}

.about-page__history-right:hover::before {
    opacity: 0;
}

.about-page__history-right::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(72.52deg, #8B66E8, #E3330A);
    transition: 0.2s;
    z-index: -1;
}

.about-page__history-subtitle {
    max-width: 533px;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    line-height: 58px;
    text-transform: uppercase;
}

.about-page__history-text {
    max-width: 619px;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: auto;
}

.about-page__history-btn {
    margin-top: 40px;
}

.about-page__history-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.about-page__history-note {
    grid-column: 7/span 5;
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
}

.about-page__history-asterisk {
    width: 120px;
}

.about-page__mission {
    margin-top: 160px;
}

.about-page__mission-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.about-page__mission-left {
    display: flex;
    flex-direction: column;
    background: #8B66E8;
    margin-right: -20px;
    padding: 40px;
}

.about-page__mission-text {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 29px;
    margin-top: auto;
}

.about-page__prod {
    margin-top: 180px;
    overflow: hidden;
}

.about-page__prod-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.about-page__prod-title {
    grid-column: span 4;
}

.about-page__prod-text {
    grid-column: 7/span 4;
    font-size: 18px;
    line-height: 22px;
    padding-right: 18px;
}

.about-page__prod-item {
    width: 49.43181%;
}

.about-page__prod-item img {
    transform: scale(48.73563%);
    transition: 0.4s;
}

.about-page__prod-item:has(+ .swiper-slide-active) img {
    transform-origin: bottom right;
}

.about-page__prod-slider {
    overflow: visible;
    margin-top: 60px;
}

.about-page__prod-slider .swiper-slide-active img {
    transform: none;
}

.about-page__prod-slider .swiper-slide-active+.swiper-slide img {
    transform-origin: top left;
}

.about-page__prod-controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.about-page__prod-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.about-page__team {
    margin-top: 180px;
}

.about-page__team-wrap {
    display: flex;
    align-items: center;
}

.about-page__team-controls {
    margin-left: 32px;
}

.about-page__team-btn {
    margin-left: auto;
}

.about-page__team-slider {
    margin-top: 60px;
}

.about-page__team-item {
    width: calc((100% - 40px) / 3);
}

.about-page__team-img {
    border-radius: 8px;
    overflow: hidden;
}

.about-page__team-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 40px;
    text-transform: uppercase;
}

.about-page__team-role {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 12px;
}

.quality-page__desc {
    margin-top: 64px;
}

.quality-page__desc-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.quality-page__desc-title {
    grid-column: span 5;
}

.quality-page__desc-right {
    grid-column: 7/span 6;
}

.quality-page__desc-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.quality-page__desc-text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 28px;
}

.quality-page__desc .quality__wrap {
    margin-top: 180px;
}

.quality-page__desc .quality__left-title {
    font-size: 48px;
    line-height: 58px;
}

.quality-page__desc .quality__left-text {
    font-size: 26px;
    line-height: 29px;
}

.quality-page__desc .quality__right-img {
    width: 450px;
}

.quality-page__trust {
    margin-top: 180px;
}

.quality-page__trust-title {
    max-width: 670px;
}

.quality-page__trust-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.quality-page__trust-left {
    grid-column: span 5;
}

.quality-page__trust-right {
    grid-column: 7/span 6;
    padding-top: 10px;
}

.quality-page__trust-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.quality-page__trust-subtitle:not(:first-child) {
    margin-top: 60px;
}

.quality-page__trust-text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 40px;
}

.quality-page__trust-text--right {
    margin-top: 48px;
}

.quality-page__trust-cert {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    background: image-set(url(../images/quality-page__trust-bg.png) 1x, url(../images/quality-page__trust-bg.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/quality-page__trust-bg.png) 1x, url(../images/quality-page__trust-bg.webp) 1x) no-repeat center/cover;
    border-radius: 8px;
    padding: 40px;
}

.quality-page__trust-doc {
    margin-top: 28px;
}

.quality-page__stages {
    margin-top: 177px;
}

.quality-page__stages-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.quality-page__stages-title {
    grid-column: span 5;
}

.quality-page__stages-text {
    grid-column: 7/span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 6px;
}

.quality-page__stages-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 100px;
}

.quality-page__stages-item {
    background: #EDEDF5;
    border-radius: 8px;
    padding: 40px 40px 117px;
}

.quality-page__stages-item:nth-child(1) {
    background: #E3330A;
}

.quality-page__stages-item:nth-child(3) {
    background: #8B66E8;
}

.quality-page__stages-item:nth-child(1) .quality-page__stages-subtitle,
.quality-page__stages-item:nth-child(1) .quality-page__stages-desc,
.quality-page__stages-item:nth-child(3) .quality-page__stages-subtitle,
.quality-page__stages-item:nth-child(3) .quality-page__stages-desc {
    color: #fff;
}

.quality-page__stages-img {
    width: auto;
}

.quality-page__stages-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 48px;
}

.quality-page__stages-desc {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
}

.quality-page__stages-btn {
    margin-top: 48px;
}

.licenses-page__list {
    margin-top: 64px;
}

.licenses-page__list-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 20px;
    margin-top: 90px;
}

.partners-page__list {
    margin-top: 64px;
}

.partners-page__list-items {
    margin-top: 180px;
}

.partners-page__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: flex-start;
    border-bottom: 1px solid #C9C9CF;
    padding-bottom: 47px;
}

.partners-page__item-title {
    display: flex;
    align-items: center;
    gap: 48px;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.partners-page__item-num {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    flex-shrink: 0;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: #8B66E8;
    border-radius: 50%;
}

.partners-page__item-links {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}

.partners-page__item-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    line-height: 22px;
    transition: 0.2s;
}

.partners-page__item-link:hover {
    color: #E3330A;
}

.partners-page__item-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: #E3330A;
}

.partners-page__item+.partners-page__item {
    margin-top: 48px;
}

.customers-page__list {
    margin-top: 64px;
}

.customers-page__list-outer {
    margin-top: 90px;
    overflow: hidden;
}

.customers-page__list-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 1px;
    background: #EDEDF5;
    margin-left: -10px;
    margin-right: -10px;
}

.customers-page__list-item {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #EDEDF5;
    padding: 0 10px;
}

.customers-page__list-item:nth-last-child(-n+4) {
    border-bottom: none;
}

.customers-page__list-item:hover::before {
    opacity: 0;
}

.customers-page__list-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    mix-blend-mode: color;
    transition: 0.2s;
}

@media (max-width: 991px) {
    .customers-page__list-item::before {
        opacity: 0;
    }
}

.reviews-page__list {
    margin-top: 64px;
}

.reviews-page__list-wrap {
    margin-top: 90px;
}

.reviews-page__item {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: #4970B5;
    border-radius: 8px;
    padding: 40px 0;
}

.reviews-page__item-left {
    grid-column: span 4;
    padding-left: 40px;
}

.reviews-page__item-text {
    grid-column: span 6;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
}

.reviews-page__item-text ul,
.reviews-page__item-text ol {
    margin: 22px 0;
    padding: 0 0 0 27px;
}

.reviews-page__item-title {
    max-width: 385px;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    text-transform: uppercase;
}

.reviews-page__item-btn {
    margin-top: 60px;
}

.reviews-page__item-more {
    width: max-content;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    text-decoration: underline;
    text-transform: uppercase;
}

.reviews-page__item+.reviews-page__item {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .reviews-page__item+.reviews-page__item {
        margin-top: 20px;
    }
}

.management-page__list {
    margin-top: 44px;
}

.management-page__list-ceo {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.management-page__list-img {
    grid-column: 3/span 4;
    border-radius: 8px;
    overflow: hidden;
}

.management-page__list-right {
    grid-column: span 6;
}

.management-page__list-text {
    height: 371px;
    background: image-set(url(../images/management-page__ceo-bg.png) 1x, url(../images/management-page__ceo-bg.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/management-page__ceo-bg.png) 1x, url(../images/management-page__ceo-bg.webp) 1x) no-repeat center/cover;
    border-radius: 8px;
    padding: 40px;
}

.management-page__list-text p {
    max-width: 676px;
    font-size: 16px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 19px;
}

.management-page__list-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 48px;
    text-transform: uppercase;
}

.management-page__list-role {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 8px;
}

.management-page__list-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 20px;
    margin-top: 397px;
}

.management-page__item-img {
    border-radius: 8px;
    overflow: hidden;
}

.management-page__item-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 24px;
    text-transform: uppercase;
}

.management-page__item-role {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 8px;
}

.management-page__item:nth-child(4n+2) {
    margin-top: 260px;
}

.management-page__item:nth-child(4n+3) {
    margin-top: -267px;
}

.management-page__item:nth-child(4n+4) {
    margin-top: -7px;
}

.gallery-page__list {
    margin-top: 64px;
}

.gallery-page__list-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.gallery-page__list-btns {
    display: flex;
    gap: 20px;
}

.gallery-page__list-btn {
    position: relative;
    width: 210px;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s;
    cursor: pointer;
    z-index: 1;
}

.gallery-page__list-btn--active {
    color: #fff;
    background: #E3330A;
    border-color: transparent;
}

.gallery-page__list-btn:not(.gallery-page__list-btn--active):hover {
    color: #fff;
    background: #E3330A;
    border-color: transparent;
}

.gallery-page__list-btn:not(.gallery-page__list-btn--active):hover::before {
    opacity: 1;
}

.gallery-page__list-btn::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: linear-gradient(270deg, #8B66E8, #E3330A);
    border-radius: 100px;
    opacity: 0;
    transition: 0.2s;
    z-index: -1;
}

.gallery-page__list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
    margin-top: 60px;
}

.gallery-page__list-grid--hidden {
    display: none;
}

.gallery-page__album-img {
    border-radius: 8px;
    overflow: hidden;
}

.gallery-page__album-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 16px;
    text-transform: uppercase;
    transition: 0.2s;
}

.gallery-page__album-icon {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    fill: #000;
    align-self: flex-start;
}

.gallery-page__album:hover .gallery-page__album-title {
    color: #E3330A;
}

.gallery-page__photos {
    margin-top: 64px;
}

.gallery-page__photos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.gallery-page__photos-img {
    aspect-ratio: 1.773993808;
}

.gallery-page__photos-img img {
    height: 100%;
    object-fit: cover;
}

.breathalyzers-page__heroscreen {
    margin-top: 31px;
}

.breathalyzers-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    background: linear-gradient(244.18deg, #8FDAFF, #8B66E8);
    border-radius: 8px;
    padding: 40px 0 44px;
}

.breathalyzers-page__heroscreen-breadcrumbs {
    width: 100%;
    grid-column: span 6;
    margin-top: 0;
}

.breathalyzers-page__heroscreen-content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0 20px;
    grid-column: span 7;
}

.breathalyzers-page__heroscreen-title {
    grid-column: 2/span 6;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    line-height: 57px;
    margin-top: 175px;
    text-transform: uppercase;
}

.breathalyzers-page__heroscreen-title span {
    grid-column: span 5;
}

.breathalyzers-page__heroscreen-title span:last-child {
    grid-column: 2/span 4;
}

.breathalyzers-page__heroscreen-text {
    max-width: 440px;
    grid-column: 3/span 4;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 32px;
}

.breathalyzers-page__heroscreen-btn {
    width: max-content;
    grid-column: 3/span 2;
    margin-top: 60px;
}

.breathalyzers-page__heroscreen-btns {
    grid-column: span 6;
    display: flex;
    gap: 30px;
    margin-top: 132px;
    padding: 0 40px;
}

.breathalyzers-page__heroscreen-img {
    grid-column: span 4;
    margin: -40px 0 -44px;
}

.breathalyzers-page__heroscreen-img img {
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.breathalyzers-page__about {
    margin-top: 180px;
    overflow: hidden;
}

.breathalyzers-page__about-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.breathalyzers-page__about-title {
    grid-column: span 6;
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
}

.breathalyzers-page__about-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
    padding-top: 121px;
}

.breathalyzers-page__about .about-page__prod-slider {
    margin-top: 80px;
}

.breathalyzers-page__video {
    margin-top: 180px;
}

.breathalyzers-page__video-wrap {
    border-radius: 8px;
    overflow: hidden;
}

.breathalyzers-page__video iframe {
    width: 100%;
    display: block;
    aspect-ratio: 1.7795753286;
}

.breathalyzers-page__stats {
    margin-top: 180px;
}

.breathalyzers-page__stats-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.breathalyzers-page__stats-title {
    grid-column: span 6;
}

.breathalyzers-page__stats-text {
    grid-column: span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 136px;
}

.breathalyzers-page__model {
    margin-top: 180px;
}

.breathalyzers-page__model-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.breathalyzers-page__model-wrap:not(:first-child) {
    margin-top: 60px;
}

.breathalyzers-page__model-title {
    grid-column: span 7;
}

.breathalyzers-page__model-slider {
    width: 100%;
    grid-column: span 7;
    border-radius: 8px;
    overflow: hidden;
}

.breathalyzers-page__model-item {
    height: 647px;
    display: flex;
    flex-direction: column;
    padding: 60px;
}

.breathalyzers-page__model-subtitle {
    max-width: 596px;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 49px;
    text-transform: uppercase;
}

.breathalyzers-page__model-text {
    max-width: 670px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    margin-top: 48px;
}

.breathalyzers-page__model-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.breathalyzers-page__model-bg img {
    height: 100%;
    object-fit: cover;
}

.breathalyzers-page__model-controls {
    margin-top: auto;
}

.breathalyzers-page__model-right {
    position: relative;
    grid-column: span 5;
    background: #EDEDF5;
    border-radius: 8px;
    overflow: hidden;
}

.breathalyzers-page__model-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.3s;
}

.breathalyzers-page__model-img--hidden {
    opacity: 0;
}

.breathalyzers-page__model-img img {
    height: 100%;
    object-fit: cover;
}

.breathalyzers-page__info {
    position: relative;
    background: #8B66E8;
    margin-top: 180px;
    padding: 171px 0 591px;
    z-index: 1;
}

.breathalyzers-page__info-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.breathalyzers-page__info-title {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0 20px;
    grid-column: span 7;
}

.breathalyzers-page__info-title span {
    max-width: 817px;
    grid-column: span 7;
}

.breathalyzers-page__info-title span:last-child {
    max-width: 686px;
    grid-column: 3/span 5;
}

.breathalyzers-page__info-text {
    grid-column: 9/span 3;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    padding-top: 9px;
}

.breathalyzers-page__info-icon {
    position: absolute;
    left: calc(50% - 352px);
    bottom: 149px;
    width: 490px;
    z-index: -1;
}

.breathalyzers-page__info-icon+.breathalyzers-page__info-icon {
    left: calc(50% + 158px);
}

.breathalyzers-page__advantages {
    margin-top: 180px;
}

.breathalyzers-page__advantages-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
}

.breathalyzers-page__advantages-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(46.54deg, #8B66E8, #E3330A);
    border-radius: 8px;
    padding: 20px;
    overflow: hidden;
    aspect-ratio: 1;
    z-index: 1;
}

.breathalyzers-page__advantages-item:nth-of-type(3n+2) {
    background: #EDEDF5;
}

.breathalyzers-page__advantages-item:nth-of-type(3n+2) .breathalyzers-page__advantages-subtitle {
    color: #000;
}

.breathalyzers-page__advantages-item:hover .breathalyzers-page__advantages-subtitle {
    opacity: 0;
}

.breathalyzers-page__advantages-item:hover .breathalyzers-page__advantages-text {
    opacity: 1;
    transform: none;
}

.breathalyzers-page__advantages-item:hover .breathalyzers-page__advantages-icon {
    transform: scale(1.0625);
}

.breathalyzers-page__advantages-item:hover::before {
    opacity: 1;
}

.breathalyzers-page__advantages-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #E3330A;
    opacity: 0;
    transition: 0.2s;
    z-index: -1;
}

.breathalyzers-page__advantages-subtitle {
    max-width: 285px;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    text-transform: uppercase;
    transition: 0.2s;
}

.breathalyzers-page__advantages-text {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 32px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    transform: translateY(66px);
    opacity: 0;
    transition: 0.2s;
}

.breathalyzers-page__advantages-icon {
    width: 190px;
    margin-top: auto;
    transform-origin: bottom left;
    transition: 0.2s;
}

.breathalyzers-page__customers {
    margin-top: 180px;
}

.breathalyzers-page__customers-title {
    max-width: 785px;
}

.breathalyzers-page__customers .customers-page__list-outer {
    margin-top: 60px;
}

.breathalyzers-page__certs {
    margin-top: 180px;
}

.breathalyzers-page__certs-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.breathalyzers-page__certs-left {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    background: #8B66E8;
    margin-right: -20px;
    padding: 40px;
}

.breathalyzers-page__certs-text {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 29px;
    margin-top: auto;
}

.breathalyzers-page__certs-img {
    grid-column: span 6;
}

.breathalyzers-page__specs {
    margin-top: 180px;
}

.breathalyzers-page__specs-title {
    max-width: 785px;
}

.breathalyzers-page__specs-table {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    margin-top: 60px;
}

.breathalyzers-page__specs-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    grid-column: 3/span 10;
}

.breathalyzers-page__specs-row:nth-child(2n) {
    background: #F8F8FB;
}

.breathalyzers-page__specs-col {
    font-size: 18px;
    line-height: 22px;
    padding: 16px 16px 16px 0;
}

.breathalyzers-page__specs-col:first-child {
    font-weight: 500;
    padding: 16px 0 16px 16px;
}

.breathalyzers-page__specs-col:last-child {
    max-width: 424px;
}

.breathalyzers-page__map {
    margin-top: 180px;
}

.breathalyzers-page__map-title {
    max-width: 841px;
}

.breathalyzers-page__map-wrap {
    height: 815px;
    border-radius: 8px;
    margin-top: 60px;
    overflow: hidden;
}

.breathalyzers-page__managers {
    margin-top: 176px;
}

.breathalyzers-page__managers-title {
    max-width: 870px;
}

.breathalyzers-page__managers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.breathalyzers-page__managers-item {
    min-height: 156px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 32px;
}

.breathalyzers-page__managers-item:first-child {
    background: linear-gradient(84.17deg, #8B66E8, #E3330A);
}

.breathalyzers-page__managers-item:first-child .breathalyzers-page__managers-subtitle,
.breathalyzers-page__managers-item:first-child .breathalyzers-page__managers-name,
.breathalyzers-page__managers-item:first-child .breathalyzers-page__managers-contact {
    color: #fff;
}

.breathalyzers-page__managers-column {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.breathalyzers-page__managers-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.breathalyzers-page__managers-name {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

.breathalyzers-page__managers-name+.breathalyzers-page__managers-contact {
    margin-top: 12px;
}

.breathalyzers-page__managers-contact {
    font-size: 18px;
    line-height: 22px;
}

.breathalyzers-page__managers-contact+.breathalyzers-page__managers-contact {
    margin-top: 4px;
}

.breathalyzers-page__managers-contact+.breathalyzers-page__managers-name {
    margin-top: 12px;
}

.breathalyzers-page__managers-contact:hover {
    text-decoration: underline;
}

.breathalyzers-page__reviews {
    margin-top: 180px;
    overflow: hidden;
}

.breathalyzers-page__reviews-wrap {
    display: flex;
    align-items: center;
}

.breathalyzers-page__reviews-controls {
    margin-left: 32px;
}

.breathalyzers-page__reviews-btn {
    align-self: flex-end;
    margin-left: auto;
}

.breathalyzers-page__reviews-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 45px;
}

.breathalyzers-page__reviews-slider {
    width: 100%;
    grid-column: span 9;
    overflow: visible;
}

@media (max-width: 767px) {
    .breathalyzers-page__reviews-slider {
        grid-column: span 12 !important;
    }
}

.breathalyzers-page__reviews-item {
    background: #F8F8FB;
}

.breathalyzers-page__reviews-item .reviews-page__item-title,
.breathalyzers-page__reviews-item .reviews-page__item-text {
    color: #000;
}

.breathalyzers-page__reviews-item+.breathalyzers-page__reviews-item {
    margin-top: 0;
}

.breathalyzers-page__related {
    margin-top: 180px;
}

.breathalyzers-page__related-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 60px;
    border-radius: 8px;
    overflow: hidden;
}

.breathalyzers-page__related-left {
    grid-column: span 5;
    background: #8B66E8;
    margin-right: -20px;
}

.breathalyzers-page__related-right {
    grid-column: span 7;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #EDEDF5;
    padding: 60px;
}

.breathalyzers-page__related-subtitle {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    text-transform: uppercase;
}

.breathalyzers-page__related-text {
    max-width: 810px;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 24px;
}

.breathalyzers-page__related-btn {
    margin-top: auto;
}

.alcolocks-page__heroscreen {
    margin-top: 32px;
}

.alcolocks-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.alcolocks-page__heroscreen-left {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
}

.alcolocks-page__heroscreen-breadcrumbs {
    width: 100%;
    grid-column: span 6;
    margin-top: 0;
    padding: 0;
}

.alcolocks-page__heroscreen-title {
    max-width: 670px;
    grid-column: span 6;
    margin-top: 248px;
}

.alcolocks-page__heroscreen-text {
    grid-column: 2/span 4;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 40px;
}

.alcolocks-page__heroscreen-btn {
    width: max-content;
    grid-column: 2/span 5;
    margin-top: 60px;
}

.alcolocks-page__heroscreen-download {
    width: max-content;
    grid-column: span 6;
    margin-top: 122px;
}

.alcolocks-page__heroscreen-right {
    background: #8B66E8;
    border-radius: 8px;
    overflow: hidden;
    height: 808px;
}

@media(max-width: 1839px) {
    .alcolocks-page__heroscreen-right {
        height: inherit;
    }
}

.alcolocks-page__heroscreen-img img {
    height: 100%;
    object-fit: cover;
}

.alcolocks-page__integration {
    margin-top: 240px;
    overflow: hidden;
}

.alcolocks-page__integration-title {
    max-width: 1015px;
}

.alcolocks-page__integration .about-page__prod-slider {
    margin-top: 100px;
}

.alcolocks-page__purpose {
    margin-top: 180px;
}

.alcolocks-page__purpose-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.alcolocks-page__purpose-item:nth-child(1) .alcolocks-page__purpose-inner {
    height: 490px;
    background: image-set(url(../images/alcolocks-page__purpose-bg-1.png) 1x, url(../images/alcolocks-page__purpose-bg-1.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/alcolocks-page__purpose-bg-1.png) 1x, url(../images/alcolocks-page__purpose-bg-1.webp) 1x) no-repeat center/cover;
}

.alcolocks-page__purpose-item:nth-child(2) .alcolocks-page__purpose-inner {
    height: 490px;
    background: image-set(url(../images/alcolocks-page__purpose-bg-2.png) 1x, url(../images/alcolocks-page__purpose-bg-2.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/alcolocks-page__purpose-bg-2.png) 1x, url(../images/alcolocks-page__purpose-bg-2.webp) 1x) no-repeat center/cover;
}

.alcolocks-page__purpose-item:nth-child(3) .alcolocks-page__purpose-inner {
    height: 312px;
    background: image-set(url(../images/alcolocks-page__purpose-bg-3.png) 1x, url(../images/alcolocks-page__purpose-bg-3.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/alcolocks-page__purpose-bg-3.png) 1x, url(../images/alcolocks-page__purpose-bg-3.webp) 1x) no-repeat center/cover;
}

.alcolocks-page__purpose-inner {
    border-radius: 8px;
    padding: 32px 28px 0;
}

.alcolocks-page__purpose-subtitle {
    font-size: 120px;
    color: #fff;
    line-height: 84px;
}

.alcolocks-page__purpose-text {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    margin-top: 48px;
}

.alcolocks-page__purpose-after {
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 60px;
}

.alcolocks-page__components {
    margin-top: 180px;
    overflow: hidden;
}

.alcolocks-page__components-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.alcolocks-page__components-title {
    max-width: 870px;
}

.alcolocks-page__components-slider {
    margin-top: 80px;
    overflow: visible;
}

.alcolocks-page__components-item {
    width: calc((100% - 220px) / 12 * 4 + 60px);
    height: auto;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 40px;
    overflow: hidden;
}

.alcolocks-page__components-item:hover .alcolocks-page__components-icon {
    transform: scale(1.0568181818);
}

@media (max-width: 767px) {
    .alcolocks-page__components-item:hover .alcolocks-page__components-icon {
        transform: none;
    }
}

.alcolocks-page__components-item:hover .alcolocks-page__components-subtitle,
.alcolocks-page__components-item:hover .alcolocks-page__components-text {
    color: #fff;
}

@media (max-width: 767px) {

    .alcolocks-page__components-item:hover .alcolocks-page__components-subtitle,
    .alcolocks-page__components-item:hover .alcolocks-page__components-text {
        color: #000;
    }
}

.alcolocks-page__components-item:hover::before {
    opacity: 1;
}

@media (max-width: 767px) {
    .alcolocks-page__components-item:hover::before {
        opacity: 0;
    }
}

.alcolocks-page__components-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
    transition: 0.2s;
    opacity: 0;
    z-index: -1;
}

.alcolocks-page__components-icon {
    width: 176px;
    transition: 0.2s;
}

.alcolocks-page__components-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 42px;
    transition: 0.2s;
}

.alcolocks-page__components-text {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
    transition: 0.2s;
}

.alcolocks-page__specs {
    margin-top: 180px;
}

.alcolocks-page__specs-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.alcolocks-page__specs-title {
    grid-column: span 5;
}

.alcolocks-page__specs-text {
    grid-column: 7/span 6;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 51px;
}

.alcolocks-page__specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.alcolocks-page__specs-item {
    background: #8B66E8;
    border-radius: 8px;
    padding: 40px 20px 33px;
}

.alcolocks-page__specs-item:nth-child(2n+1) {
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
}

.alcolocks-page__specs-subtitle {
    font-size: 120px;
    color: #fff;
    line-height: 84px;
    letter-spacing: -0.05em;
}

.alcolocks-page__specs-desc {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-top: 40px;
}

.alcolocks-page__advantages .breathalyzers-page__model-item {
    padding: 60px 48px 48px;
}

.alcolocks-page__advantages .breathalyzers-page__model-subtitle {
    font-size: 160px;
    font-weight: normal;
    line-height: 112px;
}

.alcolocks-page__advantages .breathalyzers-page__model-text {
    line-height: 29px;
    margin-top: 80px;
}

.alcolocks-page__related .breathalyzers-page__related-left {
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
}

.case-page__content {
    margin-top: 80px;
}

.case-page__content-title {
    max-width: 1018px;
}

.case-page__content-slider {
    margin-top: 80px;
}

.case-page__content-item {
    width: calc(33.3333333333% - 13.3333333333px);
    background: #EDEDF5;
}

.case-page__content-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 180px;
}

.case-page__content-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
}

.case-page__content-text+.case-page__content-text {
    grid-column: 7/span 5;
}

.service-page__heroscreen {
    margin-top: 32px;
}

.service-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: linear-gradient(76.24deg, #8B66E8 0%, #E3330A 61.9%);
    border-radius: 8px;
    overflow: hidden;
}

.service-page__heroscreen-left {
    grid-column: span 6;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: max-content;
    gap: 0 20px;
    align-items: flex-start;
    padding-top: 274px;
}

.service-page__heroscreen-img {
    grid-column: span 6;
}

.service-page__heroscreen-title {
    grid-column: 2/span 4;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    line-height: 58px;
    text-transform: uppercase;
}

.service-page__heroscreen-text {
    grid-column: 2/span 4;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 28px;
}

.service-page__heroscreen-after {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 180px;
}

.service-page__heroscreen-desc {
    grid-column: span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.service-page__heroscreen-desc+.service-page__heroscreen-desc {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    grid-column: 7/span 5;
}

.service-page__advantages {
    margin-top: 180px;
}

.service-page__advantages-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.service-page__advantages-title {
    grid-column: span 6;
    padding-right: 85px;
}

.service-page__advantages-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
    padding-top: 136px;
}

.service-page__advantages-controls {
    margin-top: 80px;
}

.service-page__advantages-slider {
    margin-top: 60px;
}

.service-page__advantages-item {
    width: calc(25% - 15px);
}

.service-page__related {
    margin-top: 180px;
}

.service-page__related-slider {
    margin-top: 60px;
}

.service-page__related-item {
    width: calc(50% - 10px);
    background: #F8F8FB;
    border-radius: 8px;
    overflow: hidden;
}

.service-page__related-content {
    padding: 32px 32px 40px;
}

.service-page__related-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.service-page__related-btn {
    margin-top: 120px;
}

.printing-page__heroscreen {
    margin-top: 32px;
}

.printing-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.printing-page__heroscreen-left {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: max-content max-content max-content auto;
    gap: 0 20px;
    grid-column: span 6;
}

.printing-page__heroscreen-right {
    grid-column: span 6;
    background: #8B66E8;
    border-radius: 8px;
    overflow: hidden;
    height: 808px;
}

@media(max-width: 1839px) {
    .printing-page__heroscreen-right {
        height: inherit;
        max-height: 637px;
    }
}

.printing-page__heroscreen-breadcrumbs {
    width: 100%;
    grid-column: span 6;
    margin-top: 0;
    padding: 0;
}

.printing-page__heroscreen-title {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
    grid-column: span 4;
    margin-top: 237px;
}

.printing-page__heroscreen-title span {
    grid-column: span 4;
}

.printing-page__heroscreen-title span:last-child {
    grid-column: 2/span 3;
}

.printing-page__heroscreen-btn {
    width: max-content;
    grid-column: 2/span 3;
    margin-top: 60px;
}

.printing-page__heroscreen-btns {
    display: flex;
    gap: 20px;
    grid-column: span 6;
    margin-top: auto;
}

.printing-page__about {
    margin-top: 180px;
}

.printing-page__about-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.printing-page__about-left {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: image-set(url(../images/printing-page__about-bg.png) 1x, url(../images/printing-page__about-bg.webp) 1x) no-repeat center/cover;
    background: -webkit-image-set(url(../images/printing-page__about-bg.png) 1x, url(../images/printing-page__about-bg.webp) 1x) no-repeat center/cover;
    margin-right: -20px;
    padding: 60px 91px 0 40px;
}

.printing-page__about-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 120px;
}

.printing-page__about-title {
    grid-column: span 3;
}

.printing-page__about-list {
    grid-column: span 5;
    padding-top: 103px;
}

.printing-page__about-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.printing-page__about-list ul li {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    padding-left: 20px;
}

.printing-page__about-list ul li+li {
    margin-top: 12px;
}

.printing-page__about-list ul li::before {
    content: "";
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #E3330A;
    border-radius: 50%;
}

.printing-page__about-list+.printing-page__about-list {
    grid-column: span 4;
}

.printing-page__services {
    background: linear-gradient(180deg, #8B66E8 0%, #E3330A 100%);
    margin-top: 180px;
    padding: 120px 0;
}

.printing-page__services-title {
    max-width: 737px;
}

.printing-page__services-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.printing-page__services-item {
    border-radius: 8px;
    overflow: hidden;
}

.printing-page__services-content {
    background: #F8F8FB;
    padding: 28px;
}

.printing-page__services-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.printing-page__services-btn {
    margin-top: 195px;
}

.printing-page__operations {
    margin-top: 180px;
}

.printing-page__operations-title {
    max-width: 1018px;
    font-size: 36px;
    line-height: 43px;
}

.printing-page__operations-slider {
    margin-top: 60px;
}

.printing-page__operations-item {
    width: calc(25% - 15px);
    height: 360px;
    display: flex;
    flex-direction: column;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 24px;
    transition: background 0.2s;
}

@media (min-width: 992px) {
    .printing-page__operations-item:hover {
        background: #4970B5;
    }

    .printing-page__operations-item:hover .printing-page__operations-subtitle {
        color: #fff;
    }

    .printing-page__operations-item:hover .printing-page__operations-icon {
        transform: scale(1.0691823899);
    }
}

.printing-page__operations-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: 0.2s;
}

.printing-page__operations-icon {
    width: 160px;
    margin-top: auto;
    transform-origin: bottom left;
    transition: 0.2s;
}

.printing-page__cases {
    margin-top: 180px;
    overflow: hidden;
}

.printing-page__cases-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: flex-start;
}

.printing-page__cases-left {
    grid-column: span 6;
    display: flex;
    align-items: center;
    gap: 32px;
}

.printing-page__cases-text {
    grid-column: span 5;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
}

.printing-page__cases-items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 100px;
}

.printing-page__cases-slider {
    width: 100%;
    grid-column: span 10;
    overflow: visible;
}

.printing-page__cases-item {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.printing-page__cases-img {
    grid-column: span 5;
    background: #EDEDF5;
}

.printing-page__cases-content {
    grid-column: span 5;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #F8F8FB;
    margin-left: -20px;
    padding: 60px 80px 60px 60px;
}

.printing-page__cases-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.printing-page__cases-desc {
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 40px;
}

.printing-page__cases-btn {
    margin-top: auto;
}

.printing-page__related {
    margin-top: 259px;
}

.printing-page__related .breathalyzers-page__related-wrap {
    margin-top: 0;
}

.printers-page__heroscreen .printing-page__heroscreen-title {
    grid-template-columns: repeat(5, 1fr);
    grid-column: span 5;
    margin-top: 278px;
}

.printers-page__heroscreen .printing-page__heroscreen-title span {
    grid-column: span 5;
}

.printers-page__heroscreen .printing-page__heroscreen-title span:last-child {
    grid-column: 2/span 4;
}

.printers-page__about {
    margin-top: 180px;
}

.printers-page__about-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.printers-page__about-img {
    grid-column: span 5;
    margin-right: -20px;
}

.printers-page__about-content {
    grid-column: span 7;
    background: #EDEDF5;
    padding: 80px 60px;
}

.printers-page__about-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.printers-page__about-text {
    max-width: 661px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 40px;
}

.printers-page__models {
    background: linear-gradient(180deg, #8B66E8 0%, #E3330A 100%);
    margin-top: 180px;
    padding: 120px 0;
}

.printers-page__models-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
}

.printers-page__models-slider {
    margin-top: 60px;
}

.printers-page__models-item {
    width: calc(33.3333333333% - 13.3333333333px);
    border-radius: 8px;
    overflow: hidden;
}

.printers-page__models-img {
    background: #EDEDF5;
}

.printers-page__models-content {
    background: #F8F8FB;
    padding: 28px;
}

.printers-page__models-subtitle {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

.printers-page__models-text {
    min-height: 134px;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 16px;
}

.printers-page__models-btn {
    margin-top: 40px;
}

.printers-page__advantages {
    margin-top: 180px;
}

.printers-page__advantages-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.printers-page__advantages-title {
    grid-column: span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.printers-page__advantages-text {
    grid-column: 7/span 5;
    font-size: 18px;
    line-height: 22px;
}

.printers-page__advantages-slider {
    margin-top: 100px;
}

.printers-page__advantages-item {
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column;
    background: #EDEDF5;
    border-radius: 8px;
    aspect-ratio: 1;
    padding: 20px 65px 20px 20px;
    transition: 0.2s;
}

.printers-page__advantages-item:hover {
    background: #E3330A;
}

.printers-page__advantages-item:hover .printers-page__advantages-subtitle {
    color: #fff;
}

.printers-page__advantages-item:hover .printers-page__advantages-icon {
    transform: scale(1.0625);
}

.printers-page__advantages-subtitle {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    transition: 0.2s;
}

.printers-page__advantages-icon {
    width: 190px;
    margin-top: auto;
    transition: 0.2s;
    transform-origin: bottom left;
}

.printers-page__support {
    margin-top: 180px;
}

.printers-page__support-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.printers-page__support-grid+.printers-page__support-grid {
    margin-top: 80px;
}

.printers-page__support-title {
    grid-column: span 7;
}

.printers-page__support-list {
    grid-column: span 5;
}

@media (max-width: 1839px) {
    .printers-page__support-list {
        grid-column: span 6;
    }
}

.printers-page__support-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.printers-page__support-list ul li {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 18px;
}

.printers-page__support-list ul li+li {
    margin-top: 16px;
}

.printers-page__support-list ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #E3330A;
    border-radius: 50%;
}

.printers-page__support-img {
    grid-column: 7/span 6;
}

.printers-page__examples {
    margin-top: 180px;
}

.printers-page__examples-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.printers-page__examples-title {
    max-width: 870px;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

.printers-page__examples-slider {
    margin-top: 60px;
}

.printers-page__examples-item {
    width: calc(25% - 15px);
    border-radius: 8px;
    overflow: hidden;
}

.printers-page__program {
    margin-top: 180px;
}

.printers-page__program-title {
    max-width: 1016px;
}

.printers-page__program-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 120px;
}

.printers-page__program-text {
    grid-column: span 4;
    font-size: 20px;
    font-family: "Rooftop Mono";
    line-height: 24px;
}

.printers-page__program-stages {
    grid-column: 6/span 7;
}

.printers-page__stage {
    border-bottom: 1px solid #C9C9CF;
    padding-bottom: 47px;
}

.printers-page__stage--opened .printers-page__stage-icon {
    transform: rotate(180deg);
}

.printers-page__stage-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    text-transform: uppercase;
    cursor: pointer;
}

.printers-page__stage-icon {
    width: 40px;
    height: 40px;
    fill: #000;
    transition: 0.2s;
}

.printers-page__stage-content {
    display: none;
    max-width: 670px;
    margin-top: 28px;
}

.printers-page__stage-subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.printers-page__stage-text {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
}

.printers-page__stage-text ol,
.printers-page__stage-text ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.printers-page__stage-text ol li,
.printers-page__stage-text ul li {
    font-size: 16px;
    line-height: 19px;
}

.printers-page__stage-text ol {
    counter-reset: count;
}

.printers-page__stage-text ol>li {
    position: relative;
    padding-left: 25px;
}

.printers-page__stage-text ol>li+li {
    margin-top: 20px;
}

.printers-page__stage-text ol>li::before {
    counter-increment: count;
    content: counter(count) ".";
    position: absolute;
    top: 0;
    left: 0;
    color: #E3330A;
}

.printers-page__stage-text ul {
    width: 100%;
    margin-top: 16px;
}

.printers-page__stage-text ul li {
    position: relative;
    padding-left: 20px;
}

.printers-page__stage-text ul li+li {
    margin-top: 4px;
}

.printers-page__stage-text ul li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 1px;
    width: 6px;
    height: 6px;
    background: #E3330A;
    border-radius: 50%;
}

.printers-page__stage-term {
    width: max-content;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 17px;
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
    border-radius: 100px;
    margin-top: 28px;
    padding: 10px 16px;
    text-transform: uppercase;
}

.printers-page__stage+.printers-page__stage {
    margin-top: 48px;
}

.printers-page__advantages2 {
    background: linear-gradient(180deg, #8B66E8 0%, #E3330A 100%);
    margin-top: 180px;
    padding: 120px 0 180px;
}

.printers-page__advantages2-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 20px;
    margin-top: 60px;
}

.printers-page__advantages2-item {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 31px;
}

.printers-page__advantages2-item:nth-child(3n+2) {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.printers-page__advantages2-item:nth-last-child(-n+3) {
    padding-bottom: 0;
    border-bottom: none;
}

.printers-page__advantages2-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    fill: #fff;
}

.printers-page__advantages2-text {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    padding-top: 2px;
}

.printers-page__feedback {
    margin-top: 0;
}

.printer-page__heroscreen {
    margin-top: 38px;
}

.printer-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background: #EDEDF5;
    border-radius: 8px;
    overflow: hidden;
}

.printer-page__heroscreen-img {
    background: #8B66E8;
}

.printer-page__heroscreen-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: max-content;
    gap: 0 20px;
    align-content: center;
}

.printer-page__heroscreen-title {
    max-width: 440px;
    grid-column: 2/span 5;
}

.printer-page__heroscreen-text {
    max-width: 472px;
    grid-column: 2/span 5;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 28px;
}

.printer-page__heroscreen-btn {
    width: max-content;
    grid-column: 2/span 5;
    margin-top: 48px;
}

.printer-page__equipment {
    margin-top: 180px;
}

.printer-page__equipment-title {
    font-size: 36px;
    line-height: 43px;
}

.printer-page__equipment-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 60px;
}

.printer-page__equipment-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.printer-page__equipment-row:nth-child(2n+1) {
    background: #F8F8FB;
}

.printer-page__equipment-cell {
    font-size: 18px;
    line-height: 22px;
    padding: 16px 0;
}

.printer-page__equipment-cell:first-child {
    font-weight: 500;
    padding-left: 16px;
}

.printer-page__equipment-cell:last-child {
    padding-right: 116px;
}

.printer-page__related {
    margin-top: 180px;
}

.printer-page__related-slider {
    margin-top: 60px;
}

.lidars-page__heroscreen {
    margin-top: 43px;
}

.lidars-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: linear-gradient(244.18deg, #8FDAFF 16.89%, #8B66E8 83.11%);
    border-radius: 8px;
    overflow: hidden;
}

.lidars-page__heroscreen-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: max-content max-content max-content max-content auto;
    gap: 0 20px;
    grid-column: span 6;
    padding: 40px 0 30px;
}

.lidars-page__heroscreen-img {
    grid-column: span 5;
    max-height: 790px;
}

@media(max-width: 1500px) {
    .lidars-page__heroscreen-img {
        max-height: 640px;
    }
}

.lidars-page__heroscreen-breadcrumbs {
    width: 100%;
    grid-column: span 6;
    margin-top: 0;
}

.lidars-page__heroscreen-title {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 20px;
    grid-column: 2/span 5;
    margin-top: 226px;
}

.lidars-page__heroscreen-title span {
    grid-column: span 5;
}

.lidars-page__heroscreen-title span:last-child {
    grid-column: 2/span 4;
}

.lidars-page__heroscreen-text {
    grid-column: 3/span 3;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 32px;
}

.lidars-page__heroscreen-btn {
    width: max-content;
    grid-column: 3/span 3;
    margin-top: 42px;
}

.lidars-page__heroscreen-btns {
    display: flex;
    gap: 20px;
    grid-column: span 6;
    margin-top: auto;
    padding: 0 40px;
}

.lidars-page__avia {
    margin-top: 180px;
}

.lidars-page__avia-title {
    max-width: 1047px;
}

.lidars-page__avia-item {
    border-bottom: 1px solid #C9C9CF;
    margin-top: 100px;
    padding-bottom: 47px;
}

.lidars-page__avia-item--opened .lidars-page__avia-icon {
    transform: rotate(180deg);
}

.lidars-page__avia-item+.lidars-page__avia-item {
    margin-top: 48px;
}

.lidars-page__avia-head {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    cursor: pointer;
}

.lidars-page__avia-num {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: span 2;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: #E3330A;
    border-radius: 50%;
}

.lidars-page__avia-subtitle {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    grid-column: span 9;
    text-transform: uppercase;
}

.lidars-page__avia-icon {
    width: 48px;
    height: 48px;
    margin-left: auto;
    transition: 0.2s;
}

.lidars-page__avia-outer {
    display: none;
    margin-top: 75px;
}

.lidars-page__avia-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: flex-start;
}

.lidars-page__avia-text {
    grid-column: 3/span 4;
    font-size: 18px;
    line-height: 22px;
}

.lidars-page__avia-img {
    grid-column: 8/span 4;
    border-radius: 8px;
    overflow: hidden;
}

.lidars-page__video {
    margin-top: 180px;
}

.lidars-page__video-wrap {
    position: relative;
    border-radius: 8px;
    margin-top: 48px;
    overflow: hidden;
}

.lidars-page__video-info {
    position: absolute;
    top: 36px;
    left: 36px;
}

.lidars-page__video-subtitle {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 29px;
}

.lidars-page__video-desc {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 8px;
}

.lidars-page__video-play {
    position: absolute;
    top: calc(50% - 65px);
    left: calc(50% - 65px);
    width: 130px;
    height: 130px;
    cursor: pointer;
    transition: 0.2s;
}

.lidars-page__video-play .icon {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.lidars-page__video-play:hover {
    transform: scale(1.1);
}

.lidars-page__video iframe {
    width: 100%;
    display: block;
    aspect-ratio: 1.7777777778;
}

.lidars-page__production {
    background: linear-gradient(344.53deg, #8FDAFF 13.87%, #8B66E8 87.42%);
    margin-top: 180px;
    padding: 100px 0 160px;
}

.lidars-page__production-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.lidars-page__production-grid .printers-page__models-item {
    width: auto;
}

.lidars-page__production-grid .printers-page__models-subtitle {
    font-size: 26px;
    line-height: 29px;
}

.lidars-page__production-grid .printers-page__models-text {
    min-height: 139px;
}

.lidars-page__certs {
    margin-top: 180px;
}

.lidars-page__certs-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.lidars-page__certs-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #8B66E8;
    border-radius: 8px;
    padding: 40px 20px;
}

.lidars-page__certs-item:last-child {
    background: #E3330A;
}

.lidars-page__certs-num {
    font-size: 120px;
    color: #fff;
    line-height: 84px;
    letter-spacing: -0.05em;
}

.lidars-page__certs-text {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin: 52px 0 auto;
}

.lidars-page__certs-btn {
    margin-top: 6px;
}

.lidars-page__certs-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.lidars-page__certs-note {
    grid-column: 2/span 2;
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    text-transform: uppercase;
}

.lidars-page__certs-icon {
    width: 120px;
}

.lidars-page__gallery {
    margin-top: 180px;
    overflow: hidden;
}

.lidars-page__gallery .about-page__prod-slider {
    margin-top: 0;
}

.lidars-page__feedback~.footer {
    margin-top: 0;
}

.complex-page__heroscreen {
    margin-top: 32px;
}

.complex-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .complex-page__heroscreen-wrap {
        background: none;
    }
}

.complex-page__heroscreen-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: max-content;
    gap: 0 20px;
    padding-top: 131px;
}

@media (max-width: 991px) {
    .complex-page__heroscreen-content {
        background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
    }
}

.complex-page__heroscreen-img {
    border-radius: 8px;
    overflow: hidden;
}

.complex-page__heroscreen-title,
.complex-page__heroscreen-text,
.complex-page__heroscreen-btn {
    grid-column: 2/span 5;
}

.complex-page__heroscreen-text {
    max-width: 508px;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 28px;
}

.complex-page__heroscreen-btn {
    width: max-content;
    margin-top: 48px;
}

.complex-page__heroscreen-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 72px;
}

.complex-page__heroscreen-desc {
    font-size: 18px;
    line-height: 22px;
}

.complex-page__heroscreen-desc--pt {
    padding-top: 107px;
}

.complex-page__heroscreen-desc span {
    display: block;
    font-weight: 500;
}

.complex-page__heroscreen-desc span:has(+ ul) {
    margin-bottom: 20px;
}

.complex-page__heroscreen-desc ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.complex-page__heroscreen-desc ul li {
    position: relative;
    padding-left: 18px;
}

.complex-page__heroscreen-desc ul li+li {
    margin-top: 12px;
}

.complex-page__heroscreen-desc ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #E3330A;
    border-radius: 50%;
}

.complex-page__heroscreen-desc:first-child {
    grid-column: 2/span 5;
}

.complex-page__heroscreen-desc:first-child span {
    font-size: 26px;
    line-height: 29px;
}

.complex-page__heroscreen-desc:last-child {
    grid-column: span 5;
}

.complex-page__heroscreen-desc:last-child span {
    font-size: 22px;
    line-height: 26px;
}

.complex-page__scopes .alcolocks-page__specs-grid {
    margin-top: 60px;
}

.complex-page__scopes .alcolocks-page__specs-item {
    padding: 40px 28px;
}

.complex-page__specs .breathalyzers-page__specs-title {
    max-width: none;
}

.complex-page__specs .breathalyzers-page__specs-row {
    grid-column: 4/span 9;
    grid-template-columns: repeat(9, 1fr);
}

.complex-page__specs .breathalyzers-page__specs-row:nth-child(2n+1) {
    background: #F8F8FB;
}

.complex-page__specs .breathalyzers-page__specs-row:nth-child(2n) {
    background: none;
}

.complex-page__specs .breathalyzers-page__specs-col {
    grid-column: span 5;
}

.complex-page__specs .breathalyzers-page__specs-col ul {
    margin: 0;
    padding-left: 27px;
}

.complex-page__specs .breathalyzers-page__specs-col:last-child {
    max-width: none;
    grid-column: span 4;
    padding-right: 28px;
}

.complex-page__specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 20px;
    margin-top: 48px;
}

.complex-page__specs-grid .breathalyzers-page__specs-row {
    grid-column: span 12;
    grid-template-columns: repeat(6, 1fr);
}

.complex-page__specs-grid .breathalyzers-page__specs-col:first-child {
    grid-column: span 4;
}

.complex-page__specs-grid .breathalyzers-page__specs-col:last-child {
    grid-column: span 2;
    padding-right: 16px;
}

.complex-page__specs-subtitle {
    grid-column: span 12;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 32px;
    padding-left: 16px;
}

.complex-page__specs-subtitle+.breathalyzers-page__specs-table {
    margin-top: 0;
}

.complex-page__related {
    margin-top: 180px;
}

.complex-page__related-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.complex-page__related-slider {
    margin-top: 60px;
}

.spacedev-page__heroscreen {
    margin-top: 41px;
}

@media (max-width: 1839px) {
    .spacedev-page__heroscreen {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__heroscreen {
        margin-top: 48px;
    }
}

.spacedev-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: max-content;
    gap: 0 20px;
    background: -webkit-image-set(url("../images/spacedev-page__heroscreen-bg.webp") type("image/webp"), url("../images/spacedev-page__heroscreen-bg.png") type("image/png")) no-repeat center/cover;
    background: image-set(url("../images/spacedev-page__heroscreen-bg.webp") type("image/webp"), url("../images/spacedev-page__heroscreen-bg.png") type("image/png")) no-repeat center/cover;
    border-radius: 8px;
    padding: 40px 0 204px;
}

@media (max-width: 1839px) {
    .spacedev-page__heroscreen-wrap {
        padding-bottom: 143px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__heroscreen-wrap {
        display: block;
        padding: 40px 40px 100px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__heroscreen-wrap {
        height: 400px;
        background: -webkit-image-set(url("../images/spacedev-page__heroscreen-bg-xs.webp") type("image/webp"), url("../images/spacedev-page__heroscreen-bg-xs.png") type("image/png")) no-repeat center/cover;
        background: image-set(url("../images/spacedev-page__heroscreen-bg-xs.webp") type("image/webp"), url("../images/spacedev-page__heroscreen-bg-xs.png") type("image/png")) no-repeat center/cover;
        padding: 40px 20px;
    }
}

.spacedev-page__heroscreen .breadcrumbs {
    width: 100%;
    grid-column: span 12;
    margin-top: 0;
}

@media (max-width: 1199px) {
    .spacedev-page__heroscreen .breadcrumbs {
        padding: 0;
    }
}

.spacedev-page__heroscreen-title {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
    grid-column: 2/span 4;
    margin-top: 231px;
}

@media (max-width: 1839px) {
    .spacedev-page__heroscreen-title {
        margin-top: 173px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__heroscreen-title {
        display: block;
    }
}

@media (max-width: 767px) {
    .spacedev-page__heroscreen-title {
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__heroscreen-title span {
        display: block;
    }
}

.spacedev-page__heroscreen-title span:first-child {
    grid-column: span 4;
}

.spacedev-page__heroscreen-title span:last-child {
    grid-column: 2/span 3;
}

.spacedev-page__heroscreen-text {
    grid-column: 3/span 3;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 32px;
}

@media (max-width: 1839px) {
    .spacedev-page__heroscreen-text {
        grid-column: 3/span 4;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }
}

.spacedev-page__heroscreen-btn {
    width: max-content;
    grid-column: 3/span 3;
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .spacedev-page__heroscreen-btn {
        margin-top: 48px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__heroscreen-btn {
        margin-top: 32px;
    }
}

.spacedev-page__techs {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .spacedev-page__techs {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__techs {
        margin-top: 80px;
    }
}

.spacedev-page__techs-title {
    max-width: 1018px;
}

.spacedev-page__techs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .spacedev-page__techs-grid {
        margin-top: 48px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__techs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .spacedev-page__techs-grid {
        grid-template-columns: 100%;
        gap: 16px;
        margin-top: 32px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__techs-placeholder {
        display: none;
    }
}

.spacedev-page__techs-item {
    background: #EDEDF5;
    border-radius: 8px;
    padding: 40px 40px 60px;
}

@media (max-width: 767px) {
    .spacedev-page__techs-item {
        padding: 24px;
    }
}

.spacedev-page__techs-item--red .spacedev-page__techs-subtitle,
.spacedev-page__techs-item--red .spacedev-page__techs-text,
.spacedev-page__techs-item--purple .spacedev-page__techs-subtitle,
.spacedev-page__techs-item--purple .spacedev-page__techs-text {
    color: #fff;
}

.spacedev-page__techs-item--red {
    background: #E3330A;
}

.spacedev-page__techs-item--purple {
    background: #8B66E8;
}

.spacedev-page__techs-icon {
    width: 170px;
}

@media (max-width: 767px) {
    .spacedev-page__techs-icon {
        width: 126px;
    }
}

.spacedev-page__techs-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 48px;
}

@media (max-width: 1839px) {
    .spacedev-page__techs-subtitle {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__techs-subtitle {
        font-size: 18px;
        line-height: 20px;
    }
}

.spacedev-page__techs-text {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
}

@media (max-width: 1839px) {
    .spacedev-page__techs-text {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__techs-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 16px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__lab:is(.about-page__prod) {
        margin-top: 80px;
    }
}

.spacedev-page__lab .about-page__prod-title {
    grid-column: span 6;
}

@media (max-width: 991px) {
    .spacedev-page__lab .about-page__prod-title {
        grid-column: auto;
    }
}

.spacedev-page__lab .about-page__prod-text {
    grid-column: span 5;
    padding: 78px 0 0;
}

@media (max-width: 1839px) {
    .spacedev-page__lab .about-page__prod-text {
        padding-top: 130px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__lab .about-page__prod-text {
        grid-column: auto;
        padding-top: 0;
    }
}

.spacedev-page__lab .about-page__prod-slider {
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .spacedev-page__lab .about-page__prod-slider {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__lab .about-page__prod-slider {
        margin-top: 40px;
    }
}

.spacedev-page__operation {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .spacedev-page__operation {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation {
        margin-top: 80px;
    }
}

.spacedev-page__operation-title {
    max-width: 870px;
    font-size: 46px;
    line-height: 55px;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-title {
        max-width: 670px;
    }
}

.spacedev-page__operation-info {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-info {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation-info {
        grid-template-columns: 100%;
        gap: 32px;
        margin-top: 32px;
    }
}

.spacedev-page__operation-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-text {
        grid-column: span 6;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation-text {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .spacedev-page__operation-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.spacedev-page__operation-text span {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-text span {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__operation-text span {
        font-size: 18px;
        line-height: 20px;
    }
}

.spacedev-page__operation-text+.spacedev-page__operation-text {
    grid-column: 7/span 5;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-text+.spacedev-page__operation-text {
        grid-column: span 6;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation-text+.spacedev-page__operation-text {
        grid-column: auto;
    }
}

.spacedev-page__operation-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-radius: 8px;
    margin-top: 100px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-wrap {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }
}

.spacedev-page__operation-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: linear-gradient(90deg, #8B66E8 0%, #E3330A 100%);
    margin-right: -20px;
    padding: 40px;
}

@media (max-width: 991px) {
    .spacedev-page__operation-content {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .spacedev-page__operation-content {
        padding: 28px 20px 32px;
    }
}

.spacedev-page__operation-subtitle {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 43px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .spacedev-page__operation-subtitle {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__operation-subtitle {
        font-size: 20px;
        line-height: 24px;
    }
}

.spacedev-page__operation-btn {
    margin-top: auto;
}

@media (max-width: 991px) {
    .spacedev-page__operation-btn {
        margin-top: 100px;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__operation-img {
        height: 300px;
    }

    .spacedev-page__operation-img img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .spacedev-page__operation-img {
        height: 320px;
    }
}

.spacedev-page__projects {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .spacedev-page__projects {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .spacedev-page__projects {
        margin-top: 80px;
    }
}

.spacedev-page__projects-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.spacedev-page__projects-wrap+.spacedev-page__projects-wrap {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .spacedev-page__projects-wrap+.spacedev-page__projects-wrap {
        margin-top: 32px;
    }
}

.spacedev-page__projects-title {
    grid-column: span 6;
}

@media (max-width: 1839px) {
    .spacedev-page__projects-title {
        grid-column: span 8;
    }
}

@media (max-width: 1199px) {
    .spacedev-page__projects-title {
        grid-column: span 12;
    }
}

.spacedev-page__projects-text {
    grid-column: 7/span 5;
}

@media (max-width: 1199px) {
    .spacedev-page__projects-text {
        grid-column: 7/span 6;
    }
}

@media (max-width: 991px) {
    .spacedev-page__projects-text {
        grid-column: span 12;
    }
}

.spacedev-page__projects-text ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.spacedev-page__projects-text ul li {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    padding-left: 18px;
}

@media (max-width: 1839px) {
    .spacedev-page__projects-text ul li {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .spacedev-page__projects-text ul li {
        font-size: 12px;
        line-height: 14px;
    }
}

.spacedev-page__projects-text ul li+li {
    margin-top: 12px;
}

.spacedev-page__projects-text ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #E3330A;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .spacedev-page__projects-text ul li::before {
        top: 4px;
    }
}

.spacedev-page__feedback~.footer {
    margin-top: 0;
}

.institutes-page__heroscreen {
    margin-top: 32px;
}

@media (max-width: 1839px) {
    .institutes-page__heroscreen {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .institutes-page__heroscreen {
        margin-top: 48px;
    }
}

.institutes-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    background: #8B66E8;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .institutes-page__heroscreen-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }
}

.institutes-page__heroscreen-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
    align-content: center;
}

@media (max-width: 1199px) {
    .institutes-page__heroscreen-content {
        display: block;
        padding: 0 20px;
    }
}

@media (max-width: 1199px) {
    .institutes-page__heroscreen-content {
        padding: 40px 20px 60px;
    }
}

.institutes-page__heroscreen-title {
    grid-column: 2/span 4;
}

.institutes-page__heroscreen-text {
    grid-column: 2/span 4;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-top: 28px;
}

@media (max-width: 1839px) {
    .institutes-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .institutes-page__heroscreen-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 20px;
    }
}

@media (max-width: 1839px) {
    .institutes-page__heroscreen-img {
        height: 547px;
    }

    .institutes-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 1199px) {
    .institutes-page__heroscreen-img {
        height: auto;
    }
}

@media (max-width: 991px) {
    .institutes-page__heroscreen-img {
        height: 400px;
    }

    .institutes-page__heroscreen-img img {
        object-position: top;
    }
}

@media (max-width: 767px) {
    .institutes-page__heroscreen-img {
        height: 320px;
    }
}

.institutes-page__gallery {
    margin-top: 180px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .institutes-page__gallery {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .institutes-page__gallery {
        margin-top: 80px;
    }
}

.institutes-page__gallery-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.institutes-page__gallery-wrap+.institutes-page__gallery-wrap {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .institutes-page__gallery-wrap+.institutes-page__gallery-wrap {
        margin-top: 28px;
    }
}

.institutes-page__gallery-wrap+.institutes-page__gallery-wrap .institutes-page__gallery-text {
    grid-column: 7/span 5;
}

@media (max-width: 1839px) {
    .institutes-page__gallery-wrap+.institutes-page__gallery-wrap .institutes-page__gallery-text {
        grid-column: 7/span 6;
    }
}

@media (max-width: 1199px) {
    .institutes-page__gallery-wrap+.institutes-page__gallery-wrap .institutes-page__gallery-text {
        grid-column: span 12;
    }
}

.institutes-page__gallery-text {
    grid-column: span 6;
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .institutes-page__gallery-text {
        grid-column: span 7;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 1839px) and (max-width: 1199px) {
    .institutes-page__gallery-text {
        grid-column: span 12;
    }
}

@media (max-width: 1839px) and (max-width: 767px) {
    .institutes-page__gallery-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.institutes-page__gallery-text span {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 1839px) {
    .institutes-page__gallery-text span {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .institutes-page__gallery-text span {
        font-size: 18px;
        line-height: 20px;
    }
}

.institutes-page__gallery .about-page__prod-slider {
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .institutes-page__gallery .about-page__prod-slider {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .institutes-page__gallery .about-page__prod-slider {
        margin-top: 48px;
    }
}

.institutes-page__info {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .institutes-page__info {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .institutes-page__info {
        margin-top: 80px;
    }
}

.institutes-page__info-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.institutes-page__info-wrap+.institutes-page__info-wrap {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .institutes-page__info-wrap+.institutes-page__info-wrap {
        margin-top: 32px;
    }
}

.institutes-page__info-title {
    grid-column: span 7;
}

@media (max-width: 1839px) {
    .institutes-page__info-title {
        grid-column: span 9;
    }
}

@media (max-width: 1199px) {
    .institutes-page__info-title {
        grid-column: span 12;
    }
}

.institutes-page__info-text {
    grid-column: 7/span 5;
}

@media (max-width: 1199px) {
    .institutes-page__info-text {
        grid-column: span 12;
    }
}

.institutes-page__info-text ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.institutes-page__info-text ul li {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 18px;
}

@media (max-width: 1839px) {
    .institutes-page__info-text ul li {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .institutes-page__info-text ul li {
        font-size: 14px;
        line-height: 17px;
    }
}

.institutes-page__info-text ul li+li {
    margin-top: 12px;
}

.institutes-page__info-text ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #E3330A;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .institutes-page__info-text ul li::before {
        top: 5px;
    }
}

.institutes-page__program {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .institutes-page__program {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .institutes-page__program {
        margin-top: 80px;
    }
}

.institutes-page__program-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: #E3330A;
    border-radius: 8px;
    padding: 40px 0;
}

@media (max-width: 991px) {
    .institutes-page__program-wrap {
        display: block;
        padding: 40px 20px;
    }
}

.institutes-page__program-content {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    padding-left: 40px;
}

@media (max-width: 991px) {
    .institutes-page__program-content {
        padding-left: 0;
    }
}

.institutes-page__program-icons {
    display: flex;
    justify-content: flex-end;
    gap: 28px;
    grid-column: 8/span 5;
    padding-right: 40px;
}

@media (max-width: 1839px) {
    .institutes-page__program-icons {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .institutes-page__program-icons {
        gap: 28px;
        justify-content: center;
        margin-top: 60px;
        padding-right: 0;
    }
}

.institutes-page__program-icon {
    width: 320px;
}

@media (max-width: 1839px) {
    .institutes-page__program-icon {
        width: 267px;
    }
}

@media (max-width: 1439px) {
    .institutes-page__program-icon {
        width: 200px;
    }
}

@media (max-width: 1199px) {
    .institutes-page__program-icon {
        width: 150px;
    }
}

@media (max-width: 1199px) {
    .institutes-page__program-icon {
        width: 126px;
    }
}

.institutes-page__program-text {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    margin-top: auto;
}

@media (max-width: 1839px) {
    .institutes-page__program-text {
        max-width: 621px;
        font-size: 20px;
        line-height: 24px;
        margin-top: 97px;
    }
}

@media (max-width: 1439px) {
    .institutes-page__program-text {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .institutes-page__program-text {
        font-size: 14px;
        line-height: 17px;
    }
}

.institutes-page__possibilities .alcolocks-page__specs-title {
    font-size: 36px;
    line-height: 43px;
}

@media (max-width: 1839px) {
    .institutes-page__possibilities .alcolocks-page__specs-title {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .institutes-page__possibilities .alcolocks-page__specs-title {
        font-size: 20px;
        line-height: 24px;
    }
}

.institutes-page__possibilities .alcolocks-page__specs-grid {
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .institutes-page__possibilities .alcolocks-page__specs-grid {
        margin-top: 48px;
    }
}

.institutes-page__possibilities .alcolocks-page__specs-item {
    padding: 40px 28px;
}

@media (max-width: 1839px) {
    .institutes-page__possibilities .alcolocks-page__specs-item {
        padding: 40px 20px;
    }
}

.institutes-page__possibilities .alcolocks-page__specs-slider {
    margin-top: 32px;
}

.articles-page__list {
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .articles-page__list {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .articles-page__list {
        margin-top: 48px;
    }
}

.article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    border-bottom: 1px solid #C9C9CF;
    margin-top: 180px;
    padding-bottom: 47px;
}

@media (max-width: 1839px) {
    .article {
        margin-top: 166px;
    }
}

@media (max-width: 767px) {
    .article {
        display: block;
        margin-top: 80px;
        padding-bottom: 27px;
    }
}

.article+.article {
    margin-top: 48px;
}

@media (max-width: 767px) {
    .article+.article {
        margin-top: 28px;
    }
}

.article__num {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: #8B66E8;
    border-radius: 50%;
}

@media (max-width: 1839px) {
    .article__num {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .article__num {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 17px;
    }
}

.article__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 1839px) {
    .article__title {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 991px) {
    .article__title {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .article__title {
        margin-top: 16px;
    }
}

.article__title-wrap {
    grid-column: span 6;
}

.article__info {
    grid-column: span 4;
}

@media (max-width: 1199px) {
    .article__info {
        grid-column: span 5;
    }
}

@media (max-width: 767px) {
    .article__info {
        margin-top: 20px;
    }
}

.article__info-title {
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .article__info-title {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .article__info-title {
        font-size: 12px;
        line-height: 14px;
    }
}

.article__info-authors {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 16px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .article__info-authors {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 767px) {
    .article__info-authors {
        font-size: 8px;
        line-height: 10px;
    }
}

.article__info-versions {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 16px;
    text-transform: uppercase;
}

.article__info-versions::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #E3330A;
    border-radius: 50%;
}

.article__info-text {
    font-size: 12px;
    font-weight: 500;
    color: #94949E;
    line-height: 14px;
    margin-top: 4px;
    text-transform: uppercase;
}

.article__btn {
    margin-top: 32px;
}

@media (max-width: 767px) {
    .article__btn {
        margin-top: 24px;
    }
}

.news-page__list {
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .news-page__list {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .news-page__list {
        margin-top: 48px;
    }
}

.news-page__list-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 48px;
}

@media (max-width: 1439px) {
    .news-page__list-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .news-page__list-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .news-page__list-grid {
        grid-template-columns: 100%;
        margin-top: 40px;
    }
}

.news-item {
    min-height: 523px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .news-item {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
    .news-item {
        min-height: 348px;
    }
}

.news-item:hover .news-item__content {
    background: #EDEDF5;
}

.news-item:hover .news-item__icon {
    opacity: 1;
}

.news-item:hover .news-item__img img {
    transform: scale(1.05);
}

.news-item__img {
    aspect-ratio: 425/256;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .news-item__img {
        aspect-ratio: 325/200;
    }
}

@media (max-width: 767px) {
    .news-item__img {
        aspect-ratio: 320/200;
    }
}

.news-item__img img {
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
}

.news-item__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: #F8F8FB;
    padding: 20px;
    transition: 0.2s;
}

.news-item__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
}

@media (max-width: 1839px) {
    .news-item__title {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .news-item__title {
        font-size: 12px;
        line-height: 14px;
    }
}

.news-item__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}

.news-item__date {
    font-size: 14px;
    font-family: "Rooftop Mono";
    line-height: 17px;
}

@media (max-width: 1839px) {
    .news-item__date {
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 767px) {
    .news-item__date {
        font-size: 10px;
        line-height: 12px;
    }
}

.news-item__icon {
    width: 32px;
    height: 32px;
    fill: #000;
    opacity: 0;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .news-item__icon {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 767px) {
    .news-item__icon {
        display: none;
    }
}

.news-single {
    overflow: hidden;
}

.news-single__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 40px;
}

@media (max-width: 991px) {
    .news-single__grid {
        margin-top: 48px;
    }
}

.news-single__left {
    grid-column: span 4;
    padding-top: 9px;
}

@media (max-width: 991px) {
    .news-single__left {
        display: none;
    }
}

.news-single__right {
    grid-column: span 6;
}

@media (max-width: 1839px) {
    .news-single__right {
        grid-column: span 7;
    }
}

@media (max-width: 1199px) {
    .news-single__right {
        grid-column: span 8;
    }
}

@media (max-width: 991px) {
    .news-single__right {
        grid-column: span 12;
    }
}

.news-single__right h4 {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .news-single__right h4 {
        font-size: 24px;
        line-height: 26px;
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .news-single__right h4 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 48px;
    }
}

.news-single__right p {
    font-size: 20px;
    line-height: 24px;
    margin-top: 28px;
}

@media (max-width: 1839px) {
    .news-single__right p {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .news-single__right p {
        font-size: 14px;
        line-height: 17px;
        margin-top: 24px;
    }
}

.news-single__right a {
    color: #E3330A;
    text-decoration: underline;
}

.news-single__right a:hover {
    text-decoration: none;
}

.news-single__right ul {
    margin: 28px 0 0;
    padding: 0;
    list-style-type: none;
}

@media (max-width: 767px) {
    .news-single__right ul {
        margin-top: 24px;
    }
}

.news-single__right ul li {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    padding-left: 20px;
}

@media (max-width: 1839px) {
    .news-single__right ul li {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .news-single__right ul li {
        font-size: 14px;
        line-height: 17px;
    }
}

.news-single__right ul li+li {
    margin-top: 12px;
}

.news-single__right ul li::before {
    content: "";
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #E3330A;
    border-radius: 50%;
}

.news-single__right ol {
    margin: 28px 0 0;
    padding: 0;
    list-style-type: none;
    counter-reset: c;
}

@media (max-width: 767px) {
    .news-single__right ol {
        margin-top: 24px;
    }
}

.news-single__right ol li {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    padding-left: 28px;
    counter-increment: c;
}

@media (max-width: 1839px) {
    .news-single__right ol li {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .news-single__right ol li {
        font-size: 14px;
        line-height: 17px;
        padding-left: 24px;
    }
}

.news-single__right ol li+li {
    margin-top: 12px;
}

.news-single__right ol li::before {
    content: counter(c) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #E3330A;
    line-height: 24px;
}

@media (max-width: 1839px) {
    .news-single__right ol li::before {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .news-single__right ol li::before {
        font-size: 14px;
        line-height: 17px;
    }
}

.news-single__right-img {
    max-width: 75%;
    margin-top: 56px;
}

@media (max-width: 767px) {
    .news-single__right-img {
        max-width: 100%;
        margin-top: 48px;
    }
}

.news-single__right-img+p {
    margin-top: 56px;
}

@media (max-width: 767px) {
    .news-single__right-img+p {
        margin-top: 48px;
    }
}

.news-single__date {
    width: max-content;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 7px 15px;
}

@media (max-width: 1839px) {
    .news-single__date {
        font-size: 16px;
        line-height: 19px;
    }
}

.news-single__accent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: #8B66E8;
    border-radius: 8px;
    margin-top: 180px;
    padding: 60px 0;
}

@media (max-width: 1839px) {
    .news-single__accent {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .news-single__accent {
        padding: 48px 20px;
    }
}

.news-single__accent-text {
    max-width: 784px;
    grid-column: 5/span 6;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
}

@media (max-width: 1839px) {
    .news-single__accent-text {
        grid-column: 5/span 7;
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 991px) {
    .news-single__accent-text {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    .news-single__accent-text {
        font-size: 14px;
        line-height: 17px;
    }
}

.news-single__quote {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    background: linear-gradient(270deg, #8B66E8 0%, #E3330A 100%);
    border-radius: 8px;
    margin-top: 80px;
    padding: 60px 0;
}

@media (max-width: 991px) {
    .news-single__quote {
        grid-template-columns: 100%;
        padding: 48px 20px;
    }
}

@media (max-width: 767px) {
    .news-single__quote {
        margin-top: 48px;
    }
}

.news-single__quote-left {
    grid-column: 2/span 3;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .news-single__quote-left {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 991px) {
    .news-single__quote-left {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .news-single__quote-left {
        font-size: 12px;
        line-height: 14px;
    }
}

.news-single__quote-right {
    max-width: 784px;
    grid-column: 5/span 7;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
}

@media (max-width: 1839px) {
    .news-single__quote-right {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 991px) {
    .news-single__quote-right {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .news-single__quote-right {
        font-size: 14px;
        line-height: 17px;
    }
}

.news-single__photo {
    aspect-ratio: 1759/984;
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .news-single__photo {
        aspect-ratio: 320/180;
        margin-top: 80px;
    }
}

.news-single__photo img {
    height: 100%;
    object-fit: cover;
}

.news-single__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .news-single__columns {
        grid-template-columns: 100%;
        gap: 16px;
        margin-top: 16px;
    }
}

.news-single__columns-photo {
    aspect-ratio: 869/486;
}

@media (max-width: 767px) {
    .news-single__columns-photo {
        aspect-ratio: 320/180;
    }
}

.news-single__columns-photo img {
    height: 100%;
    object-fit: cover;
}

.news-single__links {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .news-single__links {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .news-single__links {
        margin-top: 80px;
    }
}

.news-single__links-inner {
    grid-column: 5/span 6;
}

@media (max-width: 1839px) {
    .news-single__links-inner {
        grid-column: 5/span 7;
    }
}

@media (max-width: 1199px) {
    .news-single__links-inner {
        grid-column: 5/span 8;
    }
}

@media (max-width: 1199px) {
    .news-single__links-inner {
        grid-column: span 12;
    }
}

.news-single__links-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 767px) {
    .news-single__links-title {
        font-size: 18px;
        line-height: 20px;
    }
}

.news-single__links-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 28px;
    transition: 0.2s;
}

@media (max-width: 767px) {
    .news-single__links-item {
        font-size: 14px;
        line-height: 17px;
        margin-top: 24px;
    }
}

.news-single__links-item+.news-single__links-item {
    margin-top: 12px;
}

.news-single__links-item:hover {
    color: #E3330A;
}

.news-single__links-icon {
    width: 24px;
    height: 24px;
    align-self: flex-start;
    flex-shrink: 0;
    fill: #E3330A;
}

.news-single__related {
    margin-top: 180px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .news-single__related {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .news-single__related {
        position: relative;
        margin-top: 80px;
        padding-bottom: 56px;
    }
}

.news-single__related-wrap {
    display: flex;
    align-items: center;
}

.news-single__related-controls {
    margin-left: 32px;
}

@media (max-width: 991px) {
    .news-single__related-controls {
        position: absolute;
        left: 40px;
        bottom: 0;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .news-single__related-controls {
        bottom: 5px;
        left: 20px;
    }
}

.news-single__related-btn {
    margin-left: auto;
}

@media (max-width: 991px) {
    .news-single__related-btn {
        position: absolute;
        right: 40px;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .news-single__related-btn {
        right: 20px;
    }
}

.news-single__related-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-top: 48px;
}

@media (max-width: 767px) {
    .news-single__related-grid {
        margin-top: 32px;
    }
}

.news-single__related-slider {
    width: 100%;
    grid-column: span 10;
    overflow: visible;
}

@media (max-width: 1199px) {
    .news-single__related-slider {
        grid-column: span 12;
    }
}

.news-single__related-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .news-single__related-item {
        grid-template-columns: 100%;
        gap: 0;
    }
}

.news-single__related-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #EDEDF5;
    margin-left: -20px;
    padding: 40px;
}

@media (max-width: 1839px) {
    .news-single__related-content {
        padding: 32px;
    }
}

@media (max-width: 991px) {
    .news-single__related-content {
        margin-left: 0;
        padding: 32px 20px;
    }
}

.news-single__related-subtitle {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

@media (max-width: 1439px) {
    .news-single__related-subtitle {
        font-size: 24px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .news-single__related-subtitle {
        font-size: 20px;
        line-height: 24px;
    }
}

.news-single__related-more {
    margin-top: auto;
}

@media (max-width: 991px) {
    .news-single__related-more {
        margin-top: 24px;
    }
}

@media (max-width: 991px) {
    .news-single__related-img {
        height: 300px;
    }

    .news-single__related-img img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .news-single__related-img {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .news-single__gallery:is(.about-page__prod-slider) {
        margin-top: 80px;
    }
}

.work-page__heroscreen {
    margin-top: 30px;
}

@media (max-width: 1839px) {
    .work-page__heroscreen {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .work-page__heroscreen {
        margin-top: 48px;
    }
}

.work-page__heroscreen-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .work-page__heroscreen-wrap {
        grid-template-columns: 100%;
    }
}

.work-page__heroscreen-title {
    grid-column: span 6;
}

@media (max-width: 991px) {
    .work-page__heroscreen-title {
        grid-column: auto;
    }
}

.work-page__heroscreen-text {
    grid-column: span 5;
    font-size: 18px;
    line-height: 22px;
    margin-top: 4px;
}

@media (max-width: 1839px) {
    .work-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 6px;
    }
}

@media (max-width: 1439px) {
    .work-page__heroscreen-text {
        grid-column: 8/span 5;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .work-page__heroscreen-text {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .work-page__heroscreen-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.work-page__heroscreen-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 40px;
}

@media (max-width: 1839px) {
    .work-page__heroscreen-images {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .work-page__heroscreen-images {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .work-page__heroscreen-images {
        grid-template-columns: 100%;
        gap: 16px;
    }
}

.work-page__heroscreen-image {
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .work-page__heroscreen-image {
        aspect-ratio: 670/360;
    }

    .work-page__heroscreen-image img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .work-page__heroscreen-image {
        width: 100%;
        aspect-ratio: 320/200;
        max-height: 300px;
    }
}

.work-page__heroscreen-btn {
    margin-top: 48px;
}

@media (max-width: 1839px) {
    .work-page__heroscreen-btn {
        margin-top: 38px;
    }
}

@media (max-width: 991px) {
    .work-page__heroscreen-btn {
        margin-top: 32px;
    }
}

.work-page__career {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .work-page__career {
        margin-top: 153px;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .work-page__career {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .work-page__career {
        position: relative;
        padding-bottom: 51px;
    }
}

.work-page__career-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

@media (max-width: 1199px) {
    .work-page__career-wrap {
        grid-template-columns: 100%;
        gap: 28px;
    }
}

.work-page__career-title {
    grid-column: span 6;
}

@media (max-width: 1199px) {
    .work-page__career-title {
        grid-column: auto;
    }
}

.work-page__career-text {
    grid-column: 8/span 4;
    font-size: 18px;
    line-height: 22px;
    margin-top: auto;
    padding-bottom: 7px;
}

@media (max-width: 1839px) {
    .work-page__career-text {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 1439px) {
    .work-page__career-text {
        grid-column: 8/span 5;
    }
}

@media (max-width: 1199px) {
    .work-page__career-text {
        grid-column: auto;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .work-page__career-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.work-page__career-controls {
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .work-page__career-controls {
        margin-top: 48px;
    }
}

@media (max-width: 767px) {
    .work-page__career-controls {
        position: absolute;
        left: 18px;
        bottom: 0;
        margin-top: 0;
    }
}

.work-page__career-slider {
    margin-top: 32px;
}

@media (max-width: 1839px) {
    .work-page__career-slider {
        margin-top: 28px;
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .work-page__career-slider {
        margin-top: 48px;
    }
}

.work-page__career-item {
    height: auto;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 40px 40px 60px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .work-page__career-item:hover .work-page__career-icon {
        transform: scale(1.0568181818);
    }

    .work-page__career-item:hover .work-page__career-subtitle,
    .work-page__career-item:hover .work-page__career-desc {
        color: #fff;
    }

    .work-page__career-item:hover::before {
        opacity: 1;
    }
}

@media (max-width: 1839px) {
    .work-page__career-item {
        width: calc((100% - 220px) / 12 * 5 + 80px);
    }
}

@media (max-width: 1199px) {
    .work-page__career-item {
        width: calc((100% - 220px) / 12 * 6 + 100px);
    }
}

@media (max-width: 767px) {
    .work-page__career-item {
        width: 100%;
        padding: 28px 20px 32px;
    }
}

.work-page__career-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
    opacity: 0;
    transition: 0.2s;
    z-index: -1;
}

.work-page__career-icon {
    width: 176px;
    transform-origin: top left;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .work-page__career-icon {
        width: 170px;
    }
}

@media (max-width: 767px) {
    .work-page__career-icon {
        width: 120px;
    }
}

.work-page__career-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 42px;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .work-page__career-subtitle {
        font-size: 24px;
        line-height: 26px;
        margin-top: 48px;
    }
}

@media (max-width: 767px) {
    .work-page__career-subtitle {
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
    }
}

.work-page__career-desc {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .work-page__career-desc {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .work-page__career-desc {
        font-size: 12px;
        line-height: 14px;
    }
}

.work-page__prep {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .work-page__prep {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .work-page__prep {
        margin-top: 80px;
    }
}

.work-page__prep-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: center;
    background: #8B66E8;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .work-page__prep-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }
}

.work-page__prep-content {
    grid-column: 2/span 4;
}

@media (max-width: 1199px) {
    .work-page__prep-content {
        grid-column: span 6;
        padding: 40px 20px;
    }
}

@media (max-width: 991px) {
    .work-page__prep-content {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .work-page__prep-content {
        padding: 40px 20px 60px;
    }
}

.work-page__prep-img {
    grid-column: 7/span 6;
}

@media (max-width: 991px) {
    .work-page__prep-img {
        grid-column: auto;
        height: 320px;
    }

    .work-page__prep-img img {
        height: 100%;
        object-fit: cover;
    }
}

.work-page__prep-text {
    max-width: 372px;
    font-size: 18px;
    color: #fff;
    font-family: "Rooftop Mono";
    line-height: 22px;
    margin-top: 28px;
}

@media (max-width: 1839px) {
    .work-page__prep-text {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .work-page__prep-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }
}

.work-page__integration {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .work-page__integration {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .work-page__integration {
        margin-top: 80px;
    }
}

.work-page__integration-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
}

@media (max-width: 991px) {
    .work-page__integration-grid {
        grid-template-columns: 100%;
    }
}

.work-page__integration-grid+.work-page__integration-grid {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .work-page__integration-grid+.work-page__integration-grid {
        margin-top: 48px;
    }
}

.work-page__integration-title {
    grid-column: span 7;
}

@media (max-width: 1839px) {
    .work-page__integration-title {
        grid-column: span 9;
    }
}

@media (max-width: 991px) {
    .work-page__integration-title {
        grid-column: auto;
    }
}

.work-page__integration-content {
    grid-column: 7/span 5;
}

@media (max-width: 1839px) {
    .work-page__integration-content {
        grid-column: 7/span 6;
    }
}

@media (max-width: 991px) {
    .work-page__integration-content {
        grid-column: auto;
    }
}

.work-page__integration-text {
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .work-page__integration-text {
        max-width: 556px;
    }
}

@media (max-width: 991px) {
    .work-page__integration-text {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .work-page__integration-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.work-page__integration-file {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 60px;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .work-page__integration-file {
        max-width: 556px;
    }
}

@media (max-width: 767px) {
    .work-page__integration-file {
        font-size: 12px;
        line-height: 14px;
        margin-top: 48px;
    }
}

.work-page__integration-file:hover {
    color: #E3330A;
}

.work-page__integration-file .icon {
    width: 24px;
    height: 24px;
    fill: #E3330A;
    flex-shrink: 0;
    align-self: flex-start;
}

.work-page__integration-subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 120px;
}

@media (max-width: 1839px) {
    .work-page__integration-subtitle {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .work-page__integration-subtitle {
        font-size: 18px;
        line-height: 20px;
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    .work-page__gallery:is(.about-page__prod) {
        margin-top: 80px;
    }
}

@media (max-width: 1439px) {
    .work-page__gallery .about-page__prod-wrap {
        grid-template-columns: 100%;
        gap: 32px;
    }
}

.work-page__gallery .about-page__prod-title {
    grid-column: span 6;
}

@media (max-width: 1839px) {
    .work-page__gallery .about-page__prod-title {
        margin-right: -100px;
    }
}

@media (max-width: 1439px) {
    .work-page__gallery .about-page__prod-title {
        grid-column: auto;
        margin-right: 0;
    }
}

.work-page__gallery .about-page__prod-text {
    grid-column: span 5;
    margin-top: 194px;
    padding-right: 0;
}

@media (max-width: 1839px) {
    .work-page__gallery .about-page__prod-text {
        grid-column: span 6;
        margin-top: 185px;
    }
}

@media (max-width: 1439px) {
    .work-page__gallery .about-page__prod-text {
        grid-column: auto;
        margin-top: 0;
    }
}

.work-page__gallery .about-page__prod-slider {
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .work-page__gallery .about-page__prod-slider {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .work-page__gallery .about-page__prod-slider {
        margin-top: 48px;
    }
}

.work-page__related {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .work-page__related {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .work-page__related {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .work-page__team:is(.about-page__team) {
        margin-top: 80px;
    }
}

.vacancies {
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .vacancies {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .vacancies {
        margin-top: 48px;
    }
}

.vacancies__item {
    border-bottom: 1px solid #C9C9CF;
    margin-top: 180px;
    padding-bottom: 59px;
}

@media (max-width: 1839px) {
    .vacancies__item {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .vacancies__item {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .vacancies__item {
        margin-top: 107px;
        padding-bottom: 39px;
    }
}

.vacancies__item--opened .vacancies__item-icon .icon:first-child {
    opacity: 0;
}

.vacancies__item--opened .vacancies__item-icon .icon:last-child {
    opacity: 1;
}

.vacancies__item+.vacancies__item {
    margin-top: 48px;
}

@media (max-width: 767px) {
    .vacancies__item+.vacancies__item {
        margin-top: 40px;
    }
}

.vacancies__item-head {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 991px) {
    .vacancies__item-head {
        display: flex;
        padding-right: 60px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-head {
        gap: 12px;
        padding-right: 36px;
    }
}

.vacancies__item-num {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: #4970B5;
    border-radius: 50%;
}

@media (max-width: 1839px) {
    .vacancies__item-num {
        width: 40px;
        height: 40px;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
    }
}

@media (max-width: 991px) {
    .vacancies__item-num {
        align-self: flex-start;
    }
}

@media (max-width: 767px) {
    .vacancies__item-num {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 17px;
    }
}

.vacancies__item-title {
    grid-column: span 8;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

@media (max-width: 1839px) {
    .vacancies__item-title {
        grid-column: span 7;
    }
}

@media (max-width: 767px) {
    .vacancies__item-title {
        font-size: 20px;
        line-height: 24px;
    }
}

.vacancies__item-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
}

@media (max-width: 1839px) {
    .vacancies__item-icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-icon {
        top: 4px;
        width: 20px;
        height: 20px;
    }
}

.vacancies__item-icon .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    fill: #000;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .vacancies__item-icon .icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-icon .icon {
        width: 20px;
        height: 20px;
    }
}

.vacancies__item-icon .icon:last-child {
    opacity: 0;
}

.vacancies__item-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.vacancies__item-inner {
    display: none;
    grid-column: 2/span 8;
    padding-top: 8px;
}

@media (max-width: 1839px) {
    .vacancies__item-inner {
        padding-top: 16px;
    }
}

@media (max-width: 991px) {
    .vacancies__item-inner {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    .vacancies__item-inner {
        padding-top: 40px;
    }
}

.vacancies__item-inner p {
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .vacancies__item-inner p {
        font-size: 16px;
        line-height: 19px;
    }
}

.vacancies__item-inner p span {
    font-weight: 500;
}

.vacancies__item-inner h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 48px;
}

@media (max-width: 1839px) {
    .vacancies__item-inner h4 {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-inner h4 {
        font-size: 12px;
        line-height: 14px;
        margin-top: 28px;
    }
}

.vacancies__item-inner ul {
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
}

@media (max-width: 767px) {
    .vacancies__item-inner ul {
        margin-top: 20px;
    }
}

.vacancies__item-inner ul li {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    padding-left: 20px;
}

@media (max-width: 1839px) {
    .vacancies__item-inner ul li {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-inner ul li {
        font-size: 12px;
        line-height: 14px;
    }
}

.vacancies__item-inner ul li+li {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .vacancies__item-inner ul li+li {
        margin-top: 8px;
    }
}

.vacancies__item-inner ul li::before {
    content: "";
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #E3330A;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .vacancies__item-inner ul li::before {
        top: 3.5px;
    }
}

.vacancies__item-btn {
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .vacancies__item-btn {
        margin-top: 48px;
    }
}

@media (max-width: 767px) {
    .vacancies__item-btn {
        margin-top: 28px;
    }
}

.vacancies__feedback .feedback__form-textarea {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vacancies__feedback .feedback__form-textarea textarea {
    height: 112px;
}

.vacancies__feedback .feedback__form-grid {
    align-items: flex-start;
}

.vacancies__feedback-files {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: auto;
}

@media (max-width: 1439px) {
    .vacancies__feedback-files {
        align-items: flex-start;
        flex-direction: column;
    }
}

.vacancies__feedback-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 32px;
}

@media (max-width: 1839px) {
    .vacancies__feedback-list {
        gap: 10px 20px;
    }
}

.vacancies__feedback-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}

@media (max-width: 1839px) {
    .vacancies__feedback-item {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .vacancies__feedback-item {
        font-size: 12px;
        line-height: 15px;
    }
}

.vacancies__feedback-item .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: #fff;
    transition: 0.2s;
    cursor: pointer;
}

@media (max-width: 767px) {
    .vacancies__feedback-item .icon {
        width: 16px;
        height: 16px;
    }
}

.vacancies__feedback-item .icon:hover {
    transform: rotate(90deg);
}

.vacancies__feedback-filebtn {
    flex-shrink: 0;
}

.vacancies__file-input {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.contact-us {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .contact-us {
        margin-top: 160px;
    }
}

@media (max-width: 767px) {
    .contact-us {
        margin-top: 80px;
    }
}

.contact-us__wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .contact-us__wrap {
        display: block;
    }
}

.contact-us__wrap+.contact-us__wrap {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .contact-us__wrap+.contact-us__wrap {
        margin-top: 28px;
    }
}

.contact-us__title {
    grid-column: span 6;
}

@media (max-width: 1439px) {
    .contact-us__title {
        grid-column: span 8;
    }
}

.contact-us__text {
    grid-column: 7/span 5;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

@media (max-width: 1839px) {
    .contact-us__text {
        grid-column: 7/span 6;
    }
}

@media (max-width: 1439px) {
    .contact-us__text {
        grid-column: 6/span 7;
    }
}

@media (max-width: 767px) {
    .contact-us__text {
        font-size: 20px;
        line-height: 24px;
    }
}

.contact-us__text a {
    color: #E3330A;
    text-decoration: underline;
}

.contact-us__text a:hover {
    text-decoration: none;
}

.contacts-page {
    margin-top: 40px;
}

@media (max-width: 1839px) {
    .contacts-page {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .contacts-page {
        margin-top: 48px;
    }
}

.contacts-page__wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .contacts-page__wrap {
        grid-template-columns: 100%;
        gap: 80px;
    }
}

.contacts-page__wrap+.contacts-page__wrap {
    margin-top: 40px;
}

@media (max-width: 1839px) {
    .contacts-page__wrap+.contacts-page__wrap {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .contacts-page__wrap+.contacts-page__wrap {
        margin-top: 48px;
    }
}

.contacts-page__wrap+.contacts-page__wrap .contacts-page__right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: flex-start;
}

@media (max-width: 1439px) {
    .contacts-page__wrap+.contacts-page__wrap .contacts-page__right {
        grid-template-columns: 100%;
    }
}

@media (max-width: 767px) {
    .contacts-page__wrap+.contacts-page__wrap .contacts-page__right {
        gap: 16px;
    }
}

.contacts-page__left {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991px) {
    .contacts-page__left {
        grid-column: auto;
    }
}

.contacts-page__right {
    grid-column: span 8;
}

@media (max-width: 991px) {
    .contacts-page__right {
        grid-column: auto;
    }
}

.contacts-page__map {
    height: 648px;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 1839px) {
    .contacts-page__map {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .contacts-page__map {
        height: 320px;
    }
}

.contacts-page__contact {
    margin-top: auto;
}

@media (max-width: 991px) {
    .contacts-page__contact {
        margin-top: 48px;
    }
}

.contacts-page__contact+.contacts-page__contact {
    margin-top: 60px;
}

@media (max-width: 1839px) {
    .contacts-page__contact+.contacts-page__contact {
        margin-top: 48px;
    }
}

@media (max-width: 991px) {
    .contacts-page__contact+.contacts-page__contact {
        margin-top: 28px;
    }
}

.contacts-page__contact-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .contacts-page__contact-title {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .contacts-page__contact-title {
        font-size: 12px;
        line-height: 14px;
    }
}

.contacts-page__contact-item {
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .contacts-page__contact-item {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .contacts-page__contact-item {
        font-size: 12px;
        line-height: 14px;
    }
}

.contacts-page__contact-item+.contacts-page__contact-item {
    margin-top: 4px;
}

.contacts-page__contact-item a {
    transition: 0.2s;
}

.contacts-page__contact-item a:hover {
    color: #E3330A;
}

.contacts-page__address {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

@media (max-width: 1839px) {
    .contacts-page__address {
        gap: 8px;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .contacts-page__address {
        font-size: 12px;
        line-height: 14px;
    }
}

.contacts-page__address-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    align-self: flex-start;
    fill: #E3330A;
}

@media (max-width: 1839px) {
    .contacts-page__address-icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .contacts-page__address-icon {
        width: 24px;
        height: 24px;
    }
}

.contacts-page__document:is(.document) .document__icon {
    width: 48px;
    height: 48px;
}

@media (max-width: 1839px) {
    .contacts-page__document:is(.document) .document__icon {
        width: 39px;
        height: 39px;
    }
}

@media (max-width: 767px) {
    .contacts-page__document:is(.document) .document__icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .contacts-page__document:is(.document) .document__info {
        padding-top: 4px;
    }
}

@media (max-width: 767px) {
    .contacts-page__document:is(.document) .document__type {
        font-size: 10px;
        line-height: 12px;
        margin-top: 8px;
    }
}

.search-results {
    margin-top: 120px;
}

@media (max-width: 1839px) {
    .search-results {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .search-results {
        margin-top: 112px;
    }
}

.search-results__total {
    font-size: 20px;
    line-height: 24px;
    margin-top: 40px;
}

@media (max-width: 1839px) {
    .search-results__total {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .search-results__total {
        font-size: 14px;
        line-height: 17px;
        margin-top: 24px;
    }
}

.search-results__list {
    margin-top: 80px;
}

@media (max-width: 767px) {
    .search-results__list {
        margin-top: 48px;
    }
}

.search-results__item {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    border-bottom: 1px solid #C9C9CF;
    padding-bottom: 31px;
}

@media (max-width: 767px) {
    .search-results__item {
        gap: 12px;
        padding-bottom: 23px;
    }
}

.search-results__item+.search-results__item {
    margin-top: 32px;
}

@media (max-width: 767px) {
    .search-results__item+.search-results__item {
        margin-top: 24px;
    }
}

.search-results__item-title {
    grid-column: span 8;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
}

@media (max-width: 1839px) {
    .search-results__item-title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .search-results__item-title {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    .search-results__item-title {
        font-size: 14px;
        line-height: 17px;
    }
}

.search-results__item-title a {
    text-decoration: underline;
    transition: 0.2s;
}

.search-results__item-title a:hover {
    color: #E3330A;
}

.search-results__item-text {
    grid-column: span 8;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width: 1839px) {
    .search-results__item-text {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 1199px) {
    .search-results__item-text {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    .search-results__item-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.search-results__item-text a {
    text-decoration: underline;
    transition: 0.2s;
}

.search-results__item-text a:hover {
    color: #E3330A;
}

.no-results {
    margin-top: 120px;
}

@media (max-width: 1839px) {
    .no-results {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .no-results {
        margin-top: 112px;
    }
}

.no-results__title {
    max-width: 870px;
}

@media (max-width: 1839px) {
    .no-results__title {
        max-width: 670px;
    }
}

.no-results__text {
    max-width: 573px;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 48px;
}

@media (max-width: 1839px) {
    .no-results__text {
        max-width: 440px;
        font-size: 20px;
        line-height: 24px;
        margin-top: 32px;
    }
}

@media (max-width: 1839px) {
    .no-results__text {
        max-width: 440px;
        font-size: 14px;
        line-height: 17px;
        margin-top: 28px;
    }
}

.page-404 {
    margin-top: 32px;
}

@media (max-width: 1839px) {
    .page-404 {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .page-404 {
        margin-top: 48px;
    }
}

.page-404__wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 157px 0 417px;
}

@media (max-width: 1839px) {
    .page-404__wrap {
        padding: 116px 0 319px;
    }
}

@media (max-width: 767px) {
    .page-404__wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 16px;
        padding: 60px 20px;
    }
}

.page-404__title {
    grid-column: 2/span 6;
}

@media (max-width: 1439px) {
    .page-404__title {
        grid-column: 2/span 7;
    }
}

@media (max-width: 1199px) {
    .page-404__title {
        grid-column: 2/span 8;
    }
}

@media (max-width: 991px) {
    .page-404__title {
        grid-column: 2/span 10;
    }
}

@media (max-width: 767px) {
    .page-404__title {
        grid-column: span 2;
    }
}

.page-404__text {
    grid-column: 2/span 4;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 40px;
}

@media (max-width: 1839px) {
    .page-404__text {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 991px) {
    .page-404__text {
        grid-column: 2/span 6;
    }
}

@media (max-width: 767px) {
    .page-404__text {
        grid-column: span 2;
        font-size: 18px;
        line-height: 20px;
        margin: 20px 0 80px;
    }
}

.page-404__icon {
    position: absolute;
    right: calc((100% - 220px) / 12 * 4 + 80px);
    bottom: 142px;
    width: calc((100% - 220px) / 12 * 3 + 40px);
}

@media (max-width: 1839px) {
    .page-404__icon {
        bottom: 117px;
    }
}

@media (max-width: 767px) {
    .page-404__icon {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
    }
}

.page-404__icon:last-child {
    right: calc((100% - 220px) / 12 + 20px);
}

@media (max-width: 767px) {
    .page-404__icon:last-child {
        right: auto;
    }
}

.investors-page__heroscreen {
    margin-top: 39px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen {
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .investors-page__heroscreen {
        margin-top: 48px;
    }
}

.investors-page__heroscreen-wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    background: #E3330A;
    border-radius: 8px;
    padding: 30px 0 203px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-wrap {
        padding-bottom: 133px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-wrap {
        display: block;
        padding: 40px 20px 263px;
    }
}

.investors-page__heroscreen .breadcrumbs {
    width: 100%;
    grid-column: span 12;
    margin-top: 0;
    padding: 0 30px;
}

.investors-page__heroscreen-title {
    grid-column: 2/span 5;
    margin-top: 135px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-title {
        margin-top: 88px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-title {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-top: 0;
    }
}

.investors-page__heroscreen-icon {
    position: absolute;
    right: 483px;
    bottom: 102px;
    width: 380px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-icon {
        bottom: 80px;
        right: 353px;
        width: 278px;
    }
}

@media (max-width: 1439px) {
    .investors-page__heroscreen-icon {
        bottom: 50px;
        right: 210px;
        width: 140px;
    }
}

@media (max-width: 1199px) {
    .investors-page__heroscreen-icon {
        right: 130px;
        width: 70px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-icon {
        right: calc(50% + 8px);
        bottom: 40px;
        width: 132px;
    }
}

.investors-page__heroscreen-icon:last-child {
    right: 70px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-icon:last-child {
        right: 47px;
    }
}

@media (max-width: 1439px) {
    .investors-page__heroscreen-icon:last-child {
        right: 50px;
    }
}

@media (max-width: 1439px) {
    .investors-page__heroscreen-icon:last-child {
        right: auto;
        left: calc(50% + 8px);
    }
}

.investors-page__heroscreen-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    align-items: flex-start;
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-grid {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-grid {
        grid-template-columns: 100%;
        gap: 48px;
        margin-top: 28px;
    }
}

.investors-page__heroscreen-btn {
    width: max-content;
    grid-column: span 6;
}

@media (max-width: 1199px) {
    .investors-page__heroscreen-btn {
        grid-column: span 5;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-btn {
        grid-column: auto;
    }
}

.investors-page__heroscreen-text {
    grid-column: span 4;
    font-size: 18px;
    font-family: "Rooftop Mono";
    line-height: 22px;
    padding-right: 18px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-text {
        grid-column: 8/span 5;
        font-size: 16px;
        line-height: 19px;
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    .investors-page__heroscreen-text {
        grid-column: 6/span 7;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        grid-column: auto;
    }
}

.investors-page__heroscreen-slider {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-slider {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__heroscreen-slider {
        margin: 80px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.investors-page__heroscreen-item {
    display: flex;
    flex-direction: column;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 20px;
    aspect-ratio: 1;
    overflow: hidden;
    transition: 0.2s;
}

.investors-page__heroscreen-item:nth-child(2n+1) {
    background: linear-gradient(45deg, #8B66E8 1%, #E3330A 100%);
}

.investors-page__heroscreen-item:nth-child(2n+1) .investors-page__heroscreen-subtitle {
    color: #fff;
}

@media (max-width: 767px) {
    .investors-page__heroscreen-item:nth-child(2n+1) .investors-page__heroscreen-desc {
        color: #fff;
    }
}

.investors-page__heroscreen-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #8B66E8;
    z-index: -1;
    opacity: 0;
    transition: 0.2s;
}

.investors-page__heroscreen-item:hover .investors-page__heroscreen-subtitle {
    opacity: 0;
}

@media (max-width: 767px) {
    .investors-page__heroscreen-item:hover .investors-page__heroscreen-subtitle {
        opacity: 1;
    }
}

.investors-page__heroscreen-item:hover .investors-page__heroscreen-desc {
    transform: none;
    opacity: 1;
}

.investors-page__heroscreen-item:hover .investors-page__heroscreen-image {
    transform: scale(1.0625);
}

@media (max-width: 767px) {
    .investors-page__heroscreen-item:hover .investors-page__heroscreen-image {
        transform: none;
    }
}

.investors-page__heroscreen-item:hover::before {
    opacity: 1;
}

@media (max-width: 767px) {
    .investors-page__heroscreen-item:hover::before {
        opacity: 0;
    }
}

.investors-page__heroscreen-subtitle {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-subtitle {
        font-size: 24px;
        line-height: 29px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-subtitle {
        font-size: 18px;
        line-height: 22px;
    }
}

.investors-page__heroscreen-image {
    width: 190px;
    margin-top: auto;
    transform-origin: bottom left;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-image {
        width: 160px;
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-image {
        width: 150px;
    }
}

.investors-page__heroscreen-desc {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    transform: translateY(77px);
    opacity: 0;
    transition: 0.2s;
}

@media (max-width: 1839px) {
    .investors-page__heroscreen-desc {
        transform: translateY(46px);
    }
}

@media (max-width: 767px) {
    .investors-page__heroscreen-desc {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        font-size: 12px;
        color: #000;
        line-height: 14px;
        margin-top: 16px;
        transform: none;
        opacity: 1;
    }
}

.investors-page__heroscreen-controls {
    margin-top: 32px;
}

.investors-page__analytics {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__analytics {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__analytics {
        margin-top: 80px;
    }
}

.investors-page__analytics-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
}

@media (max-width: 1199px) {
    .investors-page__analytics-wrap {
        grid-template-columns: 100%;
        gap: 60px;
    }
}

.investors-page__analytics-left {
    display: flex;
    flex-direction: column;
}

.investors-page__analytics-right {
    border-radius: 8px;
    overflow: hidden;
}

.investors-page__analytics-title {
    max-width: 618px;
}

@media (max-width: 1199px) {
    .investors-page__analytics-title {
        max-width: none;
    }
}

.investors-page__analytics-text {
    max-width: 722px;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-top: auto;
}

@media (max-width: 1839px) {
    .investors-page__analytics-text {
        max-width: 555px;
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 1199px) {
    .investors-page__analytics-text {
        max-width: none;
        margin-top: 48px;
    }
}

@media (max-width: 767px) {
    .investors-page__analytics-text {
        font-size: 18px;
        line-height: 20px;
    }
}

.investors-page__analytics-desc {
    max-width: 722px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 28px;
}

@media (max-width: 1839px) {
    .investors-page__analytics-desc {
        max-width: 555px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 1199px) {
    .investors-page__analytics-desc {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .investors-page__analytics-desc {
        font-size: 14px;
        line-height: 17px;
        margin-top: 24px;
    }
}

.investors-page__analytics-img {
    background: #F8F8FB;
}

@media (max-width: 1839px) {
    .investors-page__analytics-img picture {
        height: 370px;
    }

    .investors-page__analytics-img picture img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 1199px) {
    .investors-page__analytics-img picture {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .investors-page__analytics-img picture {
        height: 260px;
    }

    .investors-page__analytics-img picture img {
        object-fit: contain;
    }
}

.investors-page__analytics-content {
    background: #EDEDF5;
    padding: 32px 32px 40px;
}

@media (max-width: 1839px) {
    .investors-page__analytics-content {
        padding: 32px 20px 40px;
    }
}

@media (max-width: 767px) {
    .investors-page__analytics-content {
        padding: 20px;
    }
}

.investors-page__analytics-subtitle {
    max-width: 668px;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 1839px) {
    .investors-page__analytics-subtitle {
        max-width: 535px;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: -0.01em;
    }
}

@media (max-width: 1839px) {
    .investors-page__analytics-subtitle {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;
    }
}

.investors-page__analytics-btn {
    margin-top: 71px;
}

@media (max-width: 1839px) {
    .investors-page__analytics-btn {
        margin-top: 46px;
    }
}

@media (max-width: 767px) {
    .investors-page__analytics-btn {
        margin-top: 28px;
    }
}

.investors-page__bonds {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__bonds {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__bonds {
        margin-top: 80px;
    }
}

.investors-page__bonds-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
}

@media (max-width: 991px) {
    .investors-page__bonds-wrap {
        display: block;
    }
}

.investors-page__bonds-wrap+.investors-page__bonds-wrap {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .investors-page__bonds-wrap+.investors-page__bonds-wrap {
        margin-top: 28px;
    }
}

.investors-page__bonds-title {
    grid-column: span 6;
}

@media (max-width: 1439px) {
    .investors-page__bonds-title {
        grid-column: span 8;
    }
}

.investors-page__bonds-text {
    grid-column: 7/span 5;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-text {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 1199px) {
    .investors-page__bonds-text {
        grid-column: 6/span 7;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-text {
        font-size: 18px;
        line-height: 20px;
    }
}

.investors-page__bonds-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-grid {
        margin-top: 70px;
    }
}

@media (max-width: 1199px) {
    .investors-page__bonds-grid {
        grid-template-columns: 100%;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-grid {
        margin-top: 48px;
    }
}

.investors-page__bonds-left {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    grid-column: span 7;
}

@media (max-width: 1199px) {
    .investors-page__bonds-left {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-left {
        grid-template-columns: 100%;
        gap: 16px;
    }
}

.investors-page__bonds-item {
    grid-column: span 4;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #EDEDF5;
    border-radius: 8px;
    padding: 28px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-item {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-item {
        grid-column: auto;
        padding: 16px;
    }
}

.investors-page__bonds-item:nth-child(2n) {
    grid-column: span 3;
}

@media (max-width: 767px) {
    .investors-page__bonds-item:nth-child(2n) {
        grid-column: auto;
    }
}

.investors-page__bonds-key {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    background: linear-gradient(270deg, #8B66E8 0%, #E3330A 100%);
    border-radius: 100px;
    margin-bottom: auto;
    padding: 6px 16px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-key {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-key {
        font-size: 12px;
        line-height: 14px;
        padding: 4px 12px;
    }
}

.investors-page__bonds-value {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    margin-top: 100px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .investors-page__bonds-value {
        font-size: 32px;
        line-height: 38px;
        margin-top: 68px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-value {
        font-size: 20px;
        line-height: 24px;
        margin-top: 48px;
    }
}

.investors-page__bonds-right {
    grid-column: span 5;
    background: -webkit-image-set(url("../images/investors-page__bonds-bg.webp") type("image/webp"), url("../images/investors-page__bonds-bg.png") type("image/png")) no-repeat center/cover;
    background: image-set(url("../images/investors-page__bonds-bg.webp") type("image/webp"), url("../images/investors-page__bonds-bg.png") type("image/png")) no-repeat center/cover;
    border-radius: 8px;
    padding: 60px 60px 60px 48px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-right {
        padding-left: 40px;
    }
}

@media (max-width: 1199px) {
    .investors-page__bonds-right {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-right {
        padding: 28px 20px 80px;
    }
}

.investors-page__bonds-title2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 43px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .investors-page__bonds-title2 {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-title2 {
        font-size: 20px;
        line-height: 24px;
    }
}

.investors-page__bonds-text2 {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-top: 20px;
}

@media (max-width: 1839px) {
    .investors-page__bonds-text2 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .investors-page__bonds-text2 {
        font-size: 14px;
        line-height: 17px;
    }
}

.investors-page__perf {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__perf {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__perf {
        margin-top: 80px;
    }
}

.investors-page__perf-table {
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .investors-page__perf-table {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .investors-page__perf-table {
        margin: 48px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 36px;
        overflow-x: scroll;
    }
}

.investors-page__perf-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
}

@media (max-width: 767px) {
    .investors-page__perf-row {
        width: 626px;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }
}

.investors-page__perf-row:first-child .investors-page__perf-col {
    font-weight: 500;
    background: none !important;
    padding: 0 20px 24px;
}

@media (max-width: 1839px) {
    .investors-page__perf-row:first-child .investors-page__perf-col {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .investors-page__perf-row:first-child .investors-page__perf-col {
        font-size: 12px;
        line-height: 14px;
        padding: 0 12px 20px;
    }
}

.investors-page__perf-row:nth-child(2n) {
    background: #F8F8FB;
}

.investors-page__perf-row:nth-child(2n) .investors-page__perf-col:nth-child(2) {
    background: #F1F1F7;
}

.investors-page__perf-row:nth-child(2n+1) .investors-page__perf-col:nth-child(2) {
    background: #FBFBFD;
}

.investors-page__perf-col {
    grid-column: span 2;
    font-size: 18px;
    line-height: 22px;
    margin-left: -20px;
    padding: 16px 20px;
}

@media (max-width: 1839px) {
    .investors-page__perf-col {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 767px) {
    .investors-page__perf-col {
        grid-column: auto;
        width: 130px;
        font-size: 12px;
        line-height: 14px;
        margin-left: 0;
        padding: 16px 12px;
    }
}

.investors-page__perf-col:nth-child(1) {
    grid-column: span 6;
    margin-left: 0;
}

@media (max-width: 1839px) {
    .investors-page__perf-col:nth-child(1) {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .investors-page__perf-col:nth-child(1) {
        grid-column: auto;
        width: 236px;
        padding: 16px 20px 16px 12px;
    }
}

.investors-page__calendar {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__calendar {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__calendar {
        margin-top: 80px;
    }
}

.investors-page__calendar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

@media (max-width: 1839px) {
    .investors-page__calendar-grid {
        margin-top: 60px;
    }
}

@media (max-width: 1199px) {
    .investors-page__calendar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.investors-page__calendar-item {
    background: #8B66E8;
    border-radius: 8px;
    padding: 40px 28px 80px;
}

@media (max-width: 1839px) {
    .investors-page__calendar-item {
        padding: 40px 20px 80px;
    }
}

@media (max-width: 767px) {
    .investors-page__calendar-item {
        height: auto;
        padding: 40px 20px 48px;
    }
}

.investors-page__calendar-item:nth-child(2n+1) {
    background: linear-gradient(237.94deg, #8FDAFF 23%, #8B66E8 80.74%);
}

.investors-page__calendar-subtitle {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 43px;
    text-transform: uppercase;
}

@media (max-width: 1839px) {
    .investors-page__calendar-subtitle {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .investors-page__calendar-subtitle {
        font-size: 20px;
        line-height: 24px;
    }
}

.investors-page__calendar-text {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin-top: 24px;
}

@media (max-width: 1839px) {
    .investors-page__calendar-text {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.01em;
    }
}

@media (max-width: 767px) {
    .investors-page__calendar-text {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0;
        margin-top: 28px;
    }
}

.investors-page__calendar-slider {
    margin: 48px -20px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.investors-page__calendar-controls {
    margin-top: 32px;
}

.investors-page__info {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__info {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__info {
        margin-top: 80px;
    }
}

.investors-page__info .vacancies__item {
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .investors-page__info .vacancies__item {
        padding-bottom: 47px;
    }
}

@media (max-width: 991px) {
    .investors-page__info .vacancies__item {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .investors-page__info .vacancies__item {
        margin-top: 48px;
        padding-bottom: 23px;
    }
}

.investors-page__info .vacancies__item+.vacancies__item {
    margin-top: 48px;
}

@media (max-width: 767px) {
    .investors-page__info .vacancies__item+.vacancies__item {
        margin-top: 24px;
    }
}

.investors-page__info .vacancies__item-inner {
    padding-top: 42px;
}

.investors-page__info .vacancies__item-num {
    align-self: flex-start;
}

.investors-page__info .document {
    display: flex;
    width: max-content;
}

.investors-page__info .document+.document {
    margin-top: 24px;
}

.investors-page__media {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__media {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__media {
        margin-top: 80px;
    }
}

.investors-page__media-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 20px;
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .investors-page__media-grid {
        margin-top: 80px;
    }
}

.investors-page__media-item {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .investors-page__media-item {
        height: auto;
    }
}

.investors-page__media-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
    background: #EDEDF5;
    padding: 32px 32px 40px;
}

@media (max-width: 1839px) {
    .investors-page__media-content {
        padding: 32px 20px 40px;
    }
}

@media (max-width: 767px) {
    .investors-page__media-content {
        padding: 20px;
    }
}

.investors-page__media-subtitle {
    max-width: 668px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: auto;
}

@media (max-width: 1839px) {
    .investors-page__media-subtitle {
        max-width: 535px;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: -0.01em;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 767px) {
    .investors-page__media-subtitle {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;
        -webkit-line-clamp: 99;
    }
}

@media (max-width: 1839px) {
    .investors-page__media-img {
        height: 370px;
    }

    .investors-page__media-img img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 1199px) {
    .investors-page__media-img {
        height: 300px;
    }
}

@media (max-width: 991px) {
    .investors-page__media-img {
        height: 260px;
    }
}

.investors-page__media-btn {
    margin-top: 91px;
}

@media (max-width: 1839px) {
    .investors-page__media-btn {
        margin-top: 46px;
    }
}

@media (max-width: 767px) {
    .investors-page__media-btn {
        margin-top: 28px;
    }
}

.investors-page__media-slider {
    margin: 48px -20px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.investors-page__media-controls {
    margin-top: 32px;
}

.investors-page__contacts {
    margin-top: 180px;
}

@media (max-width: 1839px) {
    .investors-page__contacts {
        margin-top: 160px;
    }
}

@media (max-width: 991px) {
    .investors-page__contacts {
        margin-top: 80px;
    }
}

.investors-page__contacts-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 20px;
    align-items: flex-start;
    margin-top: 100px;
}

@media (max-width: 1839px) {
    .investors-page__contacts-wrap {
        margin-top: 80px;
    }
}

@media (max-width: 991px) {
    .investors-page__contacts-wrap {
        grid-template-columns: 100%;
        gap: 48px;
        margin-top: 48px;
    }
}

.investors-page__contacts-left {
    grid-column: span 5;
    font-size: 20px;
    line-height: 24px;
}

@media (max-width: 1839px) {
    .investors-page__contacts-left {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    .investors-page__contacts-left {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .investors-page__contacts-left {
        font-size: 14px;
        line-height: 17px;
    }
}

.investors-page__contacts-right {
    grid-column: 7/span 6;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    background: linear-gradient(84.17deg, #8B66E8 0%, #E3330A 100%);
    border-radius: 8px;
    padding: 60px 48px;
}

@media (max-width: 1839px) {
    .investors-page__contacts-right {
        font-size: 20px;
        line-height: 24px;
        padding: 40px 32px;
    }
}

@media (max-width: 991px) {
    .investors-page__contacts-right {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .investors-page__contacts-right {
        font-size: 14px;
        line-height: 17px;
        padding: 28px 20px;
    }
}

.investors-page__contacts-right a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
}

.investors-page__contacts-right a:hover {
    text-decoration: underline;
}

.investors-page__feedback~.footer {
    margin-top: 0;
}

.hide-xxl {
    display: none !important;
}

@media (max-width: 1839px) {
    .hide-xl {
        display: none !important;
    }

    .show-xl {
        display: block !important;
    }

    .show-xl-flex {
        display: flex !important;
    }

    .show-xl-iflex {
        display: inline-flex !important;
    }

    .show-xl-inline {
        display: inline !important;
    }

    .slider-controls__btn {
        width: 24px;
        height: 24px;
    }

    .slider-controls__text {
        font-size: 24px;
        line-height: 29px;
    }

    .input,
    .textarea__input,
    .select__select {
        height: 48px;
        font-size: 14px;
    }

    .textarea__input {
        height: 100%;
    }

    .textarea__count {
        font-size: 14px;
        line-height: 17px;
    }

    .check__text {
        font-size: 12px;
        line-height: 14px;
    }

    .breadcrumbs {
        margin-top: 26px;
    }

    .document__title {
        font-size: 20px;
        line-height: 24px;
    }

    .document__type {
        font-size: 12px;
        line-height: 14px;
    }

    .map-marker {
        width: 50px;
        height: 50px;
    }

    .map-marker__balloon {
        top: calc(100% + 3px);
        width: 325px;
        min-height: auto;
        padding: 20px 20px 32px;
    }

    .map-marker__balloon-title {
        font-size: 16px;
        line-height: 19px;
    }

    .map-marker__balloon-text {
        font-size: 14px;
        line-height: 17px;
    }

    .section__title {
        font-size: 46px;
        line-height: 55px;
    }

    .header {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .header .content-wrap,
    .header .breadcrumbs {
        height: 93px;
    }

    .header__logo {
        width: 180px;
    }

    .header__links {
        gap: 16px;
    }

    .header__link {
        font-size: 12px;
        padding: 8px 12px;
    }

    .header__submenu {
        top: 42px;
        max-width: 350px;
        padding: 20px;
    }

    .header__submenu-link {
        font-size: 14px;
        line-height: 17px;
    }

    .header__submenu-title {
        margin-top: 24px;
    }

    .header__submenu-title~.header__submenu-link {
        margin-top: 8px;
    }

    .header__submenu-title+.header__submenu-link {
        margin-top: 12px;
    }

    .header__search {
        width: 900px;
    }

    .header__search-btn {
        margin-left: 96px;
    }

    .header__search-icon {
        width: 24px;
        height: 24px;
    }

    .header__search-input {
        height: 52px;
        font-size: 16px;
        line-height: 19px;
        padding: 0 16px;
    }

    .header__search-find {
        width: 60px;
    }

    .header__search-find .icon {
        width: 28px;
        height: 28px;
    }

    .header__lang {
        height: 30px;
        gap: 4px;
        margin-left: 12px;
    }

    .header__lang-icon {
        width: 9px;
        height: 9px;
    }

    .header__lang-text {
        font-size: 12px;
    }

    .footer {
        padding-top: 67px;
        margin-top: 160px;
    }

    .footer__columns {
        gap: 114px 20px;
    }

    .footer__column-title {
        font-size: 10px;
        line-height: 11px;
    }

    .footer__column-title:not(:first-child) {
        margin-top: 32px;
    }

    .footer__column-link {
        font-size: 12px;
        line-height: 14px;
    }

    .footer__column-link+.footer__column-link {
        margin-top: 8px;
    }

    .footer__contacts-text,
    .footer__copy,
    .footer__link {
        font-size: 12px;
        line-height: 14px;
    }

    .footer__contacts,
    .footer__links {
        padding-right: 0;
    }

    .footer__contacts {
        padding-top: 16px;
    }

    .heroscreen {
        padding-top: 80px;
    }

    .heroscreen__title {
        grid-column: span 7;
        font-size: 32px;
        line-height: 38px;
        padding-right: 0;
    }

    .heroscreen__text {
        font-size: 16px;
        line-height: 19px;
    }

    .heroscreen__text-wrap {
        grid-column: 9/span 4;
    }

    .heroscreen__btn {
        margin-top: 28px;
    }

    .heroscreen__cards {
        margin-top: 40px;
    }

    .heroscreen__card {
        height: 290px;
    }

    .heroscreen__card-title {
        font-size: 24px;
        line-height: 29px;
    }

    .heroscreen__card-text {
        font-size: 16px;
        line-height: 19px;
    }

    .heroscreen__card-content {
        padding: 32px 20px 20px;
        transform: translateY(calc(100% - 32px - 29px - 20px));
    }

    .heroscreen__contacts {
        margin-top: 31px;
    }

    .heroscreen__contacts-item {
        font-size: 14px;
        line-height: 17px;
    }

    .about {
        margin-top: 158px;
    }

    .about__title-left {
        grid-column: span 4;
    }

    .about__title-text {
        grid-column: 7/span 6;
        font-size: 24px;
        line-height: 26px;
    }

    .about__items {
        margin-top: 80px;
    }

    .about__item {
        height: 400px;
    }

    .about__item-title {
        font-size: 80px;
        line-height: 56px;
    }

    .about__item-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 40px;
    }

    .about__item-content {
        padding: 24px 20px;
    }

    .about__item:nth-child(2),
    .about__item:nth-child(4) {
        height: 260px;
    }

    .activity {
        margin-top: 160px;
    }

    .activity__items {
        margin-top: 48px;
    }

    .activity__item {
        height: 480px;
        padding: 20px;
    }

    .activity__item-title {
        font-size: 24px;
        line-height: 28.5px;
    }

    .activity__item-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 140px;
    }

    .activity__item-img {
        width: 100%;
        height: 100%;
    }

    .activity__item-img img {
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }

    .quality {
        margin-top: 160px;
    }

    .quality__title-text {
        font-size: 16px;
        line-height: 19px;
        padding-top: 185px;
    }

    .quality__left-title {
        font-size: 32px;
        line-height: 38px;
    }

    .quality__left-text {
        font-size: 20px;
        line-height: 24px;
        margin-top: 160px;
    }

    .quality__right-img {
        width: 340px;
    }

    .news {
        margin-top: 160px;
    }

    .news__item-content {
        padding: 32px;
    }

    .news__item-img {
        height: 410px;
    }

    .news__item-img img {
        height: 100%;
        object-fit: cover;
    }

    .feedback {
        margin-top: 160px;
        padding: 120px 0 138px;
    }

    .feedback__form-grid {
        gap: 16px 20px;
    }

    .contacts {
        margin-top: 160px;
    }

    .contacts__left {
        padding: 40px 40px 60px;
    }

    .contacts__map {
        height: 454px;
    }

    .contacts__column-title {
        font-size: 14px;
        line-height: 17px;
    }

    .contacts__column-contact,
    .contacts__column-address {
        font-size: 16px;
        line-height: 19px;
    }

    .about-page__history {
        margin-top: 40px;
    }

    .about-page__history-img {
        height: 380px;
    }

    .about-page__history-img img {
        height: 100%;
        object-fit: cover;
    }

    .about-page__history-wrap {
        margin-top: 72px;
    }

    .about-page__history-subtitle {
        font-size: 32px;
        line-height: 38px;
    }

    .about-page__history-text {
        font-size: 16px;
        line-height: 19px;
    }

    .about-page__history-btn {
        margin-top: 32px;
    }

    .about-page__history-note {
        grid-column: 7/span 6;
        font-size: 16px;
        line-height: 19px;
        padding-right: 78px;
    }

    .about-page__mission {
        margin-top: 140px;
    }

    .about-page__mission-title {
        font-size: 32px;
        line-height: 38px;
    }

    .about-page__mission-text {
        font-size: 24px;
        line-height: 26px;
    }

    .about-page__mission-img {
        height: 430px;
    }

    .about-page__mission-img img {
        height: 100%;
        object-fit: cover;
    }

    .about-page__prod {
        margin-top: 160px;
    }

    .about-page__prod-title {
        grid-column: span 5;
    }

    .about-page__prod-text {
        grid-column: 7/span 5;
        font-size: 16px;
        line-height: 19px;
        padding: 6px 0 0 0;
    }

    .about-page__prod-slider {
        margin-top: 71px;
    }

    .about-page__team {
        margin-top: 160px;
    }

    .about-page__team-btn {
        align-self: flex-end;
    }

    .about-page__team-slider {
        margin-top: 48px;
    }

    .about-page__team-img {
        height: 496px;
    }

    .about-page__team-img img {
        height: 100%;
        object-fit: cover;
    }

    .about-page__team-name {
        font-size: 24px;
        line-height: 29px;
        margin-top: 32px;
    }

    .about-page__team-role {
        font-size: 16px;
        line-height: 19px;
        margin-top: 8px;
    }

    .quality-page__desc {
        margin-top: 60px;
    }

    .quality-page__desc-right {
        padding-top: 6px;
    }

    .quality-page__desc-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .quality-page__desc-text {
        font-size: 16px;
        line-height: 19px;
    }

    .quality-page__desc .quality__wrap {
        margin-top: 80px;
    }

    .quality-page__desc .quality__left-title {
        font-size: 32px;
        line-height: 38px;
    }

    .quality-page__desc .quality__left-text {
        font-size: 20px;
        line-height: 24px;
        margin-top: 160px;
    }

    .quality-page__desc .quality__right-img {
        width: 348px;
    }

    .quality-page__trust {
        margin-top: 160px;
    }

    .quality-page__trust-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .quality-page__trust-subtitle:not(:first-child) {
        margin-top: 80px;
    }

    .quality-page__trust-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 28px;
    }

    .quality-page__trust-text--right {
        grid-column: span 5;
        margin-top: 48px;
    }

    .quality-page__trust-right {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0 20px;
        padding-top: 0;
    }

    .quality-page__trust-cert {
        grid-column: span 6;
        font-size: 16px;
        line-height: 19px;
    }

    .quality-page__trust-subtitle {
        grid-column: span 6;
    }

    .quality-page__trust-doc {
        grid-column: span 6;
    }

    .quality-page__stages {
        margin-top: 160px;
    }

    .quality-page__stages-title {
        grid-column: span 6;
    }

    .quality-page__stages-text {
        font-size: 24px;
        line-height: 26px;
    }

    .quality-page__stages-items {
        margin-top: 80px;
    }

    .quality-page__stages-item {
        padding: 40px 40px 60px;
    }

    .quality-page__stages-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .quality-page__stages-desc {
        font-size: 14px;
        line-height: 17px;
    }

    .quality-page__stages-btn {
        margin-top: 30px;
    }

    .licenses-page__list {
        margin-top: 40px;
    }

    .partners-page__list {
        margin-top: 40px;
    }

    .partners-page__list-items {
        margin-top: 160px;
    }

    .partners-page__item {
        grid-template-columns: repeat(12, 1fr);
    }

    .partners-page__item-title {
        font-size: 24px;
        line-height: 26px;
        grid-column: span 7;
    }

    .partners-page__item-num {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 24px;
    }

    .partners-page__item-links {
        grid-column: span 5;
    }

    .partners-page__item-link {
        font-size: 16px;
        line-height: 19px;
    }

    .partners-page__item-icon {
        align-self: flex-start;
    }

    .customers-page__list {
        margin-top: 40px;
    }

    .reviews-page__list {
        margin-top: 40px;
    }

    .reviews-page__item-title {
        font-size: 24px;
        line-height: 29px;
    }

    .reviews-page__item-text {
        font-size: 16px;
        line-height: 19px;
    }

    .reviews-page__item-text ul,
    .reviews-page__item-text ol {
        margin: 19px 0;
    }

    .management-page__list {
        margin-top: 40px;
    }

    .management-page__list-text {
        height: 287px;
        padding: 30px 32px;
    }

    .management-page__list-text p {
        max-width: 523px;
    }

    .management-page__list-name {
        font-size: 24px;
        line-height: 29px;
        margin-top: 43px;
    }

    .management-page__list-role {
        font-size: 16px;
        line-height: 19px;
    }

    .management-page__list-ceo {
        margin-top: 42px;
    }

    .management-page__list-grid {
        gap: 0 20px;
        margin-top: 341px;
    }

    .management-page__item-img {
        aspect-ratio: 1;
    }

    .management-page__item-img img {
        height: 100%;
        object-fit: cover;
    }

    .management-page__item:nth-child(-n+4) {
        margin-bottom: -20px;
    }

    .management-page__item:nth-child(4n+2) {
        margin-top: 120px;
    }

    .management-page__item:nth-child(4n+3) {
        margin-top: -284px;
    }

    .management-page__item:nth-child(4n+4) {
        margin-top: -164px;
    }

    .gallery-page__list {
        margin-top: 40px;
    }

    .gallery-page__list-wrap {
        align-items: center;
    }

    .gallery-page__list-grid {
        gap: 40px 20px;
        margin-top: 48px;
    }

    .gallery-page__album-title {
        margin-top: 12px;
    }

    .gallery-page__photos {
        margin-top: 40px;
    }

    .gallery-page__photos-grid {
        margin-top: 48px;
    }

    .breathalyzers-page__heroscreen {
        margin-top: 20px;
    }

    .breathalyzers-page__heroscreen-breadcrumbs {
        grid-column: span 7;
        margin-top: 0;
    }

    .breathalyzers-page__heroscreen-content {
        grid-column: span 7;
        grid-template-columns: repeat(7, 1fr);
    }

    .breathalyzers-page__heroscreen-title {
        grid-column: 2/span 6;
        grid-template-columns: repeat(6, 1fr);
        font-size: 46px;
        line-height: 55px;
        margin-top: 111px;
    }

    .breathalyzers-page__heroscreen-title span {
        grid-column: span 6;
    }

    .breathalyzers-page__heroscreen-title span:last-child {
        grid-column: 2/span 5;
    }

    .breathalyzers-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 28px;
    }

    .breathalyzers-page__heroscreen-btn {
        margin-top: 48px;
    }

    .breathalyzers-page__heroscreen-btns {
        margin-top: 104px;
    }

    .breathalyzers-page__heroscreen-img {
        grid-column: span 4;
        margin-left: -45px;
        margin-right: -29px;
    }

    .breathalyzers-page__about {
        margin-top: 160px;
    }

    .breathalyzers-page__about-title {
        margin-right: -40px;
        padding-left: 40px;
    }

    .breathalyzers-page__about-text {
        grid-column: span 6;
        font-size: 16px;
        line-height: 19px;
        padding: 119px 75px 0 40px;
    }

    .breathalyzers-page__video {
        margin-top: 160px;
    }

    .breathalyzers-page__stats {
        margin-top: 160px;
    }

    .breathalyzers-page__stats-text {
        grid-column: span 6;
        font-size: 24px;
        line-height: 26px;
        padding-top: 117px;
    }

    .breathalyzers-page__model {
        margin-top: 160px;
    }

    .breathalyzers-page__model-title {
        grid-column: span 8;
    }

    .breathalyzers-page__model-item {
        height: 500px;
        padding: 40px;
    }

    .breathalyzers-page__model-subtitle {
        font-size: 32px;
        line-height: 38px;
    }

    .breathalyzers-page__model-text {
        max-width: 515px;
        font-size: 24px;
        line-height: 26px;
        margin-top: 56px;
    }

    .breathalyzers-page__model-wrap:not(:first-child) {
        margin-top: 48px;
    }

    .breathalyzers-page__info {
        padding: 140px 0 452px;
    }

    .breathalyzers-page__info-title {
        grid-column: span 8;
        grid-template-columns: repeat(8, 1fr);
    }

    .breathalyzers-page__info-title span {
        grid-column: span 8;
        padding-left: 15px;
    }

    .breathalyzers-page__info-title span:last-child {
        grid-column: 3/span 6;
        padding-left: 4px;
    }

    .breathalyzers-page__info-text {
        width: 100%;
        grid-column: span 4;
        font-size: 16px;
        line-height: 19px;
        margin-left: calc((100% - 60px) / -4 - 20px);
        padding-top: 7px;
    }

    .breathalyzers-page__info-icon {
        width: 372px;
        left: calc(50% - 267px);
        bottom: 160px;
    }

    .breathalyzers-page__info-icon+.breathalyzers-page__info-icon {
        left: calc(50% + 125px);
    }

    .breathalyzers-page__advantages {
        margin-top: 160px;
    }

    .breathalyzers-page__advantages-grid {
        margin-top: 48px;
    }

    .breathalyzers-page__advantages-subtitle {
        font-size: 24px;
        line-height: 29px;
    }

    .breathalyzers-page__advantages-icon {
        width: 160px;
    }

    .breathalyzers-page__advantages-text {
        right: 20px;
        font-size: 16px;
        line-height: 19px;
    }

    .breathalyzers-page__customers {
        margin-top: 160px;
    }

    .breathalyzers-page__customers .customers-page__list-outer {
        margin-top: 48px;
    }

    .breathalyzers-page__certs {
        margin-top: 160px;
    }

    .breathalyzers-page__certs-title {
        font-size: 46px;
        line-height: 55px;
    }

    .breathalyzers-page__certs-text {
        font-size: 24px;
        line-height: 26px;
    }

    .breathalyzers-page__specs {
        margin-top: 160px;
    }

    .breathalyzers-page__specs-table {
        margin-top: 48px;
    }

    .breathalyzers-page__specs-row {
        grid-column: 4/span 9;
        grid-template-columns: repeat(9, 1fr);
    }

    .breathalyzers-page__specs-col {
        grid-column: span 5;
        font-size: 16px;
        line-height: 19px;
    }

    .breathalyzers-page__specs-col:last-child {
        grid-column: span 4;
    }

    .breathalyzers-page__map {
        margin-top: 160px;
    }

    .breathalyzers-page__map-wrap {
        height: 630px;
        margin-top: 48px;
    }

    .breathalyzers-page__managers {
        margin-top: 160px;
    }

    .breathalyzers-page__managers-title {
        max-width: 814px;
    }

    .breathalyzers-page__managers-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .breathalyzers-page__managers-contact {
        font-size: 16px;
        line-height: 19px;
    }

    .breathalyzers-page__reviews {
        margin-top: 157px;
    }

    .breathalyzers-page__reviews-grid {
        margin-top: 48px;
    }

    .breathalyzers-page__reviews-slider {
        grid-column: span 11;
    }

    .breathalyzers-page__reviews-slider .reviews-page__item {
        grid-template-columns: repeat(11, 1fr);
    }

    .breathalyzers-page__reviews-slider .reviews-page__item-title {
        max-width: none;
    }

    .breathalyzers-page__related {
        margin-top: 160px;
    }

    .breathalyzers-page__related-subtitle {
        font-size: 32px;
        line-height: 38px;
    }

    .breathalyzers-page__related-text {
        font-size: 20px;
        line-height: 24px;
    }

    .breathalyzers-page__related-wrap {
        margin-top: 48px;
    }

    .breathalyzers-page__related-img {
        height: 430px;
    }

    .breathalyzers-page__related-img img {
        height: 100%;
        object-fit: cover;
    }

    .alcolocks-page__heroscreen-wrap,
    .alcolocks-page__heroscreen-left {
        align-items: flex-start;
    }

    .alcolocks-page__heroscreen-breadcrumbs {
        margin-top: 0;
    }

    .alcolocks-page__heroscreen-title {
        margin-top: 120px;
    }

    .alcolocks-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 28px;
    }

    .alcolocks-page__heroscreen-btn {
        margin-top: 48px;
    }

    .alcolocks-page__heroscreen-download {
        margin-top: 122px;
    }

    .alcolocks-page__heroscreen-img {
        height: 627px;
    }

    .alcolocks-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
    }

    .alcolocks-page__integration {
        margin-top: 160px;
    }

    .alcolocks-page__integration .about-page__prod-slider {
        margin-top: 80px;
    }

    .alcolocks-page__purpose {
        margin-top: 160px;
    }

    .alcolocks-page__purpose-item {
        display: flex;
        flex-direction: column;
    }

    .alcolocks-page__purpose-item:nth-child(3) .alcolocks-page__purpose-inner {
        height: 308px;
    }

    .alcolocks-page__purpose-inner {
        padding: 32px 28px 0 20px;
    }

    .alcolocks-page__purpose-text {
        letter-spacing: -0.01em;
    }

    .alcolocks-page__purpose-after {
        font-size: 16px;
        line-height: 19px;
        margin-top: auto;
    }

    .alcolocks-page__components {
        margin-top: 160px;
    }

    .alcolocks-page__components-slider {
        margin-top: 48px;
    }

    .alcolocks-page__components-item {
        width: calc((100% - 220px) / 12 * 5 + 80px);
    }

    .alcolocks-page__components-icon {
        width: 170px;
    }

    .alcolocks-page__components-subtitle {
        font-size: 24px;
        line-height: 26px;
        margin-top: 48px;
    }

    .alcolocks-page__components-text {
        font-size: 14px;
        line-height: 17px;
    }

    .alcolocks-page__specs {
        margin-top: 160px;
    }

    .alcolocks-page__specs-title {
        grid-column: span 6;
    }

    .alcolocks-page__specs-text {
        font-size: 24px;
        line-height: 26px;
        padding-top: 54px;
    }

    .alcolocks-page__specs-grid {
        margin-top: 48px;
    }

    .alcolocks-page__specs-subtitle {
        font-size: 100px;
        line-height: 70px;
    }

    .alcolocks-page__specs-desc {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.01em;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-text {
        line-height: 26px;
        margin-top: 60px;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-item {
        padding: 54px 40px 40px;
    }

    .case-page__content {
        margin-top: 38px;
    }

    .case-page__content-slider {
        margin-top: 48px;
    }

    .case-page__content-text {
        font-size: 16px;
        line-height: 19px;
    }

    .case-page__content-wrap {
        margin-top: 80px;
    }

    .service-page__heroscreen {
        margin-top: 30px;
    }

    .service-page__heroscreen-left {
        padding-top: 140px;
    }

    .service-page__heroscreen-img {
        height: 500px;
    }

    .service-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
    }

    .service-page__heroscreen-title {
        font-size: 46px;
        line-height: 55px;
    }

    .service-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
    }

    .service-page__heroscreen-after {
        margin-top: 80px;
    }

    .service-page__heroscreen-desc {
        font-size: 24px;
        line-height: 26px;
    }

    .service-page__heroscreen-desc+.service-page__heroscreen-desc {
        font-size: 18px;
        line-height: 22px;
    }

    .service-page__advantages {
        margin-top: 160px;
    }

    .service-page__advantages-title {
        padding-right: 0;
        margin-right: -100px;
    }

    .service-page__advantages-text {
        font-size: 16px;
        line-height: 19px;
        padding-top: 130px;
    }

    .service-page__advantages-controls {
        margin-top: 60px;
    }

    .service-page__advantages-slider {
        margin-top: 48px;
    }

    .service-page__related {
        margin-top: 160px;
    }

    .service-page__related-slider {
        margin-top: 48px;
    }

    .service-page__related-img {
        height: 370px;
    }

    .service-page__related-img img {
        height: 100%;
        object-fit: cover;
    }

    .service-page__related-content {
        padding: 32px 20px 40px;
    }

    .service-page__related-subtitle {
        font-size: 28px;
        line-height: 34px;
    }

    .service-page__related-btn {
        margin-top: 90px;
    }

    .printing-page__heroscreen-breadcrumbs {
        margin-top: 8px;
    }

    .printing-page__heroscreen-title {
        grid-template-columns: repeat(5, 1fr);
        grid-column: span 5;
        margin-top: 110px;
    }

    .printing-page__heroscreen-title span {
        grid-column: span 5;
    }

    .printing-page__heroscreen-title span:last-child {
        grid-column: 2/span 4;
    }

    .printing-page__heroscreen-btn {
        grid-column: 2/span 4;
        margin-top: 48px;
    }

    .printing-page__about {
        margin-top: 160px;
    }

    .printing-page__about-img {
        height: 400px;
    }

    .printing-page__about-img img {
        height: 100%;
        object-fit: cover;
    }

    .printing-page__about-left {
        font-size: 20px;
        line-height: 24px;
        padding: 48px 40px 0;
    }

    .printing-page__about-grid {
        margin-top: 100px;
    }

    .printing-page__about-title {
        margin-right: -100px;
    }

    .printing-page__about-list ul li {
        font-size: 18px;
        line-height: 22px;
    }

    .printing-page__services {
        margin-top: 160px;
        padding: 100px 0 108px;
    }

    .printing-page__services-img {
        height: 300px;
    }

    .printing-page__services-img img {
        height: 100%;
        object-fit: cover;
    }

    .printing-page__services-content {
        padding: 20px;
    }

    .printing-page__services-subtitle {
        font-size: 28px;
        line-height: 34px;
    }

    .printing-page__services-btn {
        margin-top: 173px;
    }

    .printing-page__operations {
        margin-top: 160px;
    }

    .printing-page__operations-title {
        max-width: 900px;
        font-size: 32px;
        line-height: 38px;
    }

    .printing-page__operations-item {
        height: auto;
        aspect-ratio: 1;
        padding: 20px;
    }

    .printing-page__operations-subtitle {
        font-size: 16px;
        line-height: 19px;
    }

    .printing-page__operations-icon {
        width: 159px;
    }

    .printing-page__operations-slider {
        margin-top: 48px;
    }

    .printing-page__cases {
        margin-top: 160px;
    }

    .printing-page__cases-text {
        grid-column: span 6;
        font-size: 20px;
        line-height: 24px;
    }

    .printing-page__cases-content {
        padding: 32px 48px 32px 32px;
    }

    .printing-page__cases-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .printing-page__cases-desc {
        font-size: 16px;
        line-height: 19px;
    }

    .printing-page__related {
        margin-top: 160px;
    }

    .printers-page__heroscreen {
        margin-top: 21px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-breadcrumbs {
        margin-top: 5px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title {
        grid-template-columns: repeat(6, 1fr);
        grid-column: span 6;
        margin-top: 157px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title span {
        grid-column: span 6;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title span:last-child {
        grid-column: 2/span 5;
    }

    .printers-page__about {
        margin-top: 160px;
    }

    .printers-page__about-img {
        height: 430px;
    }

    .printers-page__about-img img {
        height: 100%;
        object-fit: cover;
    }

    .printers-page__about-title {
        font-size: 24px;
        line-height: 26px;
    }

    .printers-page__about-text {
        max-width: 555px;
        font-size: 16px;
        line-height: 19px;
    }

    .printers-page__models {
        margin-top: 160px;
        padding: 100px 0 70px;
    }

    .printers-page__models-img {
        height: 300px;
    }

    .printers-page__models-img img {
        height: 100%;
        object-fit: cover;
    }

    .printers-page__models-text {
        min-height: 117px;
    }

    .printers-page__models-text br {
        display: none;
    }

    .printers-page__models-content {
        padding: 20px;
    }

    .printers-page__models-slider {
        margin-top: 48px;
    }

    .printers-page__advantages {
        margin-top: 160px;
    }

    .printers-page__advantages-title {
        font-size: 24px;
        line-height: 26px;
    }

    .printers-page__advantages-text {
        font-size: 16px;
        line-height: 19px;
    }

    .printers-page__advantages-slider {
        margin-top: 80px;
    }

    .printers-page__advantages-subtitle {
        font-size: 24px;
        line-height: 29px;
    }

    .printers-page__advantages-icon {
        width: 160px;
    }

    .printers-page__advantages-item {
        padding: 20px;
    }

    .printers-page__support {
        margin-top: 160px;
    }

    .printers-page__support-grid+.printers-page__support-grid {
        margin-top: 60px;
    }

    .printers-page__support-list ul li {
        font-size: 20px;
        line-height: 24px;
    }

    .printers-page__support-list ul li+li {
        margin-top: 12px;
    }

    .printers-page__examples {
        margin-top: 100px;
    }

    .printers-page__examples-title {
        max-width: 670px;
        font-size: 24px;
        line-height: 26px;
    }

    .printers-page__examples-slider {
        margin-top: 48px;
    }

    .printers-page__program {
        margin-top: 160px;
    }

    .printers-page__program-title {
        max-width: 785px;
    }

    .printers-page__program-wrap {
        margin-top: 100px;
    }

    .printers-page__program-text {
        grid-column: span 5;
    }

    .printers-page__advantages2 {
        margin-top: 160px;
        padding: 100px 0 160px;
    }

    .printers-page__advantages2-items {
        margin-top: 48px;
    }

    .printers-page__advantages2-icon {
        width: 24px;
        height: 24px;
    }

    .printers-page__advantages2-text {
        font-size: 16px;
        line-height: 19px;
    }

    .printers-page__feedback {
        margin-top: 0;
    }

    .printers-page__stage-title {
        font-size: 32px;
        line-height: 38px;
    }

    .printer-page__heroscreen {
        margin-top: 30px;
    }

    .printer-page__heroscreen-img {
        height: 500px;
    }

    .printer-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
    }

    .printer-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
    }

    .printer-page__equipment {
        margin-top: 160px;
    }

    .printer-page__equipment-title {
        font-size: 32px;
        line-height: 38px;
    }

    .printer-page__equipment-cell {
        font-size: 16px;
        line-height: 19px;
    }

    .printer-page__equipment-wrap {
        margin-top: 48px;
    }

    .printer-page__related {
        margin-top: 160px;
    }

    .printer-page__related-slider {
        margin-top: 48px;
    }

    .lidars-page__heroscreen {
        margin-top: 20px;
    }

    .lidars-page__heroscreen-breadcrumbs {
        margin-top: 0;
    }

    .lidars-page__heroscreen-content {
        padding: 40px 0;
    }

    .lidars-page__heroscreen-title {
        margin-top: 146px;
    }

    .lidars-page__heroscreen-text {
        grid-column: 3/span 4;
        font-size: 16px;
        line-height: 19px;
        margin-top: 28px;
    }

    .lidars-page__heroscreen-btn {
        margin-top: 48px;
    }

    .lidars-page__meteo .breathalyzers-page__certs-text {
        font-size: 16px;
        line-height: 19px;
    }

    .lidars-page__avia {
        margin-top: 160px;
    }

    .lidars-page__avia-num {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 24px;
    }

    .lidars-page__avia-subtitle {
        font-size: 32px;
        line-height: 38px;
    }

    .lidars-page__avia-icon {
        width: 40px;
        height: 40px;
    }

    .lidars-page__avia-text {
        font-size: 16px;
        line-height: 19px;
    }

    .lidars-page__avia-outer {
        margin-top: 78px;
    }

    .lidars-page__video {
        margin-top: 160px;
    }

    .lidars-page__video-info {
        top: 28px;
        left: 28px;
    }

    .lidars-page__video-subtitle {
        font-size: 24px;
        line-height: 26px;
    }

    .lidars-page__video-desc {
        font-size: 16px;
        line-height: 19px;
    }

    .lidars-page__video-play {
        width: 100px;
        height: 100px;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    }

    .lidars-page__production {
        margin-top: 160px;
    }

    .lidars-page__production-grid .printers-page__models-subtitle {
        font-size: 28px;
        line-height: 34px;
    }

    .lidars-page__production-grid .printers-page__models-text {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.02em;
    }

    .lidars-page__production-grid .printers-page__models-btn {
        margin-top: 18px;
    }

    .lidars-page__certs {
        margin-top: 160px;
    }

    .lidars-page__certs-num {
        font-size: 100px;
        line-height: 70px;
    }

    .lidars-page__certs-text {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 0;
    }

    .lidars-page__certs-btn {
        margin-top: 28px;
    }

    .lidars-page__certs-note {
        font-size: 32px;
        line-height: 38px;
    }

    .lidars-page__gallery {
        margin-top: 160px;
    }

    .complex-page__heroscreen {
        margin-top: 30px;
    }

    .complex-page__heroscreen-content {
        padding-top: 70px;
    }

    .complex-page__heroscreen-text {
        font-size: 16px;
        line-height: 19px;
    }

    .complex-page__heroscreen-grid {
        margin-top: 60px;
    }

    .complex-page__heroscreen-desc {
        font-size: 16px;
        line-height: 19px;
    }

    .complex-page__heroscreen-desc--pt {
        padding-top: 98px;
    }

    .complex-page__heroscreen-desc:first-child span {
        font-size: 24px;
        line-height: 26px;
    }

    .complex-page__heroscreen-desc:last-child span {
        font-size: 20px;
        line-height: 24px;
    }

    .complex-page__scopes .alcolocks-page__specs-grid {
        margin-top: 48px;
    }

    .complex-page__scopes .alcolocks-page__specs-item {
        padding: 40px 20px;
    }

    .complex-page__specs .breathalyzers-page__specs-col ul {
        padding-left: 24px;
    }

    .complex-page__specs .breathalyzers-page__specs-col:last-child {
        padding-right: 16px;
    }

    .complex-page__related {
        margin-top: 160px;
    }

    .complex-page__related-wrap {
        gap: 32px;
    }

    .complex-page__related-slider {
        margin-top: 48px;
    }

    .complex-page__related .printers-page__models-text {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 1439px) {
    .hide-lg {
        display: none !important;
    }

    .show-lg {
        display: block !important;
    }

    .show-lg-flex {
        display: flex !important;
    }

    .show-lg-inline {
        display: inline !important;
    }

    .header__search-btn {
        margin-left: 30px;
    }

    .heroscreen__title {
        grid-column: span 8;
    }

    .about__title-text {
        padding-top: 0;
    }

    .about__item-title {
        font-size: 56px;
        line-height: 42px;
    }

    .about__item-text {
        font-size: 14px;
        line-height: 17px;
    }

    .activity__item-img {
        height: 100%;
    }

    .quality__title {
        grid-column: span 7;
    }

    .quality__left-text {
        margin-top: 120px;
    }

    .about-page__history-note {
        padding-right: 0;
    }

    .about-page__prod-text {
        padding-top: 0;
    }

    .quality-page__stages-text {
        grid-column: 8/span 5;
        padding-top: 0;
    }

    .management-page__list-text {
        height: auto;
        padding: 32px;
    }

    .management-page__list-text p {
        max-width: none;
    }

    .breathalyzers-page__heroscreen-img {
        margin: 0 0 -44px;
    }

    .breathalyzers-page__heroscreen-content {
        grid-column: span 8;
        grid-template-columns: repeat(8, 1fr);
    }

    .breathalyzers-page__heroscreen-breadcrumbs {
        grid-column: span 8;
    }

    .breathalyzers-page__heroscreen-title {
        grid-column: 2/span 7;
        grid-template-columns: repeat(7, 1fr);
    }

    .breathalyzers-page__heroscreen-title span {
        grid-column: span 7;
    }

    .breathalyzers-page__heroscreen-title span:last-child {
        grid-column: 2/span 6;
    }

    .breathalyzers-page__heroscreen-btn {
        grid-column: 3/span 4;
    }

    .breathalyzers-page__about-title {
        grid-column: span 7;
        margin-right: 0;
        padding-left: 0;
    }

    .breathalyzers-page__about-text {
        grid-column: span 5;
        padding-left: 0;
        padding-right: 0;
    }

    .breathalyzers-page__model-title {
        grid-column: span 12;
    }

    .breathalyzers-page__info {
        padding-bottom: 330px;
    }

    .breathalyzers-page__info-wrap {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .breathalyzers-page__info-title {
        display: block;
        grid-column: auto;
        margin-right: 0;
    }

    .breathalyzers-page__info-title span,
    .breathalyzers-page__info-title span:last-child {
        max-width: none;
        padding-left: 0;
    }

    .breathalyzers-page__info-text {
        max-width: 440px;
        grid-column: auto;
        margin-left: 0;
        padding-top: 0;
    }

    .breathalyzers-page__info-icon {
        left: auto;
        right: 428px;
        bottom: 48px;
    }

    .breathalyzers-page__info-icon+.breathalyzers-page__info-icon {
        left: auto;
        right: 40px;
    }

    .breathalyzers-page__advantages-subtitle {
        font-size: 18px;
        line-height: 22px;
    }

    .breathalyzers-page__advantages-text {
        font-size: 12px;
        line-height: 14px;
    }

    .breathalyzers-page__advantages-icon {
        width: 140px;
    }

    .breathalyzers-page__certs-text {
        font-size: 22px;
        line-height: 24px;
    }

    .breathalyzers-page__managers-subtitle {
        font-size: 18px;
        line-height: 22px;
    }

    .breathalyzers-page__managers-name,
    .breathalyzers-page__managers-contact {
        font-size: 12px;
        line-height: 14px;
    }

    .alcolocks-page__heroscreen-wrap {
        grid-template-columns: repeat(12, 1fr);
    }

    .alcolocks-page__heroscreen-left {
        grid-column: span 7;
        grid-template-columns: repeat(7, 1fr);
    }

    .alcolocks-page__heroscreen-right {
        grid-column: span 5;
        height: 100%;
    }

    .alcolocks-page__heroscreen-breadcrumbs {
        grid-column: span 7;
    }

    .alcolocks-page__heroscreen-title {
        grid-column: span 7;
        margin-top: 60px;
    }

    .alcolocks-page__heroscreen-text {
        grid-column: 2/span 5;
    }

    .alcolocks-page__heroscreen-img {
        height: 100%;
    }

    .alcolocks-page__heroscreen-download {
        margin-top: 70px;
    }

    .printing-page__about-title {
        margin-right: -200px;
    }

    .printing-page__services-item {
        display: flex;
        flex-direction: column;
    }

    .printing-page__services-content {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-grow: 1;
    }

    .printing-page__services-subtitle {
        margin-bottom: auto;
    }

    .printing-page__operations-subtitle {
        margin-bottom: 39px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title {
        margin-top: 100px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-breadcrumbs {
        visibility: hidden;
    }

    .printers-page__about-content {
        padding: 40px 30px;
    }

    .printers-page__advantages-subtitle {
        font-size: 18px;
        line-height: 22px;
    }

    .printers-page__advantages-icon {
        width: 100px;
    }

    .printers-page__support-title {
        grid-column: span 12;
    }

    .printers-page__support-list {
        grid-column: span 6;
    }

    .printers-page__advantages2-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .printers-page__advantages2-item:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .printers-page__advantages2-item:nth-child(2n+2) {
        margin-left: -20px;
        padding-left: 20px;
    }

    .printers-page__advantages2-item:nth-last-child(-n+3) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 31px;
    }

    .printers-page__advantages2-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .printer-page__equipment-cell:last-child {
        padding-right: 16px;
    }

    .lidars-page__heroscreen-content {
        grid-auto-rows: max-content max-content max-content auto;
        padding: 32px 0 32px 40px;
    }

    .lidars-page__heroscreen-title {
        display: block;
        grid-column: span 6;
        margin-top: 70px;
    }

    .lidars-page__heroscreen-text,
    .lidars-page__heroscreen-btn {
        grid-column: span 6;
    }

    .lidars-page__heroscreen-btns {
        padding: 0;
    }

    .lidars-page__meteo .breathalyzers-page__certs-title {
        font-size: 26px;
        line-height: 31px;
    }

    .lidars-page__production-grid .printers-page__models-item {
        display: flex;
        flex-direction: column;
    }

    .lidars-page__production-grid .printers-page__models-content {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-grow: 1;
    }

    .lidars-page__production-grid .printers-page__models-text {
        margin-bottom: auto;
    }

    .complex-page__heroscreen-desc:first-child,
    .complex-page__heroscreen-desc:last-child {
        grid-column: span 6;
    }

    .complex-page__scopes .alcolocks-page__specs-title {
        grid-column: span 12;
    }

    .complex-page__related .printers-page__models-item {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .complex-page__related .printers-page__models-content {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-grow: 1;
    }

    .complex-page__related .printers-page__models-text {
        margin-bottom: auto;
    }

    .complex-page__specs-grid {
        grid-template-columns: 100%;
        gap: 32px;
    }
}

@media (max-width: 1199px) {
    .hide-md {
        display: none !important;
    }

    .show-md {
        display: block !important;
    }

    .show-md-flex {
        display: flex !important;
    }

    .show-md-inline {
        display: inline !important;
    }

    .header__search {
        width: auto;
        left: 40px;
    }

    .header__search-btn {
        margin-left: auto;
    }

    .footer__column:nth-child(1) {
        grid-column: span 3;
    }

    .footer__links {
        grid-column: 9/span 4;
    }

    .about__title-left {
        grid-column: span 6;
    }

    .about__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .about__item:nth-child(3) {
        margin-top: -140px;
        order: 2;
    }

    .about__item:nth-child(4) {
        margin-top: 0;
        order: 1;
    }

    .activity__item-title {
        font-size: 18px;
        line-height: 21px;
    }

    .news__item-title {
        font-size: 21px;
        line-height: 24px;
    }

    .contacts__wrap {
        grid-template-columns: 100%;
    }

    .contacts__left {
        gap: 48px;
    }

    .contacts__map {
        height: 400px;
    }

    .about-page__history-text {
        font-size: 14px;
        line-height: 17px;
    }

    .about-page__history-grid {
        grid-template-columns: 100%;
    }

    .about-page__history-note {
        grid-column: auto;
    }

    .about-page__mission-text {
        font-size: 18px;
        line-height: 22px;
    }

    .about-page__prod-wrap {
        grid-template-columns: 100%;
        gap: 28px;
    }

    .about-page__prod-title,
    .about-page__prod-text {
        grid-column: auto;
    }

    .quality-page__desc .quality__left-text {
        margin-top: 120px;
    }

    .partners-page__item-title,
    .partners-page__item-links {
        grid-column: span 6;
    }

    .reviews-page__item-text {
        grid-column: span 8;
        padding-right: 40px;
    }

    .management-page__list-img {
        grid-column: span 6;
    }

    .management-page__list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 20px;
        margin-top: 80px;
    }

    .management-page__item {
        margin: 0 !important;
    }

    .management-page__item--placeholder {
        display: none;
    }

    .management-page__item-name {
        margin-top: 20px;
    }

    .gallery-page__list-grid,
    .gallery-page__photos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .breathalyzers-page__heroscreen-content {
        grid-column: span 9;
        grid-template-columns: repeat(9, 1fr);
        padding-left: 40px;
    }

    .breathalyzers-page__heroscreen-img {
        grid-column: span 3;
        height: 100%;
        margin: 0;
        transform: translate(-50px, 44px);
    }

    .breathalyzers-page__heroscreen-title {
        display: block;
        grid-column: span 9;
        margin-top: 40px;
    }

    .breathalyzers-page__heroscreen-breadcrumbs,
    .breathalyzers-page__heroscreen-btns {
        grid-column: span 9;
        padding: 0;
    }

    .breathalyzers-page__heroscreen-btns {
        margin-top: 48px;
    }

    .breathalyzers-page__heroscreen-btn {
        grid-column: span 9;
        margin-top: 32px;
    }

    .breathalyzers-page__heroscreen-text {
        grid-column: span 9;
        margin-top: 20px;
    }

    .breathalyzers-page__about-wrap,
    .breathalyzers-page__stats-wrap {
        grid-template-columns: 100%;
        gap: 28px;
    }

    .breathalyzers-page__about-title,
    .breathalyzers-page__about-text,
    .breathalyzers-page__stats-title,
    .breathalyzers-page__stats-text {
        grid-column: auto;
    }

    .breathalyzers-page__about-text,
    .breathalyzers-page__stats-text {
        padding-top: 0;
    }

    .breathalyzers-page__advantages-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .breathalyzers-page__advantages-placeholder {
        display: none;
    }

    .breathalyzers-page__certs-text {
        font-size: 14px;
        line-height: 17px;
    }

    .breathalyzers-page__specs-table {
        display: block;
    }

    .breathalyzers-page__map-wrap {
        height: 500px;
    }

    .breathalyzers-page__reviews-item .reviews-page__item-text {
        grid-column: span 7;
    }

    .breathalyzers-page__related-right {
        padding: 40px;
    }

    .alcolocks-page__heroscreen-left {
        grid-column: span 8;
    }

    .alcolocks-page__heroscreen-right {
        height: auto;
        grid-column: span 4;
        align-self: flex-end;
    }

    .alcolocks-page__purpose-after {
        font-size: 14px;
        line-height: 17px;
    }

    .alcolocks-page__components-item {
        width: calc((100% - 220px) / 12 * 6 + 100px);
    }

    .alcolocks-page__specs-wrap {
        grid-template-columns: 100%;
        gap: 28px;
    }

    .alcolocks-page__specs-title,
    .alcolocks-page__specs-text {
        grid-column: auto;
    }

    .alcolocks-page__specs-text {
        padding-top: 0;
    }

    .alcolocks-page__specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .alcolocks-page__advantages .breathalyzers-page__model-subtitle {
        font-size: 100px;
        line-height: 70px;
    }

    .case-page__content-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-page__content-text {
        grid-column: auto;
    }

    .case-page__content-text+.case-page__content-text {
        grid-column: auto;
    }

    .service-page__heroscreen-left {
        grid-column: span 7;
    }

    .service-page__heroscreen-img {
        grid-column: span 5;
    }

    .service-page__heroscreen-desc {
        grid-column: span 6;
    }

    .service-page__heroscreen-desc+.service-page__heroscreen-desc {
        grid-column: span 6;
    }

    .service-page__advantages-title,
    .service-page__advantages-text {
        grid-column: span 6;
    }

    .printing-page__heroscreen-breadcrumbs {
        display: none;
    }

    .printing-page__heroscreen-title {
        grid-template-columns: 100%;
        grid-column: auto;
        margin-top: 0;
    }

    .printing-page__heroscreen-title span {
        grid-column: auto;
    }

    .printing-page__heroscreen-title span:last-child {
        grid-column: auto;
    }

    .printing-page__heroscreen-left {
        grid-template-columns: 100%;
        grid-auto-rows: max-content auto;
    }

    .printing-page__heroscreen-btn {
        margin-top: auto;
        grid-column: auto;
    }

    .printing-page__heroscreen-btns {
        margin-top: 32px;
    }

    .printing-page__about-title {
        grid-column: span 12;
        margin-right: 0;
    }

    .printing-page__about-list {
        grid-column: span 6;
        padding-top: 0;
    }

    .printing-page__about-list+.printing-page__about-list {
        grid-column: span 6;
    }

    .printing-page__services-btn {
        margin-top: 60px;
    }

    .printing-page__services-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .printing-page__services-img {
        height: 260px;
    }

    .printing-page__operations-item {
        width: calc(33.3333333333% - 13.3333333333px);
    }

    .printing-page__operations-controls {
        margin-top: 32px;
    }

    .printing-page__cases-items {
        grid-template-columns: 100%;
    }

    .printing-page__cases-slider {
        grid-column: auto;
    }

    .printing-page__cases-item {
        grid-template-columns: repeat(2, 1fr);
    }

    .printing-page__cases-img,
    .printing-page__cases-content {
        grid-column: auto;
    }

    .printing-page__cases-desc {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title {
        grid-template-columns: 100%;
        grid-column: auto;
        margin-top: 0;
    }

    .printers-page__heroscreen .printing-page__heroscreen-title span,
    .printers-page__heroscreen .printing-page__heroscreen-title span:last-child {
        grid-column: auto;
    }

    .printers-page__models-item {
        width: calc(50% - 10px);
    }

    .printers-page__advantages-title,
    .printers-page__advantages-text {
        grid-column: span 6;
    }

    .printers-page__advantages-item {
        width: calc(33.3333333333% - 13.3333333333px);
    }

    .printers-page__advantages-controls {
        margin-top: 32px;
    }

    .printers-page__examples-item {
        width: calc(33.3333333333% - 13.3333333333px);
    }

    .printer-page__heroscreen-content {
        display: block;
        padding: 0 24px;
    }

    .printer-page__heroscreen-img {
        height: 420px;
    }

    .printer-page__equipment-wrap {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .printer-page__related-controls {
        margin-top: 32px;
    }

    .lidars-page__heroscreen-title {
        font-size: 32px;
        line-height: 36px;
        margin-top: 30px;
    }

    .lidars-page__heroscreen-btns {
        margin-top: 28px;
    }

    .lidars-page__meteo .breathalyzers-page__certs-text {
        margin-top: 24px;
    }

    .lidars-page__meteo .breathalyzers-page__certs-img img {
        height: 100%;
        object-fit: cover;
    }

    .lidars-page__avia-img {
        grid-column: 8/span 5;
    }

    .lidars-page__production-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .complex-page__heroscreen-content {
        padding: 40px 0;
    }

    .complex-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
    }

    .complex-page__scopes .alcolocks-page__specs-title {
        grid-column: auto;
    }
}

@media (max-width: 991px) {
    .hide-sm {
        display: none !important;
    }

    .show-sm {
        display: block !important;
    }

    .show-sm-flex {
        display: flex !important;
    }

    .show-sm-iflex {
        display: inline-flex !important;
    }

    .show-sm-inline {
        display: inline !important;
    }

    .footer {
        margin-top: 80px;
        padding: 48px 0;
    }

    .footer__columns {
        grid-template-columns: 100%;
        gap: 48px;
    }

    .footer__column {
        display: none;
    }

    .footer__contacts,
    .footer__copy,
    .footer__links {
        grid-column: auto;
    }

    .footer__copy {
        order: 1;
    }

    .footer__contacts {
        padding-top: 0;
    }

    .heroscreen {
        padding-top: 55px;
    }

    .heroscreen__title {
        grid-column: auto;
    }

    .heroscreen__title-wrap {
        grid-template-columns: 100%;
    }

    .heroscreen__text-wrap {
        grid-column: auto;
    }

    .heroscreen__card {
        height: auto;
        display: flex;
        flex-direction: column;
        background: #EDEDF5;
    }

    .heroscreen__card-img {
        position: relative;
        order: -1;
        opacity: 1 !important;
        transform: none !important;
    }

    .heroscreen__card-content {
        background: #8B66E8;
        padding: 28px 20px;
        transform: none;
    }

    .heroscreen__card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .heroscreen__card-text {
        font-size: 14px;
        line-height: 17px;
        opacity: 1;
        margin-bottom: auto;
    }

    .heroscreen__card-btn {
        margin-top: 40px;
    }

    .about {
        margin-top: 75px;
    }

    .about__title-wrap {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .about__title-left,
    .about__title-text {
        grid-column: auto;
    }

    .about__title-btn {
        justify-self: flex-start;
        margin-top: 0;
    }

    .about__items {
        margin-top: 40px;
    }

    .activity {
        margin-top: 80px;
    }

    .activity__items {
        grid-template-columns: 100%;
    }

    .activity__item {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0 0 40px;
    }

    .activity__item-img {
        position: relative;
        height: 350px;
        order: -1;
        transform: none !important;
        opacity: 1 !important;
    }

    .activity__item-title {
        font-size: 18px;
        color: #fff;
        line-height: 22px;
        margin-top: 32px;
        padding: 0 20px;
    }

    .activity__item-text {
        margin-top: 16px;
        padding: 0 20px;
        opacity: 1;
        transform: none;
    }

    .activity__item::before {
        top: 350px;
        opacity: 1;
    }

    .quality {
        margin-top: 80px;
    }

    .quality__title {
        grid-column: auto;
    }

    .quality__title-wrap {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .quality__title-text {
        grid-column: auto;
        padding-top: 0;
    }

    .quality__wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .quality__left,
    .quality__right {
        grid-column: auto;
    }

    .quality__left {
        margin-right: 0;
    }

    .quality__left-text {
        margin-top: 24px;
    }

    .quality__right {
        padding: 19px 0;
    }

    .quality__right-img {
        width: 300px;
    }

    .news {
        margin-top: 80px;
    }

    .news__slider {
        grid-column: auto;
    }

    .news__slider-wrap {
        grid-template-columns: 100%;
    }

    .feedback {
        margin-top: 80px;
        padding: 60px 0;
    }

    .feedback__form {
        grid-template-columns: 100%;
    }

    .feedback__title,
    .feedback__form-grid,
    .feedback__form-check,
    .feedback__form-btn {
        grid-column: auto;
    }

    .contacts {
        margin-top: 80px;
    }

    .about-page__history-img {
        height: 340px;
    }

    .about-page__history-wrap {
        grid-template-columns: 100%;
    }

    .about-page__history-text {
        margin-top: 28px;
    }

    .about-page__mission-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .about-page__mission-left {
        margin-right: 0;
    }

    .about-page__mission-text {
        margin-top: 24px;
    }

    .about-page__mission-img {
        height: 320px;
    }

    .about-page__prod-slider {
        padding-bottom: 52px;
    }

    .about-page__prod-controls {
        top: auto;
        bottom: 2px;
    }

    .about-page__prod-item {
        width: 100%;
    }

    .about-page__prod-item img {
        transform: none !important;
    }

    .about-page__prod-img {
        height: 320px;
        grid-column: auto !important;
    }

    .about-page__prod-img img {
        height: 100%;
        object-fit: cover;
    }

    .about-page__prod-img:nth-child(2),
    .about-page__prod-img:nth-child(3) {
        display: none;
    }

    .about-page__team {
        position: relative;
        padding-bottom: 60px;
    }

    .about-page__team-item {
        width: calc((100% - 20px) / 2);
    }

    .about-page__team-controls {
        position: absolute;
        bottom: 2px;
        left: 40px;
        margin-left: 0;
    }

    .about-page__team-btn {
        position: absolute;
        right: 40px;
        bottom: 0;
        margin-left: 0;
    }

    .quality-page__desc-wrap {
        grid-template-columns: 100%;
    }

    .quality-page__desc-title,
    .quality-page__desc-right {
        grid-column: auto;
    }

    .quality-page__desc .quality__left-text {
        margin-top: 24px;
    }

    .quality-page__trust {
        margin-top: 80px;
    }

    .quality-page__trust-wrap {
        grid-template-columns: 100%;
        gap: 40px;
        margin-top: 40px;
    }

    .quality-page__trust-left,
    .quality-page__trust-right {
        grid-column: auto;
    }

    .quality-page__trust-subtitle:not(:first-child) {
        margin-top: 48px;
    }

    .quality-page__stages {
        margin-top: 80px;
    }

    .quality-page__stages-wrap {
        grid-template-columns: 100%;
    }

    .quality-page__stages-title,
    .quality-page__stages-text {
        grid-column: auto;
    }

    .quality-page__stages-items {
        grid-template-columns: 100%;
        margin-top: 48px;
    }

    .licenses-page__list-grid {
        grid-template-columns: 100%;
        gap: 28px;
        margin-top: 80px;
    }

    .partners-page__list-items {
        margin-top: 80px;
    }

    .partners-page__item {
        grid-template-columns: 100%;
    }

    .partners-page__item-title,
    .partners-page__item-links {
        grid-column: auto;
    }

    .customers-page__list-outer {
        margin-top: 80px;
    }

    .customers-page__list-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .customers-page__list-item:nth-last-child(-n+4) {
        border-bottom: 1px solid #EDEDF5;
    }

    .customers-page__list-item:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .reviews-page__list-wrap {
        margin-top: 80px;
    }

    .reviews-page__item {
        grid-template-columns: 100%;
        gap: 32px;
        padding: 40px;
    }

    .reviews-page__item-left,
    .reviews-page__item-text {
        grid-column: auto;
    }

    .reviews-page__item-left {
        padding-left: 0;
    }

    .reviews-page__item-text {
        padding-right: 0;
    }

    .reviews-page__item-btn {
        margin-top: 48px;
    }

    .gallery-page__list-btn {
        font-size: 14px;
        line-height: 17px;
        width: 152px;
        padding: 8.5px 0;
    }

    .breathalyzers-page__heroscreen-wrap {
        display: block;
        padding-bottom: 0;
    }

    .breathalyzers-page__heroscreen-content {
        display: block;
        padding-right: 40px;
    }

    .breathalyzers-page__heroscreen-img {
        height: 400px;
        transform: none;
    }

    .breathalyzers-page__heroscreen-img img {
        object-position: top;
    }

    .breathalyzers-page__about {
        margin-top: 88px;
    }

    .breathalyzers-page__about .about-page__prod-slider {
        margin-top: 48px;
    }

    .breathalyzers-page__video,
    .breathalyzers-page__stats,
    .breathalyzers-page__model {
        margin-top: 80px;
    }

    .breathalyzers-page__model-wrap {
        display: block;
    }

    .breathalyzers-page__model-img {
        position: relative;
        height: 400px;
    }

    .breathalyzers-page__model-img img {
        object-position: top;
    }

    .breathalyzers-page__model-item {
        height: auto;
        background: #EDEDF5;
        padding: 0 0 80px;
    }

    .breathalyzers-page__model-bg {
        top: 400px;
    }

    .breathalyzers-page__model-subtitle {
        margin-top: 40px;
        padding: 0 40px;
    }

    .breathalyzers-page__model-text {
        padding: 0 40px;
    }

    .breathalyzers-page__model-controls {
        margin-top: 32px;
    }

    .breathalyzers-page__info {
        margin-top: 80px;
    }

    .breathalyzers-page__info-icon {
        width: 280px;
        right: 336px;
    }

    .breathalyzers-page__advantages {
        margin-top: 91px;
    }

    .breathalyzers-page__advantages-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .breathalyzers-page__advantages-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .breathalyzers-page__advantages-text {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        margin-top: 16px;
        opacity: 1;
        transform: none;
    }

    .breathalyzers-page__advantages-item:nth-of-type(3n+2) .breathalyzers-page__advantages-text {
        color: #000;
    }

    .breathalyzers-page__advantages-item:hover .breathalyzers-page__advantages-subtitle {
        opacity: 1;
    }

    .breathalyzers-page__advantages-item:hover .breathalyzers-page__advantages-icon {
        transform: none;
    }

    .breathalyzers-page__advantages-item:hover::before {
        display: none;
    }

    .breathalyzers-page__customers {
        margin-top: 80px;
    }

    .breathalyzers-page__certs {
        margin-top: 80px;
    }

    .breathalyzers-page__certs-wrap {
        display: block;
    }

    .breathalyzers-page__certs-img {
        height: 320px;
    }

    .breathalyzers-page__certs-img img {
        height: 100%;
        object-fit: cover;
    }

    .breathalyzers-page__certs-text {
        margin-top: 24px;
    }

    .breathalyzers-page__certs-left {
        margin-right: 0;
    }

    .breathalyzers-page__specs {
        margin-top: 80px;
    }

    .breathalyzers-page__map {
        margin-top: 80px;
    }

    .breathalyzers-page__map-wrap {
        height: 400px;
    }

    .breathalyzers-page__managers {
        margin-top: 80px;
    }

    .breathalyzers-page__managers-grid {
        grid-template-columns: 100%;
    }

    .breathalyzers-page__reviews {
        margin-top: 80px;
    }

    .breathalyzers-page__reviews .reviews-page__item {
        grid-template-columns: 100%;
    }

    .breathalyzers-page__reviews .reviews-page__item-text {
        grid-column: auto;
    }

    .breathalyzers-page__related {
        margin-top: 80px;
    }

    .breathalyzers-page__related-wrap {
        display: block;
    }

    .breathalyzers-page__related-img {
        height: 350px;
    }

    .breathalyzers-page__related-btn {
        margin-top: 48px;
    }

    .breathalyzers-page__related-left {
        margin-right: 0;
    }

    .alcolocks-page__heroscreen-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .alcolocks-page__heroscreen-left,
    .alcolocks-page__heroscreen-right,
    .alcolocks-page__heroscreen-breadcrumbs,
    .alcolocks-page__heroscreen-title,
    .alcolocks-page__heroscreen-text,
    .alcolocks-page__heroscreen-btn,
    .alcolocks-page__heroscreen-download {
        grid-column: auto;
    }

    .alcolocks-page__heroscreen-left {
        grid-template-columns: 100%;
    }

    .alcolocks-page__heroscreen-right {
        margin-top: 48px;
    }

    .alcolocks-page__heroscreen-download {
        margin-top: 32px;
    }

    .alcolocks-page__heroscreen-img {
        height: 326px;
        width: 50%;
        margin: 0 auto;
    }

    .alcolocks-page__heroscreen-img img {
        object-position: top;
    }

    .alcolocks-page__integration {
        margin-top: 80px;
    }

    .alcolocks-page__integration .about-page__prod-slider {
        margin-top: 32px;
    }

    .alcolocks-page__purpose {
        margin-top: 80px;
    }

    .alcolocks-page__purpose-items {
        grid-template-columns: 100%;
    }

    .alcolocks-page__purpose-inner {
        height: 227px !important;
    }

    .alcolocks-page__purpose-after {
        margin-top: 40px;
    }

    .alcolocks-page__components {
        margin-top: 80px;
    }

    .alcolocks-page__components-item {
        width: 100%;
    }

    .alcolocks-page__specs {
        margin-top: 80px;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-item {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .service-page__heroscreen-wrap {
        grid-template-columns: 100%;
        gap: 0;
        background: none;
    }

    .service-page__heroscreen-left,
    .service-page__heroscreen-img,
    .service-page__heroscreen-title,
    .service-page__heroscreen-text {
        grid-column: auto;
    }

    .service-page__heroscreen-img {
        height: 320px;
    }

    .service-page__heroscreen-left {
        grid-template-columns: 100%;
        gap: 20px;
        background: linear-gradient(45.47deg, #8B66E8 -35.48%, #E3330A 97.48%);
        padding: 40px 20px 60px;
    }

    .service-page__heroscreen-text {
        margin-top: 0;
    }

    .service-page__heroscreen-after {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .service-page__heroscreen-desc {
        grid-column: auto;
    }

    .service-page__heroscreen-desc+.service-page__heroscreen-desc {
        grid-column: auto;
    }

    .service-page__advantages {
        margin-top: 80px;
    }

    .service-page__advantages-wrap {
        grid-template-columns: 100%;
    }

    .service-page__advantages-title,
    .service-page__advantages-text {
        grid-column: auto;
    }

    .service-page__advantages-title {
        margin-right: 0;
    }

    .service-page__advantages-text {
        padding-top: 0;
    }

    .service-page__advantages-item {
        width: calc(50% - 10px);
    }

    .service-page__related {
        margin-top: 80px;
    }

    .service-page__related-item {
        width: 100%;
    }

    .service-page__related-controls {
        margin-top: 32px;
    }

    .printing-page__heroscreen-title {
        font-size: 32px;
        line-height: 36px;
    }

    .printing-page__about {
        margin-top: 80px;
    }

    .printing-page__about-left {
        font-size: 14px;
        line-height: 17px;
    }

    .printing-page__about-grid {
        gap: 0;
        margin-top: 60px;
    }

    .printing-page__about-list {
        grid-column: span 12;
        margin-top: 32px;
    }

    .printing-page__about-list+.printing-page__about-list {
        grid-column: span 12;
        margin-top: 12px;
    }

    .printing-page__services {
        margin-top: 80px;
    }

    .printing-page__services-items {
        grid-template-columns: 100%;
    }

    .printing-page__operations {
        margin-top: 80px;
    }

    .printing-page__operations-item {
        width: calc(50% - 10px);
    }

    .printing-page__cases {
        position: relative;
        margin-top: 80px;
        padding-bottom: 51px;
    }

    .printing-page__cases-wrap {
        grid-template-columns: 100%;
    }

    .printing-page__cases-left,
    .printing-page__cases-text {
        grid-column: auto;
    }

    .printing-page__cases-controls {
        position: absolute;
        bottom: 0;
        left: 40px;
    }

    .printing-page__cases-item {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .printing-page__cases-img,
    .printing-page__cases-content {
        grid-column: auto;
    }

    .printing-page__cases-img {
        height: 350px;
    }

    .printing-page__cases-img img {
        height: 100%;
        object-fit: cover;
    }

    .printing-page__cases-content {
        flex-grow: 1;
        margin-left: 0;
    }

    .printing-page__cases-btn {
        margin-top: 40px;
    }

    .printing-page__cases-desc {
        margin-bottom: auto;
    }

    .printers-page__about {
        margin-top: 80px;
    }

    .printers-page__about-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .printers-page__about-img {
        height: 300px;
        margin-right: 0;
    }

    .printers-page__models {
        margin-top: 80px;
    }

    .printers-page__models-img {
        height: 260px;
    }

    .printers-page__advantages {
        margin-top: 80px;
    }

    .printers-page__advantages-wrap {
        grid-template-columns: 100%;
        gap: 28px;
    }

    .printers-page__advantages-title,
    .printers-page__advantages-text {
        grid-column: auto;
    }

    .printers-page__advantages-item {
        width: calc(50% - 10px);
    }

    .printers-page__advantages-slider {
        margin-top: 60px;
    }

    .printers-page__support {
        margin-top: 80px;
    }

    .printers-page__examples {
        position: relative;
        margin-top: 56px;
        padding-bottom: 51px;
    }

    .printers-page__examples-item {
        width: calc(50% - 10px);
    }

    .printers-page__examples-controls {
        position: absolute;
        left: 40px;
        bottom: 0;
    }

    .printers-page__program {
        margin-top: 80px;
    }

    .printers-page__program-wrap {
        grid-template-columns: 100%;
        gap: 32px;
        margin-top: 32px;
    }

    .printers-page__program-text,
    .printers-page__program-stages {
        grid-column: auto;
    }

    .printers-page__advantages2 {
        margin-top: 80px;
    }

    .printers-page__feedback {
        margin-top: 0;
    }

    .printer-page__heroscreen-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .printer-page__heroscreen-content {
        order: 1;
        padding: 32px 24px 40px;
    }

    .printer-page__heroscreen-img {
        height: 350px;
    }

    .printer-page__equipment {
        margin-top: 80px;
    }

    .printer-page__related {
        margin-top: 80px;
    }

    .lidars-page__heroscreen-title {
        margin-top: 0;
    }

    .lidars-page__heroscreen-img img {
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }

    .lidars-page__avia {
        margin-top: 80px;
    }

    .lidars-page__avia-item {
        margin-top: 50px;
    }

    .lidars-page__avia-text {
        grid-column: 1/span 6;
    }

    .lidars-page__video {
        margin-top: 80px;
    }

    .lidars-page__production {
        margin-top: 80px;
    }

    .lidars-page__certs {
        margin-top: 80px;
    }

    .lidars-page__certs-items,
    .lidars-page__certs-wrap {
        grid-template-columns: 100%;
    }

    .lidars-page__certs-note {
        grid-column: auto;
    }

    .lidars-page__gallery {
        margin-top: 80px;
    }

    .complex-page__heroscreen-wrap {
        display: block;
    }

    .complex-page__heroscreen-content {
        display: block;
        padding: 40px 20px 60px;
    }

    .complex-page__heroscreen-img {
        height: 320px;
        border-radius: 0;
    }

    .complex-page__heroscreen-grid {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .complex-page__heroscreen-desc--pt {
        padding-top: 0;
    }

    .complex-page__heroscreen-desc:first-child,
    .complex-page__heroscreen-desc:last-child {
        grid-column: auto;
    }

    .complex-page__related {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .hide-xs {
        display: none !important;
    }

    .show-xs {
        display: block !important;
    }

    .show-xs-flex {
        display: flex !important;
    }

    .show-xs-iflex {
        display: inline-flex !important;
    }

    .show-xs-inline {
        display: inline !important;
    }

    .section__title {
        font-size: 26px;
        line-height: 31px;
    }

    .slider-controls {
        gap: 8px;
    }

    .slider-controls__btn {
        width: 14px;
        height: 14px;
    }

    .slider-controls__text {
        font-size: 16px;
        line-height: 19px;
    }

    .check__text {
        font-size: 10px;
        line-height: 12px;
    }

    .input,
    .textarea__input,
    .select__select {
        font-size: 12px;
    }

    .f-button svg {
        width: 24px;
        height: 24px;
    }

    .f-button[data-fancybox-close] {
        left: 20px;
        right: auto;
        width: 24px;
        height: 24px;
    }

    .f-button[data-carousel-next],
    .f-button[data-carousel-prev] {
        display: none;
    }

    .map-marker {
        width: 22px;
        height: 22px;
    }

    .map-marker__balloon {
        width: 284px;
        padding: 12px 12px 24px;
    }

    .map-marker__balloon-title {
        font-size: 12px;
        line-height: 14px;
    }

    .map-marker__balloon-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 8px;
    }

    .content-wrap,
    .breadcrumbs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .breadcrumbs {
        display: none;
    }

    .document__icon {
        width: 24px;
        height: 24px;
    }

    .document__info {
        padding-top: 0;
    }

    .document__title,
    .document__type {
        font-size: 14px;
        line-height: 17px;
    }

    .header {
        border-bottom: 1px solid #EDEDF5;
        border-radius: 0;
    }

    .header .content-wrap,
    .header .breadcrumbs {
        height: 61px;
    }

    .header__logo {
        width: 112px;
    }

    .header__search {
        left: 20px;
        right: 20px;
    }

    .header__search-input {
        height: 36px;
        font-size: 12px;
        line-height: 14px;
    }

    .header__search-find {
        width: 44px;
        padding: 0;
    }

    .header__search-find .icon {
        width: 20px;
        height: 20px;
    }

    .footer__contacts-text,
    .footer__copy,
    .footer__link {
        font-size: 10px;
        line-height: 12px;
    }

    .heroscreen {
        padding-top: 48px;
    }

    .heroscreen__title {
        font-size: 20px;
        line-height: 24px;
    }

    .heroscreen__text {
        font-size: 14px;
        line-height: 17px;
    }

    .heroscreen__btn {
        margin-top: 32px;
    }

    .heroscreen__cards {
        grid-template-columns: 100%;
        gap: 37px;
        margin-top: 60px;
    }

    .about {
        margin-top: 60px;
    }

    .about__title-text {
        font-size: 18px;
        line-height: 20px;
    }

    .about__item {
        height: 260px;
    }

    .about__item-title {
        font-size: 80px;
        line-height: 56px;
    }

    .about__item-title span {
        font-size: 18px;
    }

    .about__item-text {
        font-size: 16px;
        line-height: 19px;
    }

    .about__item:nth-child(3) {
        margin-top: 0;
    }

    .about__item:hover .about__item-content {
        backdrop-filter: none;
    }

    .about__item:hover .about__item-bg img {
        transform: none;
    }

    .activity__items {
        margin-top: 32px;
    }

    .activity__item-img {
        height: 100%;
    }

    .activity__item-text {
        font-size: 12px;
        line-height: 14px;
    }

    .activity__item::before {
        top: 220px;
    }

    .quality__title-text {
        font-size: 12px;
        line-height: 14px;
    }

    .quality__wrap {
        margin-top: 60px;
    }

    .quality__left {
        padding: 40px 20px 48px;
    }

    .quality__left-title {
        font-size: 20px;
        line-height: 24px;
    }

    .quality__left-text {
        font-size: 14px;
        line-height: 17px;
    }

    .quality__right {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .quality__right-img {
        width: 200px;
    }

    .news {
        position: relative;
        padding-bottom: 58px;
    }

    .news__slider-wrap {
        margin-top: 32px;
    }

    .news__slider-controls {
        position: absolute;
        left: 20px;
        bottom: 4px;
        margin-left: 0;
    }

    .news__title-btn {
        position: absolute;
        right: 20px;
        bottom: 0;
        margin-left: 0;
    }

    .news__item {
        grid-template-columns: 100%;
        gap: 0;
    }

    .news__item-img,
    .news__item-content {
        grid-column: auto;
    }

    .news__item-img {
        height: 220px;
    }

    .news__item-content {
        margin-left: 0;
        padding: 32px 20px;
    }

    .news__item-title {
        font-size: 20px;
        line-height: 24px;
    }

    .news__item-btn {
        margin-top: 48px;
    }

    .feedback {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .feedback__title {
        max-width: 280px;
    }

    .feedback__form-grid {
        grid-template-columns: 100%;
        gap: 16px;
        margin-top: 48px;
    }

    .feedback__form-input,
    .feedback__form-textarea,
    .feedback__form-select {
        grid-column: auto;
    }

    .feedback__form-select {
        order: 1;
    }

    .feedback__form-input[name=city] {
        order: 2;
    }

    .feedback__form-textarea {
        height: 176px;
        order: 3;
    }

    .feedback__form-textarea--two-row {
        height: 112px;
    }

    .feedback__form-check {
        width: auto;
        margin-top: 34px;
    }

    .feedback__form-btn {
        margin-top: 34px;
    }

    .contacts__left {
        padding: 40px 20px 60px;
    }

    .contacts__columns {
        grid-template-columns: 100%;
    }

    .contacts__column-title,
    .contacts__column-contact,
    .contacts__column-address {
        font-size: 12px;
        line-height: 14px;
    }

    .contacts__map {
        height: 328px;
    }

    .about-page__history {
        margin-top: 48px;
    }

    .about-page__history-wrap {
        margin-top: 40px;
    }

    .about-page__history-img {
        height: 240px;
    }

    .about-page__history-right {
        padding: 40px 24px;
    }

    .about-page__history-right::before {
        opacity: 1;
    }

    .about-page__history-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .about-page__history-text {
        font-size: 12px;
        line-height: 14px;
    }

    .about-page__history-grid {
        margin-top: 60px;
    }

    .about-page__history-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
        font-size: 14px;
        line-height: 17px;
    }

    .about-page__history-asterisk {
        width: 80px;
    }

    .about-page__mission {
        margin-top: 80px;
    }

    .about-page__mission-left {
        padding: 40px 20px 48px;
    }

    .about-page__mission-title {
        font-size: 20px;
        line-height: 24px;
    }

    .about-page__mission-text {
        font-size: 14px;
        line-height: 17px;
    }

    .about-page__prod {
        margin-top: 80px;
    }

    .about-page__prod-text {
        font-size: 12px;
        line-height: 14px;
    }

    .about-page__prod-img {
        height: 180px;
    }

    .about-page__prod-slider {
        margin: 48px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .about-page__prod-controls {
        left: 20px;
        bottom: 4.5px;
    }

    .about-page__prod-btn {
        right: 20px;
    }

    .about-page__team {
        margin-top: 80px;
    }

    .about-page__team-title {
        max-width: 222px;
    }

    .about-page__team-slider {
        margin: 32px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .about-page__team-item {
        width: 100%;
    }

    .about-page__team-img {
        height: 361px;
    }

    .about-page__team-controls {
        left: 20px;
        bottom: 4.5px;
    }

    .about-page__team-btn {
        right: 20px;
    }

    .about-page__team-name {
        font-size: 18px;
        line-height: 22px;
        margin-top: 24px;
    }

    .about-page__team-role {
        font-size: 12px;
        line-height: 14px;
    }

    .quality-page__desc {
        margin-top: 48px;
    }

    .quality-page__desc-wrap {
        gap: 48px;
    }

    .quality-page__desc-right {
        padding-top: 0;
    }

    .quality-page__desc-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .quality-page__desc-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 24px;
    }

    .quality-page__desc .quality__wrap {
        margin-top: 48px;
    }

    .quality-page__desc .quality__left-title {
        font-size: 20px;
        line-height: 24px;
    }

    .quality-page__desc .quality__left-text {
        font-size: 14px;
        line-height: 17px;
    }

    .quality-page__desc .quality__right-img {
        width: 200px;
    }

    .quality-page__trust-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .quality-page__trust-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 24px;
    }

    .quality-page__trust-text--right {
        grid-column: span 6;
        margin-top: 28px;
    }

    .quality-page__trust-cert {
        font-size: 12px;
        line-height: 14px;
        padding: 28px 20px;
    }

    .quality-page__stages-wrap {
        gap: 28px;
    }

    .quality-page__stages-text {
        font-size: 18px;
        line-height: 20px;
    }

    .quality-page__stages-item {
        padding: 24px;
    }

    .quality-page__stages-img {
        width: 126px;
    }

    .quality-page__stages-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .quality-page__stages-desc {
        font-size: 12px;
        line-height: 14px;
        margin-top: 16px;
    }

    .quality-page__stages-btn {
        align-items: flex-start;
        padding-right: 14px;
    }

    .licenses-page__list {
        margin-top: 48px;
    }

    .licenses-page__list-grid {
        padding-right: 12px;
    }

    .licenses-page__list-item .document__type {
        font-size: 10px;
        line-height: 12px;
    }

    .licenses-page__list-item:nth-child(2n) {
        order: 1;
    }

    .partners-page__list {
        margin-top: 48px;
    }

    .partners-page__item {
        padding-bottom: 39px;
    }

    .partners-page__item-title {
        gap: 12px;
        font-size: 18px;
        line-height: 20px;
    }

    .partners-page__item-num {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 17px;
    }

    .partners-page__item-link {
        font-size: 12px;
        line-height: 14px;
    }

    .partners-page__item+.partners-page__item {
        margin-top: 40px;
    }

    .customers-page__list {
        margin-top: 48px;
    }

    .customers-page__list-inner {
        margin-left: -8px;
        margin-right: -8px;
    }

    .customers-page__list-item {
        padding: 7px 8px 8px 8px;
    }

    .customers-page__list-item:nth-child(-n+2) {
        padding-top: 0;
    }

    .customers-page__list-item:nth-last-child(-n+2) {
        padding-bottom: 0;
    }

    .reviews-page__list {
        margin-top: 48px;
    }

    .reviews-page__item {
        padding: 40px 20px;
    }

    .reviews-page__item-title {
        font-size: 18px;
        line-height: 22px;
    }

    .reviews-page__item-text {
        font-size: 12px;
        line-height: 14px;
    }

    .reviews-page__item-text--overflow {
        display: -webkit-box;
        -webkit-line-clamp: 12;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .reviews-page__item-text ul,
    .reviews-page__item-text ol {
        margin: 14px 0;
    }

    .management-page__list {
        margin-top: 48px;
    }

    .management-page__list-ceo {
        grid-template-columns: 100%;
        gap: 24px;
        margin-top: 40px;
    }

    .management-page__list-img,
    .management-page__list-right {
        grid-column: auto;
    }

    .management-page__list-img {
        aspect-ratio: 1;
    }

    .management-page__list-img img {
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .management-page__list-text {
        background: image-set(url(../images/management-page__ceo-bg-sm.png) 1x, url(../images/management-page__ceo-bg-sm.webp) 1x) no-repeat center/cover;
        background: -webkit-image-set(url(../images/management-page__ceo-bg-sm.png) 1x, url(../images/management-page__ceo-bg-sm.webp) 1x) no-repeat center/cover;
        padding: 40px 20px;
    }

    .management-page__list-text p {
        font-size: 14px;
        line-height: 17px;
    }

    .management-page__list-name {
        font-size: 18px;
        line-height: 22px;
        margin-top: 24px;
    }

    .management-page__list-role {
        font-size: 12px;
        line-height: 14px;
    }

    .management-page__list-grid {
        grid-template-columns: 100%;
    }

    .management-page__item-role {
        font-size: 12px;
        line-height: 14px;
        margin-top: 8px;
    }

    .management-page__item-img {
        aspect-ratio: 0.9846153846;
    }

    .management-page__item:nth-child(1) {
        order: 3;
    }

    .management-page__item:nth-child(2) {
        order: 4;
    }

    .management-page__item:nth-child(3) {
        order: 1;
    }

    .management-page__item:nth-child(4) {
        order: 2;
    }

    .management-page__item:nth-child(5) {
        order: 7;
    }

    .management-page__item:nth-child(6) {
        order: 8;
    }

    .management-page__item:nth-child(7) {
        order: 5;
    }

    .management-page__item:nth-child(8) {
        order: 6;
    }

    .management-page__item:nth-child(9) {
        order: 11;
    }

    .management-page__item:nth-child(10) {
        order: 12;
    }

    .management-page__item:nth-child(11) {
        order: 9;
    }

    .management-page__item:nth-child(12) {
        order: 10;
    }

    .management-page__item:nth-child(15) {
        order: 13;
    }

    .gallery-page__list {
        margin-top: 48px;
    }

    .gallery-page__list-wrap {
        flex-direction: column;
        align-items: initial;
        gap: 20px;
    }

    .gallery-page__list-btns {
        gap: 16px;
    }

    .gallery-page__list-btn {
        width: calc(50% - 8px);
    }

    .gallery-page__list-grid {
        grid-template-columns: 100%;
        gap: 28px;
        margin-top: 40px;
    }

    .gallery-page__album-title {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.01em;
    }

    .gallery-page__album-icon {
        width: 28px;
        height: 28px;
    }

    .gallery-page__photos {
        margin-top: 48px;
    }

    .gallery-page__photos-grid {
        grid-template-columns: 100%;
        margin-top: 40px;
    }

    .breathalyzers-page__heroscreen {
        margin-top: 48px;
    }

    .breathalyzers-page__heroscreen-wrap {
        padding-top: 32px;
    }

    .breathalyzers-page__heroscreen-title {
        font-size: 26px;
        line-height: 31px;
        margin-top: 0;
    }

    .breathalyzers-page__heroscreen-content {
        padding: 0 20px;
    }

    .breathalyzers-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        max-width: 265px;
    }

    .breathalyzers-page__heroscreen-img {
        width: calc(100% - 60px);
        height: auto;
        margin: 16px auto 0;
    }

    .breathalyzers-page__heroscreen-btns {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        margin-top: 28px;
    }

    .breathalyzers-page__about-text {
        font-size: 12px;
        line-height: 14px;
    }

    .breathalyzers-page__stats-text {
        font-size: 18px;
        line-height: 20px;
    }

    .breathalyzers-page__model-img {
        height: 260px;
    }

    .breathalyzers-page__model-bg {
        top: 260px;
    }

    .breathalyzers-page__model-subtitle {
        font-size: 20px;
        line-height: 24px;
        margin-top: 40px;
        padding: 0 20px;
    }

    .breathalyzers-page__model-text {
        font-size: 18px;
        line-height: 20px;
        margin-top: 24px;
        padding: 0 20px;
    }

    .breathalyzers-page__model-item {
        border-radius: 8px;
        padding-bottom: 60px;
        overflow: hidden;
    }

    .breathalyzers-page__model-slider {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0;
    }

    .breathalyzers-page__info {
        padding: 48px 0 239px;
    }

    .breathalyzers-page__info-text {
        font-size: 14px;
        line-height: 17px;
    }

    .breathalyzers-page__info-icon {
        width: 152px;
        left: calc(50% - 160px);
    }

    .breathalyzers-page__info-icon+.breathalyzers-page__info-icon {
        left: calc(50% + 8px);
    }

    .breathalyzers-page__advantages-items {
        margin-top: 32px;
    }

    .breathalyzers-page__advantages-slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .breathalyzers-page__advantages-controls {
        margin-top: 32px;
    }

    .breathalyzers-page__advantages-icon {
        width: 150px;
    }

    .breathalyzers-page__advantages-item {
        height: 340px;
        aspect-ratio: auto;
    }

    .breathalyzers-page__customers .customers-page__list-outer {
        margin-top: 32px;
    }

    .breathalyzers-page__certs-left {
        padding: 40px 20px 48px;
    }

    .breathalyzers-page__certs-title {
        font-size: 20px;
        line-height: 24px;
    }

    .breathalyzers-page__specs-table {
        margin-top: 32px;
    }

    .breathalyzers-page__specs-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .breathalyzers-page__specs-col {
        font-size: 12px;
        line-height: 14px;
    }

    .breathalyzers-page__specs-col:first-child {
        grid-column: auto;
        padding: 12px 0 12px 8px;
    }

    .breathalyzers-page__specs-col:last-child {
        grid-column: auto;
        padding: 12px 16px 12px 4px;
    }

    .breathalyzers-page__map-wrap {
        height: 279px;
        margin-top: 32px;
    }

    .breathalyzers-page__managers-item {
        grid-template-columns: 100%;
        padding: 32px 16px;
    }

    .breathalyzers-page__managers-subtitle {
        line-height: 20px;
    }

    .breathalyzers-page__managers-items {
        margin-top: 32px;
    }

    .breathalyzers-page__managers-controls {
        margin-top: 32px;
    }

    .breathalyzers-page__reviews {
        position: relative;
        padding-bottom: 60px;
    }

    .breathalyzers-page__reviews .reviews-page__item-more {
        color: #000;
    }

    .breathalyzers-page__reviews-controls {
        position: absolute;
        left: 20px;
        bottom: 4.5px;
        margin-left: 0;
    }

    .breathalyzers-page__reviews-btn {
        position: absolute;
        right: 20px;
        bottom: 0;
        margin-left: 0;
    }

    .breathalyzers-page__reviews-grid {
        margin-top: 32px;
    }

    .breathalyzers-page__related-wrap {
        margin-top: 32px;
    }

    .breathalyzers-page__related-img {
        height: 260px;
    }

    .breathalyzers-page__related-right {
        padding: 28px 24px 40px;
    }

    .breathalyzers-page__related-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .breathalyzers-page__related-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .alcolocks-page__heroscreen {
        margin-top: 48px;
    }

    .alcolocks-page__heroscreen-title {
        margin-top: 0;
    }

    .alcolocks-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .alcolocks-page__heroscreen-btn {
        margin-top: 32px;
    }

    .alcolocks-page__heroscreen-img {
        width: 100%;
    }

    .alcolocks-page__purpose-items {
        margin-top: 32px;
    }

    .alcolocks-page__purpose-inner {
        padding: 24px 16px 0;
    }

    .alcolocks-page__purpose-subtitle {
        font-size: 90px;
        line-height: 63px;
    }

    .alcolocks-page__purpose-text {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: normal;
        margin-top: 30px;
    }

    .alcolocks-page__components {
        position: relative;
        padding-bottom: 51px;
    }

    .alcolocks-page__components-controls {
        position: absolute;
        left: 20px;
        bottom: 0;
    }

    .alcolocks-page__components-slider {
        margin-top: 32px;
    }

    .alcolocks-page__components-item {
        padding: 28px 20px 32px;
    }

    .alcolocks-page__components-icon {
        width: 120px;
    }

    .alcolocks-page__components-subtitle {
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
    }

    .alcolocks-page__components-text {
        font-size: 12px;
        line-height: 14px;
    }

    .alcolocks-page__specs-text {
        font-size: 18px;
        line-height: 20px;
    }

    .alcolocks-page__specs-slider {
        margin: 48px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .alcolocks-page__specs-controls {
        margin-top: 32px;
    }

    .alcolocks-page__specs-item {
        height: 242px;
        padding: 40px 20px 0;
    }

    .alcolocks-page__specs-subtitle {
        font-size: 80px;
        line-height: 56px;
    }

    .alcolocks-page__specs-desc {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: normal;
        margin-top: 28px;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-item {
        padding-bottom: 60px;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-subtitle {
        font-size: 90px;
        line-height: 63px;
    }

    .alcolocks-page__advantages .breathalyzers-page__model-text {
        font-size: 18px;
        line-height: 20px;
        margin-top: 32px;
    }

    .case-page__content {
        margin-top: 48px;
    }

    .case-page__content-slider {
        margin: 32px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .case-page__content-item {
        width: 100%;
    }

    .case-page__content-controls {
        margin-top: 32px;
    }

    .case-page__content-wrap {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .case-page__content-text {
        font-size: 12px;
        line-height: 14px;
    }

    .service-page__heroscreen {
        margin-top: 48px;
    }

    .service-page__heroscreen-title {
        font-size: 26px;
        line-height: 31px;
    }

    .service-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
    }

    .service-page__heroscreen-desc {
        font-size: 18px;
        line-height: 20px;
    }

    .service-page__heroscreen-desc+.service-page__heroscreen-desc {
        font-size: 14px;
        line-height: 17px;
    }

    .service-page__advantages-text {
        font-size: 12px;
        line-height: 14px;
    }

    .service-page__advantages-slider {
        margin: 60px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-page__advantages-controls {
        margin-top: 28px;
    }

    .service-page__advantages-item {
        width: 100%;
    }

    .service-page__related-slider {
        margin: 32px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-page__related-img {
        height: 260px;
    }

    .service-page__related-content {
        padding: 20px;
    }

    .service-page__related-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .service-page__related-btn {
        margin-top: 28px;
    }

    .printing-page__heroscreen {
        margin-top: 48px;
    }

    .printing-page__heroscreen-wrap {
        grid-template-columns: 100%;
        gap: 60px;
    }

    .printing-page__heroscreen-left,
    .printing-page__heroscreen-right {
        grid-column: auto;
    }

    .printing-page__heroscreen-btn {
        margin-top: 32px;
    }

    .printing-page__heroscreen-btns {
        gap: 16px;
        flex-wrap: wrap;
    }

    .printing-page__about-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .printing-page__about-left,
    .printing-page__about-img {
        grid-column: auto;
    }

    .printing-page__about-left {
        margin-right: 0;
        padding: 40px 20px;
    }

    .printing-page__about-img {
        height: 260px;
    }

    .printing-page__about-list ul li {
        font-size: 14px;
        line-height: 17px;
    }

    .printing-page__services {
        padding: 48px 0;
    }

    .printing-page__services-items {
        gap: 16px;
        margin-top: 32px;
    }

    .printing-page__services-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .printing-page__operations-title {
        font-size: 20px;
        line-height: 24px;
    }

    .printing-page__operations-item {
        width: 100%;
        height: 240px;
        background: #8B66E8;
    }

    .printing-page__operations-subtitle {
        font-size: 12px;
        color: #fff;
        line-height: 14px;
        margin-bottom: 0;
    }

    .printing-page__operations-icon {
        width: 120px;
        margin: auto 0 0 auto;
    }

    .printing-page__operations-slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .printing-page__cases-text {
        font-size: 14px;
        line-height: 17px;
    }

    .printing-page__cases-items {
        margin-top: 32px;
    }

    .printing-page__cases-img {
        height: 260px;
    }

    .printing-page__cases-content {
        padding: 40px 20px 28px;
    }

    .printing-page__cases-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .printing-page__cases-controls {
        left: 20px;
    }

    .printers-page__about-img {
        height: 229px;
    }

    .printers-page__about-content {
        padding: 48px 20px;
    }

    .printers-page__about-title {
        font-size: 18px;
        line-height: 20px;
    }

    .printers-page__about-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 28px;
    }

    .printers-page__models {
        padding: 48px 0;
    }

    .printers-page__models .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .printers-page__models-item {
        width: 100%;
    }

    .printers-page__models-slider {
        margin-top: 32px;
    }

    .printers-page__models-text {
        min-height: auto;
    }

    .printers-page__models-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .printers-page__models-text {
        font-size: 14px;
        line-height: 17px;
    }

    .printers-page__models-btn {
        margin-top: 28px;
    }

    .printers-page__advantages-title {
        font-size: 18px;
        line-height: 20px;
    }

    .printers-page__advantages-text {
        font-size: 12px;
        line-height: 14px;
    }

    .printers-page__advantages-item {
        width: 100%;
        height: 240px;
        background: #E3330A;
        aspect-ratio: auto;
    }

    .printers-page__advantages-subtitle {
        color: #fff;
    }

    .printers-page__advantages-icon {
        margin-left: auto;
    }

    .printers-page__advantages-slider {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .printers-page__support-grid+.printers-page__support-grid {
        grid-template-columns: 100%;
        gap: 48px;
        margin-top: 32px;
    }

    .printers-page__support-list,
    .printers-page__support-img {
        grid-column: auto;
    }

    .printers-page__support-list ul li {
        font-size: 14px;
        line-height: 17px;
        padding-left: 14px;
    }

    .printers-page__support-list ul li+li {
        margin-top: 8px;
    }

    .printers-page__support-list ul li::before {
        top: 5px;
    }

    .printers-page__support-img {
        min-height: 200px;
    }

    .printers-page__support-img img {
        height: 100%;
        object-fit: cover;
    }

    .printers-page__examples-title {
        font-size: 18px;
        line-height: 20px;
    }

    .printers-page__examples-slider {
        margin: 32px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .printers-page__examples-item {
        width: 100%;
    }

    .printers-page__examples-controls {
        left: 20px;
    }

    .printers-page__program-text {
        font-size: 16px;
        line-height: 19px;
    }

    .printers-page__stage {
        padding-bottom: 27px;
    }

    .printers-page__stage-title {
        font-size: 20px;
        line-height: 24px;
    }

    .printers-page__stage-icon {
        width: 20px;
        height: 20px;
    }

    .printers-page__stage-subtitle {
        font-size: 14px;
        line-height: 17px;
    }

    .printers-page__stage-text,
    .printers-page__stage-term {
        font-size: 12px;
        line-height: 14px;
    }

    .printers-page__stage-text ol li,
    .printers-page__stage-text ul li {
        font-size: 12px;
        line-height: 14px;
    }

    .printers-page__stage-text ol>li::before {
        font-size: 16px;
        line-height: 19px;
    }

    .printers-page__stage+.printers-page__stage {
        margin-top: 28px;
    }

    .printers-page__advantages2 {
        padding: 80px 0;
    }

    .printers-page__advantages2-items {
        grid-template-columns: 100%;
        gap: 20px;
        margin-top: 32px;
    }

    .printers-page__advantages2-item {
        gap: 6px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .printers-page__advantages2-item:nth-child(2n+2) {
        margin-left: 0;
        padding-left: 0;
    }

    .printers-page__advantages2-item:nth-last-child(-n+3) {
        border-bottom: none;
        padding-bottom: 0;
    }

    .printers-page__advantages2-text {
        font-size: 12px;
        line-height: 14px;
    }

    .printers-page__advantages2-icon {
        width: 20px;
        height: 20px;
    }

    .printer-page__heroscreen {
        margin-top: 48px;
    }

    .printer-page__heroscreen-img {
        height: 240px;
    }

    .printer-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .printer-page__heroscreen-btn {
        margin-top: 32px;
    }

    .printer-page__equipment-title {
        font-size: 20px;
        line-height: 24px;
    }

    .printer-page__equipment-wrap {
        margin-top: 32px;
    }

    .printer-page__equipment-row {
        gap: 16px;
    }

    .printer-page__equipment-cell {
        font-size: 12px;
        line-height: 14px;
        padding: 12px 0;
    }

    .printer-page__equipment-cell:first-child {
        padding-left: 8px;
    }

    .printer-page__related-slider {
        margin: 32px -20px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .lidars-page__heroscreen {
        margin-top: 48px;
    }

    .lidars-page__heroscreen-wrap {
        display: block;
    }

    .lidars-page__heroscreen-content {
        padding: 32px 20px 12px;
    }

    .lidars-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .lidars-page__heroscreen-btn {
        margin-top: 32px;
    }

    .lidars-page__heroscreen-img {
        max-width: 280px;
        margin: 0 auto;
    }

    .lidars-page__heroscreen-btns {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .lidars-page__meteo {
        margin-top: 88px;
    }

    .lidars-page__meteo .breathalyzers-page__certs-title {
        font-size: 20px;
        line-height: 24px;
    }

    .lidars-page__meteo .breathalyzers-page__certs-text {
        font-size: 14px;
        line-height: 17px;
    }

    .lidars-page__avia-item {
        margin-top: 0;
        padding-bottom: 27px;
    }

    .lidars-page__avia-item+.lidars-page__avia-item {
        margin-top: 28px;
    }

    .lidars-page__avia-head {
        display: flex;
        gap: 0;
    }

    .lidars-page__avia-num {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        font-size: 12px;
        line-height: 14px;
    }

    .lidars-page__avia-subtitle {
        font-size: 20px;
        line-height: 24px;
        margin-left: 12px;
    }

    .lidars-page__avia-icon {
        width: 20px;
        height: 20px;
        align-self: center;
    }

    .lidars-page__avia-outer {
        margin-top: 36px;
    }

    .lidars-page__avia-content {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .lidars-page__avia-text,
    .lidars-page__avia-img {
        grid-column: auto;
    }

    .lidars-page__avia-text {
        font-size: 12px;
        line-height: 14px;
        padding-right: 36px;
    }

    .lidars-page__video-wrap {
        margin-top: 32px;
    }

    .lidars-page__video-play {
        top: calc(50% - 20.5px);
        left: calc(50% - 20.5px);
        width: 41px;
        height: 41px;
    }

    .lidars-page__production {
        padding: 48px 0;
    }

    .lidars-page__production-grid {
        grid-template-columns: 100%;
        margin-top: 28px;
    }

    .lidars-page__production-grid .printers-page__models-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .lidars-page__production-grid .printers-page__models-text {
        min-height: auto;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
    }

    .lidars-page__production-grid .printers-page__models-btn {
        margin-top: 28px;
    }

    .lidars-page__certs-items {
        gap: 21px;
        margin-top: 32px;
    }

    .lidars-page__certs-item {
        padding: 28px 20px;
    }

    .lidars-page__certs-num {
        font-size: 80px;
        line-height: 56px;
    }

    .lidars-page__certs-text {
        font-size: 12px;
        line-height: 14px;
        margin-top: 32px;
    }

    .lidars-page__certs-wrap {
        margin-top: 48px;
    }

    .lidars-page__certs-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        font-size: 20px;
        line-height: 24px;
    }

    .lidars-page__certs-icon {
        width: 60px;
    }

    .complex-page__heroscreen {
        margin-top: 48px;
    }

    .complex-page__heroscreen-text {
        font-size: 14px;
        line-height: 17px;
        margin-top: 20px;
    }

    .complex-page__heroscreen-btn {
        margin-top: 32px;
    }

    .complex-page__heroscreen-desc {
        font-size: 12px;
        line-height: 14px;
    }

    .complex-page__heroscreen-desc ul li::before {
        top: 4px;
    }

    .complex-page__heroscreen-desc:first-child span {
        font-size: 18px;
        line-height: 20px;
    }

    .complex-page__heroscreen-desc:last-child span {
        font-size: 14px;
        line-height: 17px;
    }

    .complex-page__heroscreen-grid {
        margin-top: 80px;
    }

    .complex-page__scopes .alcolocks-page__specs-slider {
        margin-top: 32px;
    }

    .complex-page__scopes .alcolocks-page__specs-item {
        height: 214px;
    }

    .complex-page__specs .breathalyzers-page__specs-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .complex-page__specs .breathalyzers-page__specs-col:first-child {
        grid-column: auto;
        padding: 16px 0 16px 16px;
    }

    .complex-page__specs .breathalyzers-page__specs-col:last-child {
        grid-column: auto;
        padding: 16px 0;
    }

    .complex-page__specs-subtitle {
        font-size: 16px;
        line-height: 19px;
    }

    .complex-page__related {
        position: relative;
        padding-bottom: 51px;
    }

    .complex-page__related-controls {
        position: absolute;
        left: 20px;
        bottom: 0;
    }

    .complex-page__related-slider {
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Стили для уведомления */
.notification-popup {
    position: fixed;
    bottom: 50px;
    left: 50px;
    background: #fff;
    font-size: 20px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-width: 500px;
    animation: notification-fadeIn 0.5s;
}

.notification-popup.notification-fadeOut {
    animation: notification-fadeOut 0.3s forwards;
}

.notification-close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.notification-close:hover {
    color: #323232;
}

/* Анимации */
@keyframes notification-fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes notification-fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

/* Адаптивность */
@media (max-width: 600px) {
    .notification-popup {
        left: 10px;
        right: 10px;
        max-width: calc(100% - 20px);
    }
}

.reviews-page__item-text p {
    color: #fff;
}