:root {
    --body: #1A1B1D;
    --orange: #F15A2E;
    --primary-font: "DM Sans";
    --secondary-font: "Syne";
    --border-color: rgba(142, 142, 142, 0.24);
}

* {
    font-family: "DM Sans", sans-serif;
    scroll-behavior: smooth;
    outline: 0 !important;
}

body {
    font-size: 16px;
    background-color: var(--body);
    color: #fff;
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.wow {
    visibility: hidden;
}

.toggle-menu {
    display: none;
}

.menu-toggle-button {
    display: none;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

.main-header {
    position: fixed;
    z-index: 999;
    width: 100%;
    transition: 300ms;
    left: 0;
    top: 50px;
}

.main-header .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 60px;
    transition: 300ms;
    border: 1px solid var(--border-color);
    padding: 0px 40px;
    min-height: 85px;
}

.main-header .header-container .logo {
    width: 100px;
}

.main-header .header-container .menu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.main-header .header-container .menu > ul > li {
    position: relative;
}

.main-header .header-container .menu > ul > li > a {
    color: #fff;
    display: inline-block;
    transition: 300ms;
    padding: 10px 20px;
    transition: 300ms;
}

.main-header .header-container .menu > ul > li:hover > a {
    color: var(--orange);
}

.main-header .header-container .languages {
    position: relative;
}

.main-header .header-container .languages .main-btn {
    position: relative;
    z-index: 99;
}

.main-header .header-container .languages > ul {
    position: absolute;
    left: -10px;
    top: -10px;
    list-style: none;
    margin: 0;
    width: calc(100% + 20px);
    z-index: 9;
    background: var(--border-color);
    padding: 20px 0 10px;
    border-radius: 14px;
    backdrop-filter: blur(2px);
    transition: 600ms;
    opacity: 0;
    visibility: hidden;
}

.main-header .header-container .languages > ul > li > a {
    color: #fff;
    text-align: center;
    display: block;
    margin: 5px 0;
    transition: 300ms;
    opacity: .5;
}

.main-header .header-container .languages > ul > li.active > a {
    opacity: 1;
    color: var(--orange);
    font-weight: 500;
}

.main-header .header-container .languages > ul > li:Hover > a {
    opacity: 1;
}

.main-header .header-container .languages:hover > ul {
    opacity: 1;
    visibility: visible;
    padding: 60px 0 10px;
}

.main-btn {
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, var(--orange) 70%);
    background-color: var(--orange);
    display: inline-block;
    padding: 8px 25px;
    border-radius: 15px;
    outline: 0;
    cursor: pointer;
    box-shadow: 0 0 2px #671D13;
    transition: 300ms;
    color: #fff;
}

.main-btn:Hover {
    box-shadow: 0 0 25px #671D13;
    color: #fff;
}

.main-header.fixed-bar {
    top: 30px;
}

.main-header.fixed-bar .header-container {
    background-color: rgba(32, 34, 36, 0.31);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 1px rgba(255, 255, 255, .1);
}

.main-header.fixed-bar .header-container .main-btn:Hover {
    box-shadow: 0 0 25px rgba(255, 255, 255, .5);
}

.main-greet {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 60px);
    margin: 30px;
    border: 1px solid var(--border-color);
    border-radius: 30px;
    background-image: url('images/greet-bg.svg');
    background-size: cover;
    overflow: hidden;
}

.main-greet .greet-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-greet .greet-container > .text {
    width: 740px;
    margin-right: -100px;
}

.main-greet .greet-container > .text .title {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 40px;
    font-family: var(--secondary-font), sans-serif;
}

.main-greet .greet-container > .text .description {
    margin-bottom: 40px;
}

.main-greet .greet-container .media video {
    width: 100%;
    object-fit: cover;
    transform: scale(1.2);
}

.main-categories {
    background-image: url('/images/categories-bg.svg');
    background-size: cover;
    margin: 30px;
    border-radius: 30px;
    background-position: center;
}

.categories-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 100px;
    position: relative;
    z-index: 1;
    transform: translateY(-130px);
}

.categories-container .category {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    flex: 1;
    position: relative;
    justify-content: flex-start;
    text-align: center;
    padding: 40px 0;
    max-width: 320px;
    backdrop-filter: blur(5px);
}

.categories-container .category .title {
    margin: 0;
    color: #fff;
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 500;
    transition: 300ms;
}

.categories-container .category img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: bottom center;
    transition: 300ms;
}

.categories-container .category:before {
    background-image: url(data:image/svg;base64,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);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .2;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    /* filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.5)); */
    transition: 300ms;
}

.categories-container .category.active:before {
    background-image: url(data:image/png;base64,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);
    opacity: .7;
}

.categories-container .category .image {
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px;
    transition: 300ms;
}

.categories-container .category .image:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 25px;
    background: #000;
    left: calc(50% - 40px);
    bottom: -60px;
    border-radius: 100%;
    filter: blur(5px);
    opacity: .1;
    transition: 300ms;
    display: block;
}

.categories-container .category:hover:before {
    opacity: .3;
}

.categories-container .category:hover .image img {
    transform: scale(1.1);
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1));
}

.categories-container .category:Hover .image:after {
    transform: scale(1.1);
}

.categories-container .category:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28%;
    background-image: url('/images/icons/chevron-right.svg');
    z-index: 1;
    aspect-ratio: 1.31/1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    transition: 300ms;
}

.main-categories .text-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 100px;
}

.main-categories .text-container > div {
    width: 50%;
}

.main-categories .text-container > div:first-child h2 {
    font-size: 60px;
    color: var(--orange);
    max-width: 12ch;
    word-break: break-word;
    line-height: 1;
    font-family: var(--secondary-font), sans-serif;
}

.main-categories .text-container > div:last-child p {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 30px;
    font-size: 20px;
    color: #A1A1A1;
}

.main-categories .text-container > div:last-child p:before {
    content: '';
    width: 45px;
    height: 45px;
    min-width: 45px;
    background-image: url('/images/icons/quote.svg');
    background-size: contain;
    margin-top: 5px;
}


div#wordMap {
    max-width: 100%;
    overflow: hidden;
}

div#wordMap svg {
    max-width: 100%;
}

#wordMap,
#wordMap svg {
    width: 100%;
    position: relative;
}

#wordMap path[class] {
    fill: var(--orange);
    transition: 300ms;
    cursor: pointer;
}

#wordMap path[class]:hover {
    fill: #fff;
}

div#wordMap .country-tooltip {
    position: absolute;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 15px;
    border-radius: 60px;
    color: #000;
    transition: 300ms;
    transform: translate(-50%, -100%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

div#wordMap .country-tooltip img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
    background: #eee;
}

div#wordMap .country-tooltip:after {
    content: '';
    position: absolute;
    right: calc(50% - 8px);
    top: calc(100% - 10px);
    background: #fff;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    z-index: -1;
}

.main-map {
    margin: 30px;
    border-radius: 30px;
    background-image: url(/images/map-bg.svg);
    background-size: cover;
    background-position: top center;
}

.main-map .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    padding-top: 50px;
}

.main-map .section-header .description {
    max-width: 40%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    line-height: 1.7;
    letter-spacing: 1px;
    font-size: 20px;
    color: #A1A1A1;
}

.main-map .section-header .description:before {
    content: '';
    width: 45px;
    height: 45px;
    min-width: 45px;
    background-image: url(/images/icons/compass.svg);
    background-size: contain;
    margin-top: 5px;
}

.main-map .section-header .text {
    width: fit-content;
}

.main-map .section-header .text h3 {
    color: var(--orange);
    font-size: 42px;
    font-family: var(--secondary-font), sans-serif;
    max-width: 10ch;
}

.production-bar {
    margin: 30px;
    border-radius: 30px;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    background-color: #141619;
    border: 1px solid var(--border-color);
}

.production-bar .bar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.production-bar .bar-container p {
    margin: 0;
    text-transform: uppercase;
    color: #898A8C;
}

.main-production {
    margin: 30px;
    background: #E1DDDD;
    border-radius: 30px;
    color: #000;
}

.main-production .section-container {
    display: flex;
    gap: 100px;
    padding: 60px 60px 60px 0;
}

.main-production .section-container > .icon {
    width: 350px;
}

.main-production .section-container > .icon img {
    width: 250px;
    object-fit: contain;
    position: sticky;
    top: 140px;
}

.production-item:not(:last-child) {
    margin-bottom: 30px;
    display: block;
}

.production-item .production-image {
    overflow: hidden;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url(data:image/png;base64,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);
    mask-image: url(data:image/png;base64,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);
    height: 390px;
    margin: 0;
    position: relative;
    mask-position: bottom;
    border-radius: 15px;
}

.production-item .production-image img {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    transition: 300ms;
    filter: grayscale(100%);
}

.production-item:hover .production-image img {
    filter: grayscale(0);
}

.production-item .title {
    padding-left: 100px;
    margin-top: -50px;
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #000;
    transition: 300ms;
}

.production-item .production-image:before {
    content: '';
    width: 90px;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    background-image: url('/images/icons/chevron-right.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
}

.main-production .section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-production .section-header > div {
    width: 50%;
    margin-bottom: 50px;
}

.main-production .section-header > div h3 {
    color: var(--orange);
    font-size: 42px;
    font-family: var(--secondary-font), sans-serif;
    max-width: 10ch;
}


.main-production .section-header > div:last-child {
    max-width: 50%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    line-height: 1.7;
    letter-spacing: 1px;
    font-size: 20px;
    color: #A1A1A1;
}

.main-production .section-header > div:last-child:before {
    content: '';
    width: 45px;
    height: 45px;
    min-width: 45px;
    background-image: url('/images/icons/quote.svg');
    background-size: contain;
    margin-top: 5px;
}

.main-catalog {
    margin: 30px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}

.main-catalog:Before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 100px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/images/map-bg.svg);
    border-bottom: 2px solid #e1e1e112;
    border-radius: 15px;
}

.main-catalog .catalog-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}

.main-catalog .catalog-container > div {
    width: 50%;
}

.main-catalog .catalog-container .text {
    width: 40%;
}

.main-catalog .catalog-container .preview img {
    max-width: 520px;
}

.main-catalog .catalog-container .content .description {
    line-height: 1.7;
    letter-spacing: 1px;
    font-size: 20px;
    color: #A1A1A1;
    margin: 20px 0 40px;
}

.main-catalog .catalog-container .content .title {
    color: var(--orange);
    font-size: 42px;
    font-family: var(--secondary-font), sans-serif;
    max-width: 15ch;
    margin-bottom: 40px;
}

.main-catalog .catalog-container .actions {
    display: flex;
    gap: 20px;
}

.main-articles {
    margin: 30px;
    border-radius: 30px;
    position: relative;
    border: 2px solid #e1e1e112;
    padding: 100px 0 50px;
    overflow: hidden;
    position: relative;
}

.main-articles:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/news-color-burn.png');
    background-size: cover;
    background-position: top center;
    mix-blend-mode: color-burn;
    z-index: -1;
    opacity: .7;
}

.main-articles .articles-collapse {
    position: relative;
    margin-bottom: 40px;
}

.main-articles .articles-collapse .article-item {
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 68px;
    color: #fff;
    opacity: .2;
    font-family: var(--secondary-font), sans-serif;
    font-weight: 500;
    transition: 300ms;
}

.main-articles .articles-collapse .article-item:Hover {
    opacity: .5;
}


.main-articles .articles-collapse .article-item.active {
    color: var(--orange);
    opacity: 1;
}

.main-articles .article-content {
    transition: 300ms;
    max-width: 60%;
    overflow: hidden;
    height: 250px;
}

.main-articles .article-content .summary {
    font-size: 25px;
    color: #8A8F98;
    margin-bottom: 40px;
    transition: 1200ms;
    max-height: calc(190px);
    overflow: hidden;
}

.main-articles .article-content .date {
    margin: 0;
    color: #434C58;
    font-size: 14px;
    transition: 1200ms;
    transition-delay: 600ms;
}

.main-articles .article-content.refresh .date {
    transform: translateX(-100%);
}

.main-articles .article-content.refresh .summary {
    max-height: 0;
    margin-bottom: 0;
}

.main-articles .articles-slider {
    width: calc(100% + 150px);
    margin-left: -150px;
    padding-right: 40px;
    margin-top: 100px;
}

.main-articles .articles-slider .article-slider-item .main-btn {
    opacity: 0;
}

.main-articles .articles-slider .article-slider-item .image {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: 300ms;
}

.main-articles .articles-slider .article-slider-item .image img {
    aspect-ratio: 1;
    object-fit: cover;
    transition: 300ms;
    border-radius: 15px;
}

.main-articles .articles-slider .article-slider-item .title {
    color: #fff;
}

.main-articles .articles-slider .article-slider-item:hover .main-btn {
    opacity: 1;
}

.main-articles .articles-slider .article-slider-item:hover .image img {
    transform: scale(1.1);
}

.main-prod-parallax {
    margin: 30px;
    border-radius: 30px;
    overflow: hidden;
    height: 60vh;
    background-image: url('images/main-production-bg.svg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.main-faqs {
    margin: 30px;
    border-radius: 30px;
    padding: 90px 0;
}

.main-faqs .faqs-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-faqs .faqs-container .icon {
    display: flex;
    flex-direction: column;
    max-width: 480px;
    align-items: flex-start;
    justify-content: flex-start;
    position: sticky;
    top: 140px;
}

.main-faqs .faqs-container .icon .main-btn {
    margin-left: 140px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    margin-top: -60px;
}

.main-faqs .faqs-container > div {
    width: 50%;
}

.main-faqs .faqs-container .section-header h4 {
    font-size: 50px;
    display: block;
    max-width: 15ch;
    line-height: 1;
    margin-bottom: 40px;
    display: inline-flex;
}

.main-faqs .faqs-container .section-header h4:after {
    content: '';
    width: 45px;
    height: 45px;
    min-width: 45px;
    background-image: url('/images/icons/quote.svg');
    background-size: contain;
    margin-top: 5px;
}

.faq-item {
    transition: 300ms;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #5C5C5C;
}

.faq-item .faq-header {
    padding: 15px;
    transition: 300ms;
    font-size: 20px;
    font-weight: 500;
    background: #fff;
    color: #000;
    user-select: none;
    cursor: pointer;
    padding-right: 80px;
    position: relative;
}

.faq-item .faq-header:After {
    content: '';
    width: 80px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('/images/icons/chevron-right.svg');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: brightness(0);
    transform: rotate(90deg);
    transition: 300ms;
}

.faq-item .faq-content {
    padding: 0 15px;
    transition: 300ms;
    max-height: 0;
}

.faq-item.active .faq-content {
    max-height: 100vh;
    padding: 15px;
}

.faq-item.active .faq-header {
    background: var(--orange);
    color: #fff;
}

.faq-item.active .faq-header:After {
    filter: brightness(0) invert(1);
    transform: rotate(-90deg);
}

.main-footer {
    margin: 30px;
    border-radius: 30px;
    background-image: url('/images/footer-bg.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    border-left: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    position: relative;
}

.main-footer .footer-bar {
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
    padding-right: 150px;
    padding-top: 40px;
}

.main-footer .footer-bar .menu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.main-footer .footer-bar .menu > ul > li > a {
    color: #8A8A8A;
    transition: 300ms;
    font-size: 18px;
    display: block;
}

.main-footer .footer-bar .menu > ul > li:hover > a {
    color: #fff;
}

.main-footer .footer-bar .newsletter-form > form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.main-footer .footer-bar .newsletter-form > form input {
    height: 44px;
    background-color: #232426;
    border: 0;
    background-size: cover;
    background-position: top center;
    border-radius: 15px;
    background-repeat: no-repeat;
    width: 280px;
    padding: 10px;
    color: #fff;
    border: 1px solid #37393C;
    box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3);
}

.main-footer .footer-media {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 40px;
}

.main-footer .footer-media .footer-socials {
    text-align: right;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    row-gap: 40px;
    flex-direction: column;
}

.main-footer .footer-media .footer-socials .socials {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.main-footer .footer-media .footer-socials .socials a {
    color: #8A8A8A;
    transition: 300ms;
    font-size: 18px;
}

.main-footer .footer-media .footer-socials .socials a:hover {
    color: #fff;
}

.main-footer .footer-media .footer-socials .logo {
    width: 140px;
}

.main-footer .footer-media .footer-socials .logo img {
    width: 140px;
}

.main-footer .footer-media .footer-text .main-text {
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.main-footer .footer-media .footer-text .copyright-text {
    margin: 0;
    font-size: 14px;
    color: #8A8A8A;
}

.main-footer .footer-media .footer-text .copyright-text a {
    color: var(--orange);
    transition: 300ms;
}

.main-footer .footer-media .footer-text .copyright-text a:Hover {
    color: #fff;
}

.main-footer .contacts {
    margin: 30px 0 40px;
    display: flex;
    flex-direction: column;
}

.main-footer .contacts > p,
.main-footer .contacts > a {
    max-width: 25ch;
    color: #8A8A8A;
    margin: 5px 0;
}

#returnTop {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--orange);
    transition: 300ms;
}

#returnTop:Before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/icons/chevron-right.svg');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    filter: brightness(0) invert(1);
}

#returnTop:hover {
    background: var(--orange);
}

.sub-page-layout {
    margin: 30px;
    border-radius: 30px;
}

.page-head {
    position: relative;
    display: flex;
    align-items: center;
    margin: 30px;
    border: 1px solid var(--border-color);
    border-radius: 30px;
    background-image: url(/images/greet-bg.svg);
    background-size: cover;
    overflow: hidden;
    padding: 200px 0;
    min-height: 70vh;
}

.page-head .page-head-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-head .page-head-container > div {
    width: 50%;
}

.page-head .page-head-container > div.image {
    text-align: center;
}

.page-head .page-head-container > div img {
    width: 100%;
    max-width: 340px;
}

.page-head .page-head-container .title {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 40px;
    font-family: var(--secondary-font), sans-serif;
    font-size: 70px;
    max-width: 80%;
}

.page-head .container {
    position: relative;
}

.page-head .page-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 30px;
    font-size: 17px;
    color: #8B8A89;
}

.page-head .page-meta > li:not(:last-child):after {
    content: '/';
    margin: 0 10px;
}

.about-page-body {
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 100px 0;
}

.about-page-body .container {
    position: relative;
}

.about-page-body h2:first-child {
    margin-bottom: 50px;
    font-family: var(--secondary-font), sans-serif;
    font-size: 40px;
}

.about-page-body .about-page-content-box {
    width: 50%;
    border: 1px solid var(--border-color);
    padding: 50px;
    background: rgba(0, 0, 0, .3);
    border-radius: 30px;
    backdrop-filter: blur(5px);
}

.about-page-body .about-page-content-box p {
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: #ffffff;
}

.about-page-body .company-text {
    position: absolute;
    right: 0;
    bottom: 0;
}

.about-page-body .company-text p {
    text-orientation: mixed;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 22px;
    text-shadow: 0 0 30px #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.about-page-body .company-text p:before {
    content: '';
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    background-image: url(/images/icons/quote.svg);
    background-size: contain;
    margin-top: 5px;
    display: block;
    filter: brightness(0) invert(1);
}

.about-page .milestones {
    background: #E1DDDD;
    color: #5C5C5C;
    padding: 120px 0;
}

.about-page .milestones .section-header {
    margin-bottom: 50px;
}

.about-page .milestones .section-header h2 {
    font-family: var(--secondary-font), sans-serif;
    font-size: 42px;
}

.about-page .milestones .milestone-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transition: 300ms;
    opacity: .5;
}

.about-page .milestones-slider .active .milestone-item {
    opacity: 1;
}

.about-page .milestones .milestone-item > div {
    width: 50%;
}

.about-page .milestones .milestone-item > div.text .year {
    font-family: var(--secondary-font), sans-serif;
    font-size: 60px;
    color: var(--orange);
    font-weight: 700;
    line-height: 1;
}

.about-page .milestones .milestone-item > div.text .title {
    margin-bottom: 40px;
    font-size: 40px;
    font-family: var(--secondary-font), sans-serif;
}

.about-page .milestones .milestone-item > div.image {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.about-page .milestones .milestone-item > div.image img {
    max-width: 80%;
    border-radius: 30px;
}

.about-page .milestones-dots {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.about-page .milestones-dots button {
    flex: 1;
    background: transparent;
    border: 0;
    font-family: var(--secondary-font), sans-serif;
    font-size: 20px;
    color: #A1A1A1;
    position: relative;
    padding-bottom: 5px;
    transition: 300ms;
}

.about-page .milestones-dots button:After {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #CDCDCD;
    border-radius: 4px;
    transition: 300ms;
}

.about-page .milestones-dots button:Hover {
    color: #000;
}

.about-page .milestones-dots button.active {
    color: var(--orange);
}

.about-page .milestones-dots button.active:after {
    background-color: var(--orange);
}

.about-page .clients {
    background: #141619;
    border: 1px solid var(--border-color);
}

.about-page .clients img {
    aspect-ratio: 1;
    object-fit: contain;
}

.about-page .documents {
    padding: 100px 0;
    background: var(--orange);
}

.about-page .documents h3 {
    font-size: 40px;
    margin-bottom: 40px;
    font-family: var(--secondary-font), sans-serif;
}

.about-page .documents-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.about-page .documents-container > div {
    width: calc(25% - 40px);
    margin: 20px;
    border-radius: 15px;
    overflow: hidden;
}

.about-page .documents-container > div img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    transition: 300ms;
}

.about-page .documents-container > div:hover img {
    transform: scale(1.1);
}

.categories-container .category.production-item-option .title {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    text-align: center;
    font-size: 35px;
}

.categories-container .category.production-item-option:nth-child(2) {
    margin-top: -50px;
}

.categories-container .category.production-item-option.active:before {
    opacity: .7;
    background-image: url(data:image/png;base64,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);
}

.categories-container .category.production-item-option.active:after {
    transform: rotate(90deg);
}

.production-page .production-page-content {
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 300px 0 200px;
}

.production-page .production-page-content-box {
    border: 1px solid var(--border-color);
    padding: 50px;
    background: rgba(0, 0, 0, .3);
    border-radius: 30px;
    backdrop-filter: blur(5px);
}

.production-page .production-page-content-box p {
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: #ffffff;
}

.production-page .categories-container {
    transform: translateY(180px);
    margin-top: -350px;
}

.articles-page .articles-content {
    background-color: #EBEBEB;
    color: #000;
    padding: 100px 0;
}

.articles-page .articles-content .latest-articles h2,
.articles-page .articles-content .related-articles h2 {
    color: var(--orange);
    font-size: 40px;
    margin-bottom: 40px;
    font-family: var(--secondary-font), sans-serif;
}

.articles-page .articles-content .latest-articles .latest-article-item {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.articles-page .articles-content .latest-articles .latest-article-item > div {
    width: 50%;
}

.articles-page .articles-content .latest-articles .latest-article-item > div img {
    border-radius: 15px;
}

.articles-page .articles-content .latest-articles .latest-article-item .title {
    color: var(--orange);
    font-family: var(--secondary-font), sans-serif;
    font-size: 68px;
    margin-bottom: 40px;
    display: block;
    font-weight: 700;
    line-height: 1;
}

.articles-page .articles-content .latest-articles .latest-article-item .description {
    margin-bottom: 40px;
    line-height: 1.7;
    letter-spacing: 1px;
    color: #A1A1A1;
}

.articles-page .articles-content .latest-articles .latest-article-item > .content {
    padding-bottom: 50px;
}

.main-articles-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.main-articles-container .article-item {
    width: calc(25% - 30px);
    margin: 15px;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.main-articles-container .article-item .image {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

.main-articles-container .article-item .image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 15px;
    transition: 300ms;
}

.main-articles-container .content {
    padding: 15px;
}

.main-articles-container .article-item .title {
    color: #545454;
    font-weight: 600;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    min-height: 54px;
}

.main-articles-container .article-item .summary {
    font-sizde: 14px;
    color: #A1A1A1;
    margin: 10px 0;
}

.main-articles-container .article-item:Hover .image img {
    transform: scale(1.1);
    filter: brightness(50%);
}

.articles-page .articles-content .article-details-content .image img {
    border-radius: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.articles-page .articles-content .article-details-content h2 {
    font-size: 45px;
    font-family: var(--secondary-font), sans-serif;
    font-weight: 600;
    color: var(--orange);
    margin-bottom: 30px;
}

.articles-page .articles-content .article-details-content .body {
    color: #8C8C8C;
}

.contacts-page .contacts-content {
    background-image: url('/images/contact-form-bg.svg');
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    color: #000;
}

.contacts-page .contacts-content h2,
.contacts-page .contacts-content h3 {
    color: var(--orange);
    font-family: var(--secondary-font), sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.contacts-page .contacts-content h2 {
    position: relative;
}

.contacts-page .contacts-content .contacts-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 100px;
}

.contacts-page .contacts-content .contacts-container > div {
    width: 50%;
}

.contacts-page .contacts-content .contacts-container .info .contacts-meta p,
.contacts-page .contacts-content .contacts-container .info .contacts-meta a {
    display: block;
    margin: 10px 0;
    max-width: 25ch;
    color: #8A8A8A;
    font-size: 18px;
}

.contacts-page .contacts-content .contacts-container .socials {
    margin-top: 30px;
}

.contacts-page .contacts-content .contacts-container .socials ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    font-size: 20px;
    margin-top: 20px;
}

.contacts-page .contacts-content .contacts-container .socials ul a {
    color: #8A8A8A;
    transition: 300ms;
}

.contacts-page .contacts-content .contacts-container .socials ul a:Hover {
    color: var(--orange);
}

.contacts-page .contacts-content .contacts-container form input,
.contacts-page .contacts-content .contacts-container form textarea {
    width: 100%;
    margin: 10px 0;
    padding: 15px;
    border: 1px solid #B8B8B8;
    border-radius: 15px;
}

.contacts-page .contacts-content .contacts-container form button {
    width: 100%;
    border: 0;
    height: 50px;
}

.contacts-page .contacts-content .contacts-container form button:Hover {
    box-shadow: none;
    filter: brightness(90%);
}

.products-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 40px;
}

.products-container .product-item {
    width: calc(25% - 40px);
    margin: 20px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    transition: 300ms;
}

.products-container .product-item .image {
    margin-bottom: 30px;
    border-radius: 10px;
}

.products-container .product-item .image img {
    width: 100%;
    transition: 300ms;
    aspect-ratio: 1;
}

.products-container .product-item .title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #5c5c5c;
}

.products-container .product-item .code {
    margin: 0;
    font-size: 14px;
    color: #b1b1b1;
}

.products-container .product-item:Hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.products-container .product-item:hover .image img {
    transform: scale(1.1);
}

.products-page .product-details-content {
    color: #000;
    padding: 100px 0;
    background: #EBEBEB;
    margin: 30px;
    border-radius: 30px;
    background-position: center;
}

.products-page .product-details-content .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.products-page .product-details-content .section-header h2 {
    font-size: 40px;
    color: var(--orange);
    font-family: var(--secondary-font), sans-serif;
}

.products-page .product-details-content .section-header .code {
    font-size: 25px;
    color: #6a6a6a;
}

.products-page .product-details-content .section-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.products-page .product-details-content .section-content .image {
    text-align: center;
}

.products-page .product-details-content .section-content > div {
    width: 50%;
    border: 1px solid var(--border-color);
    padding: 30px;
    border-radius: 30px;
}

.products-page .product-details-content .section-content .details table {
    width: 100%;
    border: 1px solid var(--border-color);
    border: 0;
}

.products-page .product-details-content .section-content .details table td,
.products-page .product-details-content .section-content .details table th {
    padding: 10px;
    border: 1px solid var(--border-color);
}

.products-page .product-details-content .section-content .details table th {
    background: var(--orange);
    color: #fff;
}

.table-responsive {
    border-radius: 15px;
    overflow: hidden;
}

.gl-map iframe {
    width: 100%;
    height: 60vh;
    border-radius: 30px;
    filter: grayscale(1);
}

.fixed-wp {
    background: #128C7E;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    z-index: 99;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 100%;
    transition: 300ms;
}

.fixed-wp:Hover {
    background: #25D366;
    color: #fff;
}

.fixed-wp img {
    width: 60%;
    filter: invert(1);
}

@media (max-width: 1400px) {
    .production-item .production-image {
        height: 350px;
    }

    .production-item .production-image:before {
        width: 70px;
    }

    .main-production .section-header > div:last-child {
        margin-bottom: 0;
    }

    .main-production .section-header > div {
        margin-bottom: 0;
    }

    #returnTop {
        width: 60px;
        height: 60px;
    }

    .main-footer .footer-bar .newsletter-form > form input {
        width: 200px;
    }

    .about-page-body .about-page-content-box {
        width: 70%;
    }

    .about-page .documents-container > div img {
        height: 350px;
    }

    .products-container .product-item {
        width: calc(33.3% - 40px);
    }

    .main-articles-container .article-item {
        width: calc(33.3% - 30px);
    }
}

@media (max-width: 1200px) {
    main.app-main > [class^="main-"]:not(header) {
        margin: 10px;
    }

    .categories-container {
        gap: 50px;
    }

    .production-item .production-image {
        height: 250px;
    }

    .production-item .title {
        margin-top: -35px;
        padding-left: 70px;
    }

    .main-catalog .catalog-container > .preview {
        padding-right: 80px;
    }

    .main-catalog .catalog-container .preview img {
        max-width: 450px;
    }

    .main-articles .articles-collapse .article-item {
        font-size: 45px;
    }

    .main-footer .footer-bar {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 30px;
        margin-bottom: 40px;
    }

    .main-footer .footer-media .footer-text .main-text {
        font-size: 75px;
    }
}

@media (max-width: 992px) {
    .main-header .header-container .menu {
        position: fixed;
        left: 15px;
        top: 100px;
        background-color: rgba(32, 34, 36, 0.9);
        backdrop-filter: blur(5px);
        box-shadow: 0 0 1px rgba(255, 255, 255, .9);
        border-radius: 30px;
        border: 1px solid var(--border-color);
        height: calc(100vh - 120px);
        z-index: 99999;
        width: calc(100% - 30px);
        transition: 300ms;
        opacity: 0;
        visibility: hidden;
        background-image: url('/images/greet-bg.svg');
        background-size: cover;
        background-position: top center;
    }

    .open-menu:has(.fixed-bar) .main-header .header-container .menu {
        left: 0;
        width: 100%;
    }

    .fixed-bar.main-header .header-container .menu {
        top: 80px;
    }

    .open-menu .main-header .header-container .menu {
        opacity: 1;
        visibility: visible;
    }

    .main-header .header-container .menu ul {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        text-align: center;
    }

    .main-header .header-container .menu ul a {
        font-size: 20px;
    }

    .main-header {
        top: 25px;
    }

    .main-greet .greet-container > .text .title {
        font-size: 30px;
        text-align: center;
    }

    .main-greet .greet-container > .text {
        margin-right: 0;
        width: 100%;
        position: absolute;
        z-index: 9;
        left: 0;
        bottom: 0;
        text-align: center;
    }

    .main-greet .greet-container > .text .description {
        display: none;
    }

    .categories-container {
        gap: 0;
        row-gap: 5px;
        transform: translateY(-130px);
        justify-content: flex-start;
        padding: 30px 0;
    }

    .main-categories .text-container {
        flex-direction: column;
        padding-bottom: 30px;
        padding-right: 15px;
        padding-top: 30px;
        margin-top: -120px;
    }

    .main-categories .text-container > div {
        width: 100%;
    }

    .main-categories .text-container > div:first-child h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .main-categories .text-container > div:last-child p:before {
        content: none;
    }

    .main-map .section-header {
        padding-top: 20px;
        margin-bottom: 20px;
        flex-direction: column;
        overflow: hidden;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .main-map {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .main-map .section-header .emblem {
        position: absolute;
        right: -125px;
        top: 0;
        z-index: -1;
        opacity: .2;
    }

    .main-map .section-header .description:before {
        content: none;
    }

    .main-map .section-header .description {
        width: 100%;
        max-width: 100%;
    }

    div#wordMap svg {
        height: 350px;
    }

    .production-bar .bar-container {
        flex-direction: column;
        row-gap: 10px;
    }

    .main-production .section-header {
        flex-direction: column;
    }

    .main-production .section-container {
        flex-direction: column;
    }

    .main-production .section-container > .icon {
        display: none;
    }

    .main-production .section-header > div {
        width: 100%;
    }

    .main-production .section-header > div h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .main-production .section-header > div:last-child:before {
        content: none;
    }

    .main-production .section-header > div:last-child {
        max-width: 100%;
    }

    .main-production .section-container {
        padding: 30px 15px;
    }

    .production-item .production-image {
        mask-image: none;
        -webkit-mask-image: none;
        height: unset;
    }

    .production-item .production-image:before {
        content: none;
    }

    .production-item .production-image img {
        border-radius: 15px;
    }

    .production-item {
        position: relative;
    }

    .production-item .title {
        display: inline-block;
        margin: 0;
        font-size: 20px;
        bottom: 0;
        padding-left: 0;
        padding: 0;
    }

    .main-catalog .catalog-container .preview img {
        display: none;
    }

    .main-catalog .catalog-container .text .emblem {
        display: none;
    }

    .main-catalog .catalog-container .content .description {
        max-width: 100%;
    }

    .main-catalog .catalog-container .text {
        width: 100%;
    }

    .main-catalog .catalog-container {
        flex-direction: column;
    }

    .main-catalog:Before {
        height: 100%;
    }

    .main-catalog .catalog-container .content .title {
        font-size: 35px;
    }

    .main-catalog .catalog-container .actions {
        padding-bottom: 30px;
    }

    .main-articles {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .main-articles .articles-collapse .article-item {
        font-size: 20px;
    }

    .main-articles .article-content .summary {
        font-size: 14px;
    }

    .main-articles .article-content {
        max-width: 100%;
    }

    .main-faqs .faqs-container .icon {
        display: none;
    }

    .main-faqs .faqs-container .section-header h4:after {
        content: none;
    }

    .main-faqs .faqs-container .section-header h4 {
        font-size: 35px;
        max-width: 100%;
    }

    .main-faqs .faqs-container > div {
        width: 100%;
    }

    .main-footer {
        background-image: none;
        border: 1px solid var(--border-color);
    }

    .main-footer .footer-bar {
        padding-right: 0;
    }

    .main-footer .footer-bar .menu > ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    #returnTop {
        right: calc(50% - 30px);
        top: -40px;
    }

    .main-footer .footer-bar .newsletter-form > form {
        flex-direction: column;
        width: 100%;
    }

    .main-footer .footer-bar .newsletter-form > form input,
    .main-footer .footer-bar .newsletter-form > form button {
        width: 100%;
        border-radius: 15px;
    }

    .main-footer .footer-bar .newsletter-form {
        width: 100%;
    }

    .main-footer .footer-media .footer-text .main-text {
        font-size: 25px;
    }

    .main-footer .footer-media {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .main-footer .contacts {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .main-footer .footer-media .footer-socials .logo {
        display: none;
    }

    .main-footer .footer-media .footer-socials .socials {
        order: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .main-greet {
        height: 70vh;
    }

    .main-greet .greet-container .media video {
        margin-bottom: 60px;
    }

    .main-greet .greet-container > .text .main-btn {
        display: none;
    }

    .categories-container .category .title {
        font-size: 12px;
        color: #fff;
        margin-bottom: 15px;
    }

    .categories-container .category .image:after {
        background-size: 8px;
    }

    .categories-container .category img {
        height: unset;
        aspect-ratio: 1;
        object-fit: contain;
    }

    .categories-container .category {
        padding: 15px 0;
        box-shadow: none;
        margin-right: 10px;
        width: calc(100% - 10px);
    }


    .main-categories > .container {
        padding-right: 0;
    }

    .main-header .header-container {
        min-height: 65px;
        padding: 0 15px;
        justify-content: flex-end;
    }

    .main-header .header-container .logo {
        flex: 1;
    }

    .main-header.fixed-bar {
        top: 5px;
    }

    .menu-toggle-button {
        display: flex;
        position: relative;
        width: 40px;
        height: 40px;
        flex-direction: column;
        gap: 5px;
        align-items: center;
        justify-content: center;
        transition: 600ms;
        overflow: hidden;
        border-radius: 100%;
    }

    .menu-toggle-button > span {
        width: 20px;
        height: 2px;
        background: var(--border-color);
        transition: 600ms;
    }

    .open-menu .menu-toggle-button > span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
        background: #fff;
    }

    .open-menu .menu-toggle-button > span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
        background: #fff;
    }

    .open-menu .menu-toggle-button > span:nth-child(2) {
        transform: translateX(50px);
        opacity: 0;
    }

    .open-menu .menu-toggle-button {
        background: var(--orange);
        transform: scale(1.1);
    }

    .main-header .main-btn {
        background: transparent;
        border: 0;
        box-shadow: none;
        opacity: .5;
    }

    .main-header .header-container .logo img {
        width: 60px;
    }

    .categories-container .category .image {
        padding: 0 15px;
        margin-bottom: 0;
    }


    .main-footer .footer-media .footer-text .copyright-text {
        margin-bottom: 20px;
    }

    .main-articles .articles-slider {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
        margin-top: 0;
        padding-left: 15px;
    }

    .main-articles .articles-slider .article-slider-item .main-btn {
        display: none;
    }

    .page-head .page-head-container > div {
        width: 100%;
    }

    .page-head .page-head-container > .image {
        position: absolute;
        right: 0;
        bottom: -50%;
        width: 40%;
        opacity: .5;
        z-index: -1;
    }

    .page-head .page-head-container {
        /* position: relative; */
        z-index: 1;
    }

    .page-head .page-head-container .title {
        font-size: 25px;
        max-width: 100%;
    }

    .page-head {
        min-height: 140px;
        padding: 130px 0 30px;
        position: relative;
        z-index: 1;
        margin: 10px;
    }

    .page-head .page-meta {
        padding-left: 15px;
        white-space: nowrap;
        overflow: auto;
    }

    .page-head .page-meta li {
        white-space: nowrap;
        font-size: 14px;
    }

    .about-page-body {
        padding: 30px 0;
    }

    .about-page-body h2:first-child {
        font-size: 35px;
        margin-bottom: 15px;
        text-align: center;
    }

    .about-page-body .about-page-content-box {
        width: 100%;
        padding: 15px;
    }

    .about-page-body .company-text {
        display: none;
    }

    .about-page .milestones {
        padding: 30px 0;
    }

    .about-page .milestones .milestone-item {
        flex-direction: column-reverse;
        row-gap: 20px;
    }

    .about-page .milestones .milestone-item > div {
        width: 100%;
    }

    .about-page .milestones .milestone-item > div.image img {
        width: 100%;
        border-radius: 15px;
        max-width: 100%;
    }

    .about-page .milestones .milestone-item > div.text .year {
        font-size: 40px;
    }

    .about-page .milestones .milestone-item > div.text .title {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .about-page .milestones-dots {
        overflow: auto;
        gap: 15px;
    }

    .about-page .documents h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .about-page .documents {
        padding: 30px 0;
        margin-bottom: 50px;
    }

    .about-page .documents-container > div {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .about-page .documents-container {
        margin-left: -10px;
        margin-right: -10px;
    }

    .about-page .documents-container > div img {
        height: 200px;
    }

    .fixed-bar .menu-toggle-button > span {
        background: rgba(255, 255, 255, 0.7);
    }

    .articles-page .articles-content {
        padding: 30px 0;
    }

    .articles-page .articles-content .latest-articles h2, .articles-page .articles-content .related-articles h2 {
        font-size: 25px;
    }

    .articles-page .articles-content .latest-articles .latest-article-item {
        flex-direction: column;
        gap: 20px;
    }

    .articles-page .articles-content .latest-articles .latest-article-item > div {
        width: 100%;
    }

    .articles-page .articles-content .latest-articles .latest-article-item .title {
        font-size: 20px;
    }

    .main-articles-container {
        margin-left: 0;
        margin-right: 0;
    }

    .main-articles-container .article-item {
        width: 100%;
    }

    .articles-page .articles-content .article-details-content h2 {
        font-size: 35px;
    }

    .contacts-page .contacts-content {
        padding: 30px 0;
    }

    .contacts-page .contacts-content .contacts-container {
        gap: 30px;
        flex-direction: column;
    }

    .contacts-page .contacts-content .contacts-container > div {
        width: 100%;
    }

    .products-container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 15px;
    }

    .products-container .product-item {
        width: 100%;
        margin: 15px 0;
    }

    .products-page .main-categories {
        margin: 10px;
    }

    .production-page .categories-container {
        margin-top: 0;
        transform: translateY(0);
        padding: 10px 0;
    }

    .production-page .categories-container .category.production-item-option:nth-child(2) {
        margin-top: 0;
    }

    .production-page .categories-container .category {
        background: var(--border-color);
    }

    .production-page .categories-container .category.active {
        background: var(--orange);
    }

    .production-page .categories-container .category.production-item-option .title {
        height: 40px;
        margin: 0;
        font-size: 18px;
        color: #fff;
        padding: 0;
    }

    .production-page .production-page-content {
        padding: 30px 0;
        margin: 10px;
    }

    .sub-page-layout {
        margin: 10px;
    }

    .products-page .product-details-content {
        margin: 10px;
        padding: 30px 0;
    }

    .products-page .product-details-content .section-header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .products-page .product-details-content .section-header h2 {
        font-size: 25px;
    }

    .products-page .product-details-content .section-header .code {
        font-size: 14px;
    }

    .products-page .product-details-content .section-content {
        flex-direction: column;
        gap: 15px;
    }

    .products-page .product-details-content .section-content > div {
        width: 100%;
    }
    
    .main-greet .greet-container > .text .title{
        margin-bottom: 120px;
    }
    
    .categories-container .category:after {
        background-size: 8px;
    }
    
    .products-page .categories-container {
        transform: translateY(-55px);
    }
}