*,
button {
    padding: 0;
}
*,
.contact_link,
.h1,
.page-body,
.ph,
blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
    margin: 0;
}
.button,
.link,
.nav-link {
    text-decoration: none;
}
button,
mark {
    background: 0 0;
}
.blog-item__annotation,
.col {
    -webkit-box-orient: vertical;
}
.contact_link.email,
.container.jet-content a,
.system a {
    text-decoration: underline;
}
*,
::after,
::before {
    box-sizing: border-box;
}
* {
    border: 0;
    outline: 0;
}
html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}
video {
    width: 100%;
}
.menu-blog-post-link,
.section-blog-post-link,
a {
    color: #000;
    text-decoration: none;
}
@media (min-resolution: 2 ddpx) {
    svg {
        shape-rendering: optimizeSpeed;
    }
}
table {
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
table td,
table th {
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    padding: 10px;
    text-align: left;
}
table th {
    background-color: #ececec;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f8f8f8),
            to(#ececec)
    );
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec);
    background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
    background-image: linear-gradient(top, #f8f8f8, #ececec);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
table td:first-child,
table th:first-child {
    border-left: none;
}
table th:first-child {
    -moz-border-radius: 15px 0 0;
    -webkit-border-radius: 15px 0 0 0;
    border-radius: 15px 0 0;
}
table th:last-child {
    -moz-border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
}
table th:only-child {
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 15px;
    -webkit-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
}
table tr:last-child td:last-child {
    -moz-border-radius: 0 0 15px;
    -webkit-border-radius: 0 0 15px 0;
    border-radius: 0 0 15px;
}
table tr:nth-child(2n) td {
    background-color: #fafafa;
}
table tr:hover td {
    background: #f1f5ff;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}
img {
    border-radius: 15px;
}
button {
    appearance: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}
#banner-cookie,
#banner-cookie [data-ck-br-ss-accept],
#banner-cookie button {
    line-height: 17px;
    font-size: 14px;
}
:root {
    --color-blue: #002fa5;
    --color-orange: #e0921d;
    --color-hover: #ff9c06;
    --transition-link: all 150ms ease-in-out;
    --max-width-content: 1340px;
    --padding-max-container: 90px;
}
@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/montserrat-regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/montserrat-medium.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: url("fonts/montserrat-bold.woff2") format("woff2");
}
.page {
    font-family: Montserrat, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    line-height: 1.6;
}
.header,
.nav-list {
    font-size: 16px;
    line-height: 19px;
}
.page--modal,
.partners {
    overflow: hidden;
}
.header {
    border-bottom: 1px solid #e5e5e5;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
.menu,
.select2-dropdown {
    z-index: 50;
}
.header-container {
    display: grid;
    align-items: center;
    grid-template-columns: min-content 1fr;
    max-width: 1620px;
    margin-inline: auto;
    padding: 10px 20px;
    gap: 20px;
    width: 100%;
}
.header-logo {
    width: 100px;
}
.nav {
    display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: 1fr max-content min-content;
}
.nav-list {
    display: flex;
    gap: 0 20px;
    justify-self: end;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: end;
}
.nav-link {
    color: #333;
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
.container.jet-content b,
.container.jet-content strong,
.current .nav-link,
.heading span,
.jet-content strong,
.offers .section-title span,
.platfrom h2 span {
    color: var(--color-blue);
}
.breadcrumbs a:hover,
.container.detailed a:hover,
.extra-nav-subtitle a:hover,
.nav-item .drop > ul > li > a:hover,
.nav-link:hover {
    color: var(--color-hover);
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
.nav-button {
    position: relative;
    z-index: 50;
    align-self: center;
    margin-left: auto;
}
.nav-button-icon {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
    background-image: url("images/hamburger.svg");
}
.link,
.nav-button:hover .nav-button-icon {
    -webkit-transition: var(--transition-link);
}
.nav-button:hover .nav-button-icon {
    transition: var(--transition-link);
    background-image: url("images/hamburger-orange.svg");
}
.nav-button--active {
    position: absolute;
    right: 35px;
    top: 44px;
}
.nav-button--active .nav-button-icon {
    background-image: url("images/close.svg");
}
.nav-button--active:hover .nav-button-icon {
    background-image: url("images/close-orange.svg");
}
.main {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 80px;
}
.footer {
    margin: 80px 0 0 0;
}
.footer__bottom {
    color: #000;
    padding: 50px 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    margin: 60px 0 0 0;
}
.footer__bottom .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer__bottom p {
    margin: 0;
    font-size: 15px;
    width: 100%;
    text-align: center;
}
.footer__bottom .row div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.footer__bottom a {
    margin: 0;
    font-size: 15px;
    transition: all 0.5s ease-in-out;
    text-align: center;
}
.footer__bottom a:hover {
    color: var(--color-orange);
}
@media (min-width: 768px) {
    .footer__bottom p {
        text-align: left;
    }
    .footer__bottom a {
        text-align: left;
    }
    .footer__bottom .row {
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
    }
    .footer__bottom .row div {
        gap: 30px;
        flex-direction: row;
        justify-content: space-between;
    }
}
.form-personaldata {
    font-size: 14px;
    color: #000;
    margin: 0;
    margin: 0 0 20px;
}
.form-personaldata a{
    text-decoration: underline;
}
.footer-container {
    display: grid;
    grid-template-columns: 450px 560px;
    max-width: var(--max-width-content);
    margin-inline: auto;
    padding-inline: var(--padding-max-container);
    gap: 30px;
    justify-content: space-between;
}
.button,
.support .section-title span {
    display: inline-block;
    text-align: center;
}
.button {
    padding: 10px 16px;
    background-color: var(--color-orange);
    color: #fff;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    transition: background 0.3s linear, color 0.3s linear;
    will-change: transform;
    cursor: pointer;
}
.button:hover,
.wms-box .button:hover {
    background-color: #ff9c06;
    box-shadow: 0 4px 14px rgba(234, 150, 23, 0.2);
    transition-duration: 0s;
    animation: none;
}
.button:active {
    transform: scale(0.99);
}
.button.secondary {
    background-color: var(--color-blue);
}
.button.secondary:hover {
    background-color: #064bff;
    box-shadow: 0 4px 14px rgb(23, 72, 234, 0.2);
}
.button--large {
    padding: 16px 20px;
    font-size: 18px;
}
.button--black,
.button--white {
    align-items: center;
    height: 49px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    display: flex;
}
.button--black {
    justify-content: center;
    width: 174px;
    color: #fff;
    border: 1px solid #000;
    background: #000;
}
.button--white {
    justify-content: center;
    width: 291px;
    color: #000;
    border: 1px solid var(--color-orange);
    background: #fff;
    box-shadow: none;
}
.menu-blog-post,
.section-blog-post {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    align-content: start;
}
.button--white:hover {
    background: var(--color-orange);
    color: #fff;
    box-shadow: none;
}
.button--black:hover {
    background: #fff;
    color: #000;
    box-shadow: none;
}
.features::before,
.support .section-title span,
.system li::before {
    background-color: var(--color-blue);
}
.benefits ol li:before,
.features::before {
    background-position: 50% 0;
    background-size: cover;
    z-index: -1;
}
.link {
    position: relative;
    color: var(--color-orange);
    font-weight: 700;
    transition: var(--transition-link);
}
.link:hover,
.section-blog-filter-button {
    -webkit-transition: var(--transition-link);
}
.link:hover {
    color: #ff9c06;
    transition: var(--transition-link);
}
.link--external {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none !important;
}
.link--external::after {
    width: 17px;
    height: 17px;
    background-image: url("images/icon-external.svg");
    content: "";
    background-repeat: no-repeat;
}
.link:hover:after {
    filter: brightness(0) saturate(100%) invert(69%) sepia(39%) saturate(4351%)
    hue-rotate(355deg) brightness(104%) contrast(103%);
}
.menu {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 150ms;
}
.benefits ol li,
.menu-blog-post,
.menu-container {
    position: relative;
    background-color: #fff;
}
.menu.menu--active {
    opacity: 1;
    visibility: visible;
    margin-right: 0;
}
.menu-container {
    display: grid;
    grid-template-rows: min-content 1fr min-content;
    overflow: auto;
    max-width: 1268px;
    height: 100%;
    margin-left: auto;
    padding: 45px 64px 51px;
    gap: 20px;
}
.benefits,
.features,
.heading,
.offers {
    max-width: var(--max-width-content);
    margin-inline: auto;
}
.menu-title {
    margin-bottom: 60px;
    color: #333;
    opacity: 0.5;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 130%;
    text-transform: uppercase;
}
.menu-content {
    display: grid;
    gap: 30px;
    grid-template-columns: 560px 450px;
    justify-content: space-between;
}
.menu-blog-title {
    margin-bottom: 16px;
    font-size: 17px;
}
.menu-blog-posts {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}
.menu-blog-post {
    display: flex;
    align-items: center;
    flex-basis: 270px;
    gap: 20px;
    padding: 20px;
    border-radius: 10px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.benefits,
.features,
.heading,
.management-system .content,
.offers,
.section-blog,
.section-partners,
.support {
    padding-inline: var(--padding-max-container);
}
.menu-blog-post:hover,
.section-blog-post:hover {
    box-shadow: 0 0 14px 1px rgb(0 0 0 / 50%);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.benefits ol li,
.benefits ol li:before {
    -webkit-transition: 0.4s ease-in-out;
    border-radius: 8px;
}
.box-animation video,
.menu-blog-post-image {
    object-fit: cover;
}
.menu-blog-post-content,
.section-blog-post-content {
    display: grid;
    gap: 10px;
}
.menu-blog-post-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
}
.benefits a::after,
.menu-blog-post-link::after,
.section-blog-post-link::after {
    position: absolute;
    inset: 0;
    content: "";
}
.heading {
    width: 100%;
    color: #ccc;
    font-size: 70px;
    line-height: 85px;
}
.section-title {
    font-size: 40px;
    line-height: 49px;
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
    align-items: center;
}
.benefits .section-title,
.features .section-title {
    margin-bottom: 40px;
}
.features .section-title,
.form-select2-phone .select2-results__option--selectable {
    color: #fff;
}
.support .section-title span {
    vertical-align: baseline;
    width: 103px;
    height: 51px;
    -webkit-mask: url("images/title-ellipse.svg");
    mask: url("images/title-ellipse.svg");
    color: #fff;
    font-size: 30px;
    line-height: 51px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.about-us,
.advantages,
.container,
.control-system,
.platfrom,
.system {
    width: 100%;
    max-width: var(--max-width-content);
    margin-inline: auto;
    padding-inline: var(--padding-max-container);
}
.benefits a,
.blog-item > a,
.contact_link,
.download-btn,
.extra-nav-link,
.footer-text-box,
.footer-text-box a,
.wms-link a {
    text-decoration: none;
}
.system .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.system .content > div:first-of-type {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    width: 500px;
    overflow: hidden;
}
.system .content > div:first-of-type img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.system .content > div:first-of-type img:nth-child(2) {
    animation: 10s linear infinite rotate-left;
}
.system .content > div:first-of-type img:nth-child(3) {
    animation: 15s linear infinite rotate-right;
}
.ecosystem .content {
    display: grid;
    gap: 30px;
}
.system ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}
.benefits ol,
.features ul {
    gap: 20px;
    padding: 0;
    list-style: none;
    margin: 0;
}
.system ul li {
    position: relative;
    padding-left: 46px;
    line-height: 1.4;
}
.system li::before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 30px;
    height: 2px;
    margin-top: -1px;
    content: "";
    transform: translateY(-50%);
}
.system .content > div:nth-of-type(2) div {
    position: relative;
    display: flex;
    padding-block: 20px;
    font-size: 20px;
    line-height: 24px;
}
.container.detailed ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.benefits ol {
    display: flex;
    flex-wrap: wrap;
    counter-reset: benefits;
}
.benefits ol li {
    display: grid;
    gap: 10px;
    flex-basis: 270px;
    padding: 24px 24px 18px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    counter-increment: benefits;
    transition: 0.4s ease-in-out;
    z-index: 1;
}
.benefits ol li:nth-child(5) {
    flex-basis: 347px;
}
.benefits ol li:nth-child(6) {
    flex-basis: 406px;
}
.benefits ol li:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(images/bg-benefits.jpg);
    transition: 0.4s ease-in-out;
    opacity: 0;
}
.benefits ol li:hover {
    color: #fff;
    background-color: #2d1d06;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.features ul li:first-child .section-features-ellipse,
.features ul li:nth-child(2) .section-features-ellipse {
    background: radial-gradient(64% 64% at 39.29% 36.9%, #2a5cda 0, #002fa5 100%),
    #002fa5;
    border-radius: 50%;
    position: absolute;
}
.benefits ol li:hover .benefits p,
.benefits ol li:hover:before,
.custom-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.benefits h3 {
    font-size: 15px;
    line-height: 140%;
}
.benefits a {
    color: inherit;
}
.benefits h3::before {
    content: counter(benefits) ". ";
}
.benefits p {
    opacity: 0.8;
    font-size: 15px;
    line-height: 140%;
}
.features {
    width: 100%;
    overflow-x: hidden;
}
.features::before {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 457px;
    margin-top: -148px;
    background-image: url("images/bg-features.jpg");
    content: "";
}
.features ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}
.features ul li {
    position: relative;
    padding: 40px 165px 40px 40px;
    background-image: linear-gradient(102.53deg, #fafafa, #eee);
    border-radius: 10px;
}
.features ul li:first-child .section-features-ellipse {
    animation: 3s linear infinite scale;
    bottom: 60px;
    right: 60px;
    width: 70px;
    height: 70px;
}
.features ul li:nth-child(2) .section-features-ellipse {
    bottom: 50px;
    right: 50px;
    width: 58px;
    height: 58px;
}
.features ul li:nth-child(2) .section-features-ellipse:before {
    content: "";
    width: 28px;
    height: 28px;
    background: radial-gradient(64% 64% at 39.29% 36.9%, #fabe65 0, #e0921d 100%),
    #002fa5;
    border-radius: 50%;
    display: block;
    left: -30px;
    top: -15px;
    position: absolute;
    animation: 5s linear infinite rotate-right;
    transform-origin: 59px 44px;
}
.features ul li:nth-child(3) .section-features-ellipse,
.features ul li:nth-child(3) .section-features-ellipse div,
.features ul li:nth-child(4) div:first-of-type {
    background: radial-gradient(64% 64% at 39.29% 36.9%, #2a5cda 0, #002fa5 100%),
    #002fa5;
}
.features ul li:nth-child(3) .section-features-ellipse {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    right: 75px;
    bottom: 75px;
    position: absolute;
}
.features ul li:nth-child(3) .section-features-ellipse div {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block;
    position: absolute;
}
.features ul li:nth-child(3) .section-features-ellipse div:first-child {
    left: -20px;
    top: -20px;
    animation: 1s linear -4.48s infinite color;
}
.features ul li:nth-child(3) .section-features-ellipse div:nth-child(2) {
    top: -20px;
    right: -20px;
    animation: 1s linear -3.364s infinite color;
}
.features ul li:nth-child(3) .section-features-ellipse div:nth-child(3) {
    left: -20px;
    bottom: -20px;
    animation: 1s linear -2.24s infinite color;
}
.features ul li:nth-child(3) .section-features-ellipse div:nth-child(4) {
    right: -20px;
    bottom: -20px;
    animation: 1s linear -1.12s infinite color;
}
.features ul li:nth-child(4) div {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
    position: absolute;
}
.features ul li:nth-child(4) div:first-of-type {
    z-index: 10;
    right: 120px;
    bottom: 70px;
    animation: 3s linear infinite bounce;
}
.features ul li:nth-child(4) div:nth-of-type(2) {
    right: 90px;
    bottom: 80px;
    background: linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.2) 0,
            rgba(255, 255, 255, 0.2) 100%
    ),
    radial-gradient(64% 64% at 39.29% 36.9%, #2a5cda 0, #002fa5 100%);
    animation: 3s linear infinite reverse bounce;
}
.features ul li:nth-child(4) div:nth-of-type(3) {
    z-index: 10;
    right: 60px;
    bottom: 70px;
    background: radial-gradient(64% 64% at 39.29% 36.9%, #fabe65 0, #e0921d 100%),
    radial-gradient(64% 64% at 39.29% 36.9%, #2a5cda 0, #002fa5 100%), #002fa5;
    animation: 3s linear infinite bounce;
}
.features ul li:nth-child(4) div:nth-of-type(4) {
    right: 30px;
    bottom: 80px;
    border-radius: 42px;
    background: linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.2) 0,
            rgba(255, 255, 255, 0.2) 100%
    ),
    radial-gradient(64% 64% at 39.29% 36.9%, #2a5cda 0, #002fa5 100%);
    animation: 3s linear infinite reverse bounce;
}
.features li h3 {
    font-size: 20px;
    line-height: 140%;
}
.features li p {
    margin-block: 20px 53px;
    color: #333;
    font-size: 15px;
    line-height: 140%;
    position: relative;
    z-index: 10;
}
.section-blog,
.section-partners,
.support {
    max-width: var(--max-width-content);
    margin-inline: auto;
    width: 100%;
}
.support .content {
    display: grid;
    gap: 40px;
    padding-block: 40px;
}
.support ul {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    margin: 0;
    padding: 20px 0 40px;
    list-style: none;
}
.support ul li {
    display: grid;
    gap: 12px;
    grid-template-columns: 32px 1fr;
}
.grid,
.section-form-item,
.support ul li > div:first-of-type {
    display: grid;
}
.support ul li > div:nth-of-type(2) {
    display: grid;
    gap: 4px;
}
.support ul li > div:nth-of-type(2) h3 {
    color: #17191f;
    font-size: 17px;
    line-height: 140%;
}
.support ul li > div:nth-of-type(2) p {
    color: #333;
    font-size: 17px;
    line-height: 140%;
}
.offers .content > div:nth-of-type(2) div,
.support-action {
    font-size: 20px;
    line-height: 24px;
}
.offers .content {
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(150px, 290px) minmax(400px, 1fr);
}
.offers .content > div:first-of-type {
    position: relative;
    max-height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 290px;
    overflow: hidden;
}
.offers .content > div:first-of-type img {
    position: absolute;
}
.offers .content > div:first-of-type img:nth-child(2) {
    animation: 5s linear infinite rotate-left;
}
.offers .content > div:first-of-type img:nth-child(3) {
    animation: 5s linear infinite rotate-right;
}
.offers .content > div:nth-of-type(2) {
    display: grid;
    gap: 30px;
    align-content: center;
    color: #333;
    font-size: 17px;
    line-height: 140%;
}
.control-system .content,
.section-partners-content {
    display: grid;
    gap: 40px;
    text-align: center;
}
.control-system .h1,
.control-system h1 {
    font-weight: 700;
    font-size: 70px;
    line-height: 1.2;
}
.control-system .h1,
.control-system h1 span {
    color: #fff;
    position: relative;
    display: inline-block;
    background: var(--color-blue);
}
.control-system .btns {
    margin: 0 auto;
    display: flex;
    gap: 10px;
}
.about-us .content {
    display: flex;
    align-items: center;
    gap: 40px;
}
.about-us .col:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
iframe {
    height: 600px;
    display: block;
    max-width: 100%;
    width: 100%;
}
.about-us .col:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.about-us h2 {
    font-size: 40px;
    font-weight: 700;
}
.about-us p,
.advantages p {
    font-weight: 400;
    font-size: 17px;
}
.about-us h2 span {
    text-transform: uppercase;
    color: var(--color-blue);
}
.about-us p {
    line-height: 1.4;
}
.advantages .content,
.platfrom .content,
.section-blog-container {
    display: grid;
    gap: 40px;
}
.advantages ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 0;
    margin: 0;
}
.advantages li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
.advantages img {
    width: 40px;
    height: 40px;
}
.management-system {
    position: relative;
    background: url("images/management-system-bg.svg") 52% 180px no-repeat #133353;
    padding: 80px 0 100px;
}
.preference h3,
.reports {
    background: #072440;
    border-radius: 20px;
}
.preference,
.reports {
    padding: 0;
    list-style: none;
}
.management-system .content {
    width: 100%;
    max-width: var(--max-width-content);
    margin-inline: auto;
    display: grid;
    gap: 40px;
}
.management-system h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.management-system p:first-of-type {
    max-width: 700px;
}
.management-system .content h2 {
    max-width: 100%;
    margin-top: -10px;
    margin-bottom: 40px;
}
.management-system p,
.reports-content p {
    color: #89b1da;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
}
.section-management-system-text:first-of-type {
    max-width: 700px;
    margin-bottom: 40px;
    margin-top: -10px;
}
.big-view-box,
.owl-carousel-partners .disabled .owl-next,
.owl-carousel-partners .disabled .owl-prev,
.owl-carousel-partners .owl-dots,
.owl-carousel-partners .owl-next.disabled,
.owl-carousel-partners .owl-prev.disabled,
.reports-content,
.wms-list p:before,
input[type="radio"] {
    display: none;
}
.container.jet-content .list.with-bg img,
.reports-content.active {
    display: block;
}
.preference {
    margin: 0 0 65px;
    gap: 0 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.preference li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 370px;
    flex: 1 0 auto;
}
.preference li:nth-child(2) {
    margin-top: 25px;
}
.preference li:nth-child(3) {
    margin-top: -40px;
}
.preference li:nth-child(4) {
    margin-top: 60px;
}
.preference li:first-child,
.preference li:nth-child(3) {
    align-items: flex-end;
}
.preference li:first-child p,
.preference li:nth-child(3) p {
    text-align: right;
    margin: 0;
}
.preference li:nth-child(2) p,
.preference li:nth-child(4) p {
    text-align: left;
    margin: 0;
}
.preference h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    padding: 8px 16px;
    transition: background 0.3s linear, color 0.3s linear;
}
.preference p {
    font-size: 15px;
    font-weight: 400;
    color: #89b1da;
    line-height: 1.6;
    margin: 0;
}
.reports {
    margin: 0 auto;
    display: flex;
}
.reports li {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    border-radius: 20px;
    padding: 8px 16px;
    cursor: pointer;
    transition: background 0.3s linear;
}
.more-list,
.reports-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.box-animation .button-animation:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.reports li:hover {
    background: var(--color-blue);
}
.reports li.active {
    background: #e0921d;
}
.reports-content .wrap {
    display: flex;
    gap: 40px;
    margin-bottom: 100px;
}
.nav-item .drop > ul,
.reports-content .col:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.reports-content li {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
}
.more-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.more-list img {
    max-height: 60px;
    max-width: 90px;
    border-radius: 0;
}
.more-list li {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: flex-start;
    background: #fff;
    border-radius: 20px;
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.more-list li:hover {
    box-shadow: 0 0 14px 1px rgb(255 255 255 / 50%);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.more-list a {
    color: #000;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 10px;
}
.platfrom .link,
.platfrom h2,
.platfrom p {
    margin: 0 auto;
}
.more-list p {
    color: #333;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
}
.platfrom h2 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    max-width: 700px;
}
.platfrom p {
    max-width: 800px;
    color: #333;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    text-align: center;
}
.platfrom-outer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-inline: auto;
}
.platfrom-outer .col:first-child {
    background: url("images/section-platfrom-outer.jpg") 0 0 / cover no-repeat;
    width: 930px;
    height: 516px;
}
.platfrom-outer .modal::before,
.platfrom-outer li:nth-child(2) .modal:before {
    display: block;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
}
.platfrom-outer ul {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.platfrom-outer ul div[for] {
    position: absolute;
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 4px solid var(--color-blue);
    cursor: pointer;
}
.platfrom-outer ul input[type="radio"]:checked + div[for] {
    transform: scale(1.5);
    background: var(--color-blue);
    border: 4px solid #fff;
}
.flex,
.gallery-type .big-view-box,
.platfrom-outer ul input[type="radio"]:checked ~ .modal {
    display: flex;
}
.platfrom-outer .modal {
    display: none;
    flex-direction: column;
    background: #fff;
    border-radius: 5px;
    padding: 30px 30px 30px 55px;
    width: 260px;
    height: 150px;
    position: absolute;
}
.platfrom-outer .modal::before {
    right: 25px;
    border-width: 0 20px 20px 0;
    border-color: transparent #fff transparent transparent;
}
.platfrom-outer li:nth-child(2) .modal:before {
    left: 25px;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent transparent #fff;
}
.platfrom-outer ul li:first-child div[for] {
    top: 50%;
    right: calc(50% - -6%);
}
.platfrom-outer ul li:first-child .modal {
    top: 14%;
    right: calc(50% - -5%);
}
.platfrom-outer ul li:nth-child(2) div[for] {
    top: 85%;
    right: calc(50% - 5%);
}
.platfrom-outer ul li:nth-child(2) .modal {
    right: calc(50% - 275px);
    top: 48%;
}
.platfrom-outer ul li:nth-child(3) div[for] {
    right: calc(50% - 41%);
    top: 65%;
}
.platfrom-outer ul li:nth-child(3) .modal {
    right: calc(50% - 42%);
    top: 28%;
}
.platfrom-outer .modal p {
    color: #000;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
    position: relative;
}
.platfrom-outer .modal p::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 11px;
    height: 11px;
    background: #de2224;
    left: -25px;
    top: 5px;
}
.platfrom-outer .col:nth-child(2) {
    max-width: 660px;
    padding: 0 20px;
}
.platfrom-outer .col:nth-child(2) p {
    color: #333;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.platfrom-outer .col:nth-child(2) .btns {
    display: flex;
    gap: 10px;
    margin-top: 40px;
}
.section-partners-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}
.section-partners-list img {
    width: 100%;
    max-width: 200px;
    object-fit: contain;
    height: auto;
    filter: grayscale(1);
    transition: filter 0.3s ease-in;
}
.owl-carousel-partners img:hover,
.section-partners-list img:hover {
    filter: grayscale(0);
}
.section-blog-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.section-blog-filter-button {
    padding: 8px 16px;
    background-color: #f4f4f4;
    border-radius: 20px;
    color: #333;
    font-size: 15px;
    line-height: 140%;
    transition: var(--transition-link);
}
.section-blog-filter-button:hover {
    background-color: var(--color-hover);
    color: #fff;
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
.extra-nav-link,
.section-blog-post {
    -webkit-transition: 0.2s ease-in-out;
}
.section-blog-filter-button[aria-pressed="true"] {
    background-color: var(--color-blue);
    color: #fff;
}
.section-blog-posts {
    display: grid;
    gap: 21px;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.section-blog-post {
    position: relative;
    display: grid;
    gap: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
}
.section-blog-post-image {
    object-fit: cover;
    border-radius: 0;
}
.container.jet-content .advantage li,
.list,
.section-blog-post-title {
    font-size: 17px;
    line-height: 140%;
}
.section-blog-post-description {
    color: #333;
    font-size: 15px;
    line-height: 140%;
}
.section-form {
    max-width: var(--max-width-content);
    margin-inline: auto;
    padding: 0 10px;
    margin-bottom: 80px;
}
.section-form-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url(images/bg-form.jpg);
    background-position: 50% 0;
    background-size: cover;
    border-radius: 15px;
    color: #fff;
    padding: 95px 100px 96px;
    align-items: flex-start;
}
.section-form-fieldset {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    border: none;
}
.section-form-item-block {
    display: flex;
    width: 100%;
    border: 2px solid transparent;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 3px;
}
.section-form-item-block:hover {
    background-color: rgba(122, 129, 124, 0.7);
    border: 2px solid #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
}
.form-control:focus,
.section-form-item-block:focus {
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#contact .field input,
#contact textarea {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.analytics-grid li,
.block-scheme div,
.grid-box h3,
.logistic-grid li {
    box-shadow: 0 6px 15px 0 rgba(145, 172, 203, 0.4);
}
.section-form-action {
    display: grid;
    max-width: 225px;
}
.form-control {
    padding: 14px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    outline: 0;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 140%;
    border: 2px solid transparent;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.form-control:hover {
    background-color: rgba(122, 129, 124, 0.7);
    border: 2px solid #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.about-link,
.about-link:hover {
    -webkit-transition: var(--transition-link);
}
.form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
}
.section-form-item-block .form-control {
    border: none;
    width: 100%;
    border-radius: 0 3px 3px 0;
}
.section-form-item-block .select2-selection--single {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    display: flex;
    align-items: center;
    border-radius: 3px 0 0 3px;
}
.section-form-item-block .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px);
}
.section-form-item-block
.select2-selection--single
.select2-selection__arrow
b {
    border-color: #fff transparent transparent;
}
.form-select2-phone.select2-dropdown {
    background-color: rgb(123 123 123 / 94%);
    border: none;
    width: 150px !important;
}
.form-select2-phone
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5b5b5b;
}
.form-select2-phone .select2-results__option--selected {
    background-color: transparent;
}
.belarus-icon,
.kazakhstan-icon,
.russia-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 34px;
    height: 28px;
    display: block;
}
.belarus-icon {
    background-image: url(images/flags/belarus.png);
}
.russia-icon {
    background-image: url(images/flags/russia.png);
}
.kazakhstan-icon {
    background-image: url(images/flags/kazakhstan.png);
}
.checkbox {
    display: block;
    padding-block: 10px;
    cursor: pointer;
}
.checkbox-input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.checkbox-label,
.nav-item {
    position: relative;
}
.checkbox-label {
    padding-left: 28px;
    font-size: 15px;
    line-height: 140%;
}
.checkbox-label::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 3px;
    content: "";
}
.checkbox-input:checked + .checkbox-label::before {
    background-image: url("images/tick.svg");
}
.about {
    display: grid;
    gap: 40px;
    align-content: start;
    line-height: 1.4;
}
.about-feedback {
    display: grid;
    gap: 20px;
}
.about-feedback-title {
    max-width: 300px;
    font-size: 40px;
    line-height: 1;
}
.about-link {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    line-height: 140%;
    text-decoration-color: var(--color-orange);
    text-decoration-thickness: 2px;
    text-decoration-line: underline;
    text-underline-offset: 9px;
    transition: var(--transition-link);
}
.about-info,
.extra-nav-link {
    color: #333;
    line-height: 140%;
}
.bc-heading,
.blog-item > a,
.title {
    font-weight: 600;
}
.about-link:hover {
    color: var(--color-hover);
    text-decoration-color: var(--color-hover);
    transition: var(--transition-link);
}
.about-social a,
.about-social a:hover {
    -webkit-transition: var(--transition-link);
}
.about-info {
    max-width: 245px;
    font-size: 15px;
}
.about-social {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}
.about-social a {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: var(--transition-link);
}
.about-social a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: var(--transition-link);
}
.extra-nav {
    column-count: 2;
    column-width: 50%;
}
.extra-nav-section {
    display: grid;
    gap: 16px;
    padding-bottom: 40px;
    page-break-inside: avoid;
}
.extra-nav-subtitle {
    font-size: 17px;
    line-height: 140%;
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
.extra-nav-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.extra-nav-link {
    display: block;
    font-size: 15px;
    transition: 0.2s ease-in-out;
}
.extra-nav-link:hover {
    color: var(--color-hover);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.bc {
    margin-inline: auto;
    max-width: var(--max-width-content);
    padding: 0 90px;
    width: 100%;
    color: #000;
}
.bc-heading {
    color: var(--color-blue);
    font-size: 60px;
    line-height: 70px;
    padding-top: 50px;
    text-align: left;
    display: inline-block;
}
.breadcrumbs {
    display: block;
    font-size: 16px;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.breadcrumbs li {
    display: inline;
    word-break: break-word;
}
.breadcrumbs li:before {
    content: "/";
    padding: 0 10px;
    color: #000;
}
.breadcrumbs li:first-child:before {
    content: "";
    padding: 0;
}
.breadcrumbs a {
    color: var(--color-blue);
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
#banner-cookie a,
.container.jet-content a:hover,
.err-field label,
.error,
.required {
    color: var(--color-orange);
}
.nav-item.with-menu > a {
    padding-right: 25px;
}
.nav-item.with-menu > a:before {
    right: 0;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    bottom: 7px;
    content: "";
    height: 9px;
    position: absolute;
    transform: rotate(45deg);
    transition: 0.5s;
    width: 9px;
}
.nav-item.with-menu.current > a:before {
    border-bottom: 2px solid var(--color-blue);
    border-right: 2px solid var(--color-blue);
}
.nav-item.with-menu > a:hover:before {
    border-bottom: 2px solid var(--color-hover);
    border-right: 2px solid var(--color-hover);
}
.nav-item.with-menu > a.active:before {
    transform: rotate(225deg);
    bottom: 3px;
}
.nav-item .drop {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    z-index: 51;
    width: 300px;
    top: 20px;
    left: -15px;
    padding: 15px;
    max-height: 500px;
    overflow: auto;
}
.nav-item .drop > ul > li > a {
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
    display: block;
}
.custom-checkbox input[type="checkbox"]:checked,
.custom-checkbox input[type="checkbox"]:not(:checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox input[type="checkbox"]:checked + label,
.custom-checkbox input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding: 0 0 0 28px;
    line-height: 18px;
    cursor: pointer;
    margin: 0;
    float: none;
    text-align: start;
    width: auto;
}
.custom-checkbox input[type="checkbox"]:checked + label:before,
.custom-checkbox input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
    border: 3px solid #b7b7b7;
    background-color: #fff;
    border-radius: 3px;
    box-sizing: initial;
}
.custom-checkbox input[type="checkbox"]:checked + label:before {
    border-color: var(--color-orange);
}
.custom-checkbox input[type="checkbox"]:checked + label:after,
.custom-checkbox input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    left: 4px;
    top: 5px;
    width: 7px;
    height: 3px;
    border-radius: 1px;
    border-left: 3px solid var(--color-orange);
    border-bottom: 3px solid var(--color-orange);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: initial;
}
.custom-checkbox input[type="checkbox"]:disabled + label:after,
.custom-checkbox input[type="checkbox"]:disabled + label:before {
    border-color: #b7b7b7;
    cursor: default;
}
.application:after,
.has-arrow:after,
.order:after,
.position:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #1254b7;
    content: "";
}
.custom-checkbox input[type="checkbox"]:disabled + label {
    cursor: default;
}
.custom-checkbox input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
#banner-cookie {
    display: none;
    font-weight: 400;
    color: #000;
}
#banner-cookie .banner-cookie-container {
    position: absolute;
    z-index: 1111;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
#banner-cookie .banner-cookie-item {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 25%);
    border-radius: 10px;
    display: flex;
    max-width: 1012px;
    padding: 30px;
    gap: 5px;
    align-items: center;
    margin: 0 25px;
    flex-direction: column;
}
#banner-cookie a:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-hover);
}
#banner-cookie .banner-cookie-item p {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #000;
    margin: 0;
    padding: 0;
}
#banner-cookie [data-ck-br-ss-accept] {
    padding: 10px;
    text-wrap: nowrap;
    white-space: nowrap;
}
#banner-cookie [data-ck-br-ss-accept] + span {
    color: #686868;
}
#banner-cookie .custom-checkbox + span {
    padding-left: 38px;
}
#banner-cookie .custom-checkbox input[type="checkbox"]:checked + label,
#banner-cookie .custom-checkbox input[type="checkbox"]:not(:checked) + label {
    font-weight: 700;
    padding: 0 0 0 38px;
}
.captcha img,
.container img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto !important;
}
table {
    font-family: montserrat, sans-serif;
    padding: 0;
}
#contact .field input,
textarea {
    padding: 15px 25px;
    line-height: 140%;
}
ul {
    list-style-type: none;
}
ol li {
    padding: 5px 0;
}
.required {
    padding-right: 5px;
}
.error {
    padding: 10px 0;
    margin: 0;
}
.error li {
    background: url(../ui/viki/images/warning.png) no-repeat;
    margin: 0;
    padding: 0 0 5px 20px;
    line-height: 18px;
}
.err-field input,
.err-field select,
.err-field textarea {
    border: solid 1px var(--color-orange) !important;
}
a.viki-ajax-worked {
    color: Gray;
}
.viki-ajax-wait {
    z-index: 30;
    display: none;
    background: url(../UI/Viki/images/icon_wait.gif) no-repeat;
    position: absolute;
    overflow: hidden;
    height: 24px;
    width: 24px;
}
.application,
.blog-item > a,
.gallery-type,
.has-arrow,
.list li,
.list p,
.loading,
.number-img,
.order,
.position,
.updating,
.updating-1 {
    position: relative;
}
button:focus,
input[type="button"]:focus,
input[type="image"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline-width: 0;
    outline-color: transparent;
}
textarea {
    border-radius: 8px;
    box-shadow: 6px 12px 12px rgba(0, 0, 0, 0.2);
    font-size: 17px;
}
.mb30 {
    margin-bottom: 30px;
}
.download-btn {
    animation: 3s ease-in infinite animate-btn;
    background-color: rgba(5, 46, 141, 0.7);
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: calc((100vw - 300px) / (1920 - 300) * (24 - 16)+16px);
    padding: 8px 16px;
    transition: 1s;
}
.capabiliti .img_container,
.capabiliti_info {
    box-shadow: 8px 13px 16px rgba(0, 0, 0, 0.2);
    color: #05318d;
}
#contact .field,
.erp-content .paragraph,
.erp-content .text,
.jet-content .advantage,
.jet-content > p,
.summary {
    padding-bottom: 30px;
}
.download-btn:hover,
.wms-link:hover {
    animation: none;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blog-item,
.flex-col {
    flex-direction: column;
}
.center {
    text-align: center;
}
.bold {
    font-weight: 700;
}
.hide {
    display: none !important;
}
.flex-col {
    display: flex;
}
.align-center {
    align-items: center;
}
.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.gap-20 {
    gap: 20px;
}
.center-wrap-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}
.container.jet-content .list li:last-child,
.container.jet-content .list.with-img li:last-child,
.container:last-child,
.first .content_title,
main .container:last-child {
    margin-bottom: 0;
}
.gallery-type .big-view-box .big-view-close {
    position: fixed;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(images/close.svg);
    background-repeat: no-repeat;
    z-index: 102;
    top: 8px;
    right: 8px;
    cursor: pointer;
}
.gallery-type .big-view-box .big-view-close:hover {
    background-image: url(images/close-orange.svg);
}
.gallery-type .big-view-box .big-view {
    left: 0;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 100% !important;
    object-fit: contain;
    background-color: #fff;
    z-index: 101;
    cursor: default;
}
.gallery-type {
    z-index: 100;
}
.image-box {
    padding: 30px 0;
    text-align: center;
}
.block-scheme li,
.container.detailed li {
    font-size: 17px;
    padding-bottom: 20px;
}
.container.detailed a {
    -webkit-transition: var(--transition-link);
    transition: var(--transition-link);
}
.container.jet-content .list li {
    margin-bottom: 20px;
    padding-left: 45px;
}
.jet-content .advantage .list.advantage {
    padding-bottom: 30px;
    padding-top: 20px;
}
.container.jet-content .advantage .wms-blue-bold {
    display: inline-block;
    font-size: 17px;
    text-align: right;
    width: 35px;
}
.jet-content .advantage:last-child,
.jet-content > p:last-child,
.our-contacts li:last-child,
section.advantage:last-child {
    padding-bottom: 0;
}
.container.jet-content .wms-blue-bold {
    left: 0;
    position: absolute;
    top: 0;
}
.container.jet-content .marker {
    padding: 20px 20px 0;
}
.container.jet-content .marker li {
    list-style-type: disc;
    padding-left: 0;
}
.grid-box h3 {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 12px 0;
    text-align: center;
}
.logistic-grid {
    display: grid;
    gap: 1vw;
    grid-template-columns: repeat(2, 1fr);
}
.analytics-grid {
    display: grid;
    gap: 1vw;
    grid-template-columns: repeat(3, 1fr);
}
.analytics-grid li,
.logistic-grid li {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    font-size: calc((100vw - 300px) / (1920 - 320) * (20 - 14)+14px);
    padding: 20px 24px;
    text-align: center;
}
.has-arrow {
    margin-bottom: 60px;
}
.has-arrow:before {
    background-color: #1254b7;
    content: "";
    display: inline-block;
    height: 60px;
    left: calc(50% - 0px);
    position: absolute;
    top: 100%;
    width: 2px;
}
.jet-content .jet-sub-title,
.jet-content p.footer-subtitle {
    background: linear-gradient(0deg, rgb(0 47 165), rgb(0 47 165));
}
.has-arrow:after {
    display: inline-block;
    height: 0;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(100%+52px);
    width: 0;
}
.our-contacts {
    float: left;
    font-size: 16px;
    padding-top: 50px;
    width: 47%;
}
.our-contacts li {
    font-size: 17px;
    padding-bottom: 12px;
}
#contact {
    font-size: 17px;
    margin-left: 53%;
    padding-top: 50px;
}
#contact:after {
    content: "";
    clear: both;
    display: block;
}
#contact .field {
    align-items: center;
    display: flex;
}
#contact .field label {
    display: inline-block;
    font-size: inherit;
    max-width: 230px;
    white-space: nowrap;
    width: 100%;
}
#contact .field input {
    width: 100%;
    background-color: #fff;
    border: none;
    outline: 0;
    border-radius: 8px;
    font-size: 17px;
}
.blog-list {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 30px), 1fr));
}
.blog-item {
    display: flex;
    gap: 25px;
}
.blog-item > a {
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-bottom: 1px solid #000;
    color: #000;
    line-height: 1.5;
    transition: 0.2s ease-in;
    font-size: 20px;
}
.blog-item > a:hover {
    border-bottom: 1px solid #05318d;
    color: #05318d;
}
.blog-item > a:hover:after {
    left: 0;
    right: 0;
}
.blog-item > a:after {
    content: "";
    border-bottom: 2px solid #05318d;
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: -1px;
    width: auto;
    margin: auto;
    transition: left 0.4s ease-in, right 0.4s ease-in;
}
.blog-item__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 5/2;
}
.blog-item__name {
    min-height: auto;
}
.jet-elements,
.jet-speed {
    height: auto;
    min-height: 150px;
}
.blog-item__annotation {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1300px) {
    .blog-list.pages-menu {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 30px), 1fr));
    }
    iframe {
        width: 100% !important;
    }
}
@media (max-width: 1000px) {
    .container.contacts-form {
        height: auto;
        overflow: visible;
    }
    .blog-list {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 30px), 1fr));
    }
    .blog-list.pages-menu {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 650px) {
    img.big-view {
        cursor: pointer;
    }
    #contact .field label {
        min-width: 190px;
    }
}
@media (max-width: 600px) {
    #contact {
        padding: 0;
    }
    #contact .field {
        display: block;
        width: auto;
    }
    #contact .field label {
        padding-bottom: 10px;
    }
    #contact .field input,
    select {
        padding: 10px 20px;
    }
    select {
        width: 100%;
    }
}
.required {
    color: red;
    padding-left: 4px;
}
.container.first {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 130px;
    padding: 4% 5%;
}
.first .content {
    text-align: center;
    width: 100%;
}
.first .h1,
.first h1 {
    padding: 30px 0;
}
.contacts {
    top: 52%;
}
.title {
    font-size: 24px;
    color: var(--color-blue);
    margin: 20px 10px;
    text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}
.container h3,
.content_title {
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.content_title {
    font-size: 34px;
    line-height: 41px;
}
.contact_title {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px;
    text-align: center;
}
.container h3 {
    font-size: 19px;
}
.main_img {
    max-width: 30%;
    margin: auto;
    padding-top: 30px;
}
.functions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.text {
    width: 50%;
    font-size: 17px;
    line-height: 140%;
}
.contact_link:hover,
.text a:hover {
    color: #05318d;
}
.full-size {
    width: auto;
}
.list a,
.list p {
    color: #232323;
}
.jet-speed > p,
.warning {
    color: #de2224;
    font-weight: 600;
}
.list li,
.list p {
    margin-bottom: 10px;
}
.container.jet-content .list.with-img li {
    align-items: center;
    display: flex;
    font-weight: 600;
    margin-bottom: 40px;
    padding-left: 0;
    width: 80%;
}
.list.with-img li img {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.7);
    margin-right: 3%;
}
.container.jet-content .list.with-img li > span {
    min-width: 60%;
}
.erp-content .about > div img {
    width: 30vmax;
}
@media (max-width: 1200px) {
    .hidden-w1200 {
        display: none;
    }
    .container.jet-content .list.with-img li {
        width: 100%;
    }
    .list.with-img li img {
        margin-right: 3%;
        width: 240px;
    }
    .container.jet-content .list.with-img li > span {
        min-width: 0;
    }
    .container.detailed ul {
        display: block;
    }
}
@media (max-width: 850px) {
    .container.contacts-form {
        margin-bottom: 40px;
    }
    .list.with-img li img {
        margin-right: 24px;
        width: 170px;
    }
    .jet-content p.function-img {
        padding: 0;
    }
}
@media (max-width: 550px) {
    .list.with-img li img {
        margin-right: 24px;
        width: 150px;
    }
}
.list.with-img li mark {
    display: inline-block;
    font-weight: 400;
}
.container.jet-content .list.with-bg li {
    align-items: center;
    background-color: #e1dfdf;
    display: flex;
    margin-bottom: 25px;
    padding-left: 0;
}
.container.jet-content .list.with-bg dl {
    padding: 10px 35px;
}
.container.jet-content .list.with-bg dt {
    font-size: 20px;
    padding-bottom: 5px;
}
.number-img {
    min-width: 130px;
}
.number-img .num {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: calc((100vw - 300px) / (1920 - 300) * (140 - 100)+100px);
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.updating-1:before,
.updating:before {
    bottom: 50%;
    background-color: #1254b7;
}
.function-img {
    padding-top: 30px;
    text-align: center;
}
.function-img img {
    max-width: 1200px;
}
section.advantage {
    height: auto;
    min-height: 200px;
    padding-bottom: 60px;
}
.advantage p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 30px;
}
.container.jet-content .advantage .list li {
    padding-left: 0;
}
.advantage .list li:before {
    background-color: var(--color-blue);
    content: "";
    display: inline-block;
    height: 2px;
    margin-right: 10px;
    position: relative;
    top: -5px;
    width: 20px;
}
.jet-elements {
    align-items: center;
    display: flex;
    padding-bottom: 80px;
}
.jet-elements img {
    border-radius: 50%;
    height: 100%;
    max-width: 200px;
}
.jet-elements dl {
    padding: 0 0 0 30px;
}
.jet-elements dt {
    font-size: 20px;
    margin-bottom: 20px;
}
.jet-elements dd,
.modules dd {
    font-size: 17px;
}
.jet-speed {
    background-color: #e1dfdf;
    padding: 50px;
}
@media (max-width: 610px) {
    .jet-speed {
        padding: 35px;
    }
    .advantage .list,
    .jet-speed ul {
        margin: 0;
        width: 100%;
    }
    .jet-elements {
        padding-bottom: 40px;
    }
    .jet-elements img {
        max-width: 130px;
    }
}
.jet-speed > p {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 30px;
}
.jet-content .jet-sub-title {
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 20px 5%;
    text-align: center;
}
.warning-box {
    background: url("images/bell.svg") 0 50%/50px 50px no-repeat;
    margin-bottom: 20px;
    padding: 25px 0 0 60px;
}
@media (max-width: 400px) {
    .f-rgt {
        text-align: center;
    }
    .f-rgt .button {
        float: none !important;
        margin: 0 !important;
        padding: 16px 40px;
    }
    .f-rgt input[type="image"] {
        display: none;
    }
    .container.jet-content .list.with-img li {
        display: block;
        margin-bottom: 30px;
    }
    .list.with-img li img {
        margin-right: 0;
        width: 100%;
    }
    .container.jet-content .list.with-img li span {
        display: block;
        padding-top: 10px;
    }
    .jet-elements dl {
        padding: 0;
    }
    .jet-speed {
        padding: 25px;
    }
    .warning-box {
        background-position: 0 35%;
    }
}
.jet-integration-tbl {
    margin-bottom: 60px;
}
.jet-integration-tbl th {
    background: var(--color-blue);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    white-space: nowrap;
}
.jet-integration-tbl th:first-child {
    height: 60px;
    width: 3%;
}
.jet-integration-tbl th:last-child {
    width: 15%;
}
.jet-integration-tbl td:first-child {
    font-weight: 600;
    text-align: center;
}
.jet-integration-tbl td {
    background-color: #e1dfdf;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    font-size: 17px;
    padding: 18px;
    vertical-align: top;
}
.jet-integration-tbl td:last-child {
    color: var(--color-blue);
    font-weight: 600;
    text-align: right;
}
.jet-integration-tbl td:nth-child(2) {
    font-weight: 600;
    width: 20%;
}
.summary dt {
    color: var(--color-blue);
    font-size: 34px;
    font-weight: 600;
}
.block-scheme h3,
.jet-content p.footer-subtitle,
.modules dt,
.summary dd {
    font-size: 20px;
    font-weight: 600;
}
.summary dd mark {
    font-size: 24px;
    font-weight: 700;
}
.modules {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 20px;
    padding-top: 40px;
}
.modules dl {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    padding: 24px;
}
.block-scheme li:last-child,
.modules dt {
    padding-bottom: 10px;
}
.block-scheme {
    display: grid;
    grid-template-areas: "order storehouse application" "position storehouse application" "position storehouse loading" "updating storehouse updating-1";
    grid-template-columns: 1fr 30% 1fr;
    grid-gap: 40px 20px;
    margin: 0 auto;
    padding: 40px 0 60px;
}
.block-scheme div {
    background-color: #fff;
    border-radius: 4px;
    padding: 32px 24px;
}
.block-scheme h3 {
    margin-bottom: 0;
    text-align: center;
}
.order {
    grid-area: order;
}
.application:after,
.order:after,
.position:after {
    display: inline-block;
    height: 0;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(100%+31px);
    width: 0;
}
.application:before,
.order:before,
.position:before {
    background-color: #1254b7;
    content: "";
    display: inline-block;
    height: 38px;
    left: calc(50% - 0px);
    position: absolute;
    top: 100%;
    width: 2px;
}
.updating-1:after,
.updating:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: calc(50% - 6px);
    position: absolute;
    content: "";
    display: inline-block;
}
.position {
    grid-area: position;
}
.updating {
    grid-area: updating;
}
.updating:after {
    border-left: 10px solid #1254b7;
    height: 0;
    left: calc(100%+11px);
    width: 0;
}
.updating:before {
    content: "";
    display: inline-block;
    height: 2px;
    left: calc(100% - 0px);
    position: absolute;
    width: 18px;
}
.updating-1 {
    grid-area: updating-1;
}
.updating-1:after {
    border-right: 10px solid #1254b7;
    height: 0;
    right: calc(100%+11px);
    width: 0;
}
.updating-1:before {
    content: "";
    display: inline-block;
    height: 2px;
    right: calc(100% - 0px);
    position: absolute;
    width: 18px;
}
.storehouse {
    grid-area: storehouse;
}
.storehouse h3 {
    background: url("images/icon_1.svg") 50% 0/60% 60% no-repeat;
    padding-top: 80px;
}
.application {
    grid-area: application;
}
.loading {
    grid-area: loading;
}
.loading:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid var(--color-blue);
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(100%+31px);
    width: 0;
}
.loading:before {
    background-color: var(--color-blue);
    content: "";
    display: inline-block;
    height: 38px;
    left: calc(50% - 0px);
    position: absolute;
    top: 100%;
    width: 2px;
}
.capabiliti .img_container,
.capabiliti_info,
.map {
    border-radius: 15px;
    background-color: #fff;
}
.block-scheme ul {
    list-style-type: disc;
    padding: 30px 5% 0 8%;
}
.jet-content p.footer-subtitle {
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
    padding: 20px 10%;
    text-align: center;
    width: 80%;
}
.container.jet-content h3,
.container.jet-content h4,
.container.jet-content h5,
.container.jet-content h6,
.container.jet-content p {
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.block-scheme-wrap {
    margin-bottom: 30px;
    overflow-x: auto;
}
.chart,
.map,
.page_number,
.wms-link {
    overflow: hidden;
}
.container.jet-content.integration .content,
.container.jet-content.integration .content strong {
    position: static;
    transform: none;
}
@media (max-width: 630px) {
    .modules {
        grid-template-columns: 1fr;
        grid-gap: 20px 0;
        padding-top: 20px;
    }
    .modules dl {
        padding: 16px 6%;
    }
    .container.jet-content.integration .list {
        margin: 0;
        width: 100%;
    }
    .container.first {
        margin-top: 110px;
        padding-top: 70px;
    }
}
.wms-list {
    width: 100%;
    font-size: 1.7vmax;
    line-height: 2.5vmax;
}
.wms-list p {
    margin-bottom: 15px;
}
.wms-box {
    width: 100%;
    max-width: var(--max-width-content);
    margin-inline: auto;
    padding-inline: var(--padding-max-container);
    padding-inline: var(--padding-max-container);
    display: flex;
}
@keyframes animate-btn {
    0%,
    100% {
        background-color: var(--color-blue);
        box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.2);
    }
    70% {
        background-color: rgb(0 47 165 / 50%);
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    }
}
.wms-box .button {
    font-size: 30px;
    animation: 3s ease-in infinite animate-btn;
    margin-inline: auto;
    transition: 0.3s;
}
.func_text {
    font-size: 1vmax;
}
.page_number {
    bottom: 0;
    color: rgba(205, 214, 232, 0.4);
    font-size: 30vmax;
    font-weight: 100;
    height: 450px;
    left: 60%;
    position: absolute;
    z-index: -1;
}
.function {
    text-align: center;
    font-size: calc((100vw - 300px) / (1920 - 300) * (18 - 14)+14px);
    font-weight: 600;
    color: #05318d;
}
.function .img_container {
    position: relative;
    padding: 30px;
}
.function .img_container img {
    max-width: 100px;
}
.capabiliti {
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 0;
    border-radius: 15px;
}
.capabiliti .img_container {
    position: relative;
    padding: 30px 50px;
    margin: 10px;
    font-weight: 600;
}
.capabiliti .img_container img {
    max-width: 95px;
    max-height: 95px;
    min-width: 95px;
    width: 100%;
}
.third {
    top: 35%;
}
.third_container {
    background-image: url(images/builders.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 120%;
}
.wms-third_container {
    background-image: url(images/my-tech-background-2.png);
    background-position: top;
    background-size: cover;
}
.capabilities {
    background-image: url(images/Tech-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
}
.cap_col {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}
.wms-capabilities .cap_row {
    justify-content: center;
}
.call_back_form {
    margin-right: 100px;
}
.capabiliti_info {
    align-items: center;
    display: flex;
    font-size: 0.8vmax;
    height: 80%;
    left: 50%;
    line-height: 1.1;
    opacity: 0;
    padding: 0 20px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(-80%, -50%);
    -ms-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%);
    -webkit-transition: transform 0.4s cubic-bezier(0.1, 0.89, 0.32, 1.2),
    opacity 0.1s linear;
    -o-transition: transform 0.4s cubic-bezier(0.1, 0.89, 0.32, 1.2),
    opacity 0.1s linear;
    transition: transform 0.4s cubic-bezier(0.1, 0.89, 0.32, 1.2),
    opacity 0.1s linear;
    width: 90%;
    z-index: 99999;
}
.footer-text-box,
.footer-text-box .footer-text-right {
    color: #666;
    display: block;
}
.capabiliti:hover .capabiliti_info {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
}
.advantages_images {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.erp-content .about .advantages_images img {
    margin: 10px;
    width: 15vmax;
}
.map {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    min-height: 250px;
    margin-top: 20px;
}
.contact_links {
    align-items: flex-start;
}
.contact_link {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.contacts_row {
    justify-content: space-between;
    align-items: flex-start;
}
.footer-text-box {
    padding: 10px 0;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
@keyframes animate-viki-jet-link {
    0%,
    100% {
        opacity: 1;
    }
    70% {
        opacity: 0.5;
    }
}
.wms-main-text {
    color: #fff;
    background: #05318d;
    padding: 7px 14px;
    font-weight: 300;
    display: inline-block;
}
.wms-link {
    animation: 3s ease-in infinite animate-viki-jet-link;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 15px;
    transition: 0.5s;
}
.wms-blue-bold {
    color: #000;
    font-weight: 700;
}
.charts {
    display: flex;
    align-items: flex-end;
}
.chart {
    width: 7vmax;
    position: relative;
    margin-right: 20px;
    padding-top: 50px;
}
.chart-bg,
.chart-persentage {
    position: absolute;
    width: 100%;
    left: 0;
}
.chart1 {
    height: 30vmin;
}
.chart2 {
    height: 40vmin;
}
.chart3 {
    height: 50vmin;
}
.chart-bg {
    top: 100%;
    min-height: 100%;
}
.chart-persentage {
    top: -50px;
    text-align: center;
    font-weight: 900;
    color: #05318d;
    font-size: 2vmax;
}
.chart-bg-1 {
    background: linear-gradient(160.39deg, #1254b7 7.47%, #1283b4 96.25%);
}
.chart-bg-2 {
    background: linear-gradient(160.39deg, #1223b7 7.47%, #0d2954 96.25%);
}
.chart-bg-3 {
    background: linear-gradient(160.39deg, #12b740 7.47%, #0d4754 96.25%);
}
.chart-bg-anim {
    animation: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards chart-bg-anim;
}
@keyframes chart-bg-anim {
    from {
        top: 100%;
    }
    to {
        top: 50px;
    }
}
.ph a {
    color: #05318d;
    border-bottom: 1px dotted #05318d;
}
.ph a:hover {
    color: #1d95cb;
    border-bottom: 1px dotted #00b0ff;
}
@media (max-width: 1700px) {
    .capabiliti .img_container {
        position: relative;
        padding: 20px 40px;
        border-radius: 15px;
        margin: 10px;
        background-color: #fff;
        font-weight: 600;
        color: #05318d;
    }
}
@media (max-width: 1600px) {
    .capabiliti .img_container {
        position: relative;
        padding: 10px 30px;
        border-radius: 15px;
        margin: 10px;
        background-color: #fff;
        font-weight: 600;
        color: #05318d;
    }
    .platfrom-outer {
        flex-wrap: wrap;
        justify-content: center;
        margin-inline: unset;
    }
    .platfrom-outer .col:nth-child(2) {
        max-width: 970px;
    }
    .platfrom-outer img {
        max-width: 100%;
    }
    .platfrom-outer .col:first-child {
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (max-width: 1025px) and (orientation: portrait) {
    .function .img_container {
        position: relative;
        padding: 45px;
        border-radius: 50%;
        margin-bottom: 15px;
    }
    .third .about {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .text {
        width: 100%;
        text-align: center;
    }
    .function {
        margin: 15px;
    }
    .img_container {
        padding: 20px;
    }
    .third {
        top: 50%;
    }
}
@media only screen and (max-width: 850px) and (orientation: landscape) {
    .function .img_container {
        padding: 15px;
        margin-bottom: 20px;
    }
    .function .img_container:before {
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        padding: 28px;
        border: 4px solid #05318d;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .function .img_container img {
        max-width: 7vmax;
    }
    .list p:before {
        width: 15px;
        height: 2px;
    }
    .capabiliti .img_container img {
        max-width: 50px;
    }
    .capabiliti .img_container {
        background: 0 0;
        padding: 0;
        margin: 0;
        font-size: 1.5vmax;
    }
    .capabiliti {
        background-color: #fff;
        padding: 10px 20px;
        margin: 5px;
    }
    .capabiliti_info {
        font-size: 1.3vmax;
        width: 90%;
        height: 90%;
        padding: 12px;
    }
    .adress,
    .contact_link {
        font-size: 2.5vmax;
    }
    .advantages_images img {
        margin: 10px;
        width: 110px;
    }
    .call_back_form {
        margin-right: 10px;
    }
    .contacts_row {
        justify-content: space-between;
        align-items: flex-start;
    }
    .advantages_images .row {
        display: none;
    }
    .contact_links {
        flex-direction: column;
    }
    .contact_link {
        margin-bottom: 0;
    }
    .contact_us .content_title {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .capabilities,
    .contact_us,
    .third_container {
        background-image: none;
        background-repeat: no-repeat;
        height: auto;
    }
    .func_text {
        font-size: 2vmax;
    }
    .third .about {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .capabilities .content,
    .contact_us .content,
    .third {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
    }
    .text {
        width: 100%;
        text-align: center;
    }
    .wms-list {
        width: 100%;
        text-align: left;
        margin: 50px;
        font-size: 2.7vmax;
        line-height: 3vmax;
    }
    .wms-charts .wms-list {
        margin: 0 50px;
    }
    .functions .content_title,
    .wms-charts .content_title {
        margin-bottom: 10px;
    }
    .function {
        margin-bottom: 60px;
    }
    .third {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .functions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .page_number {
        font-size: 10vmax;
        font-weight: 100;
        color: #cdd6e8;
        position: absolute;
        top: 90%;
        left: 70%;
        z-index: -1;
    }
    .main_img {
        max-width: 100%;
    }
    .logo img {
        max-width: 30vmax;
    }
    .capabiliti {
        margin: 10px;
    }
    .capabiliti .img_container {
        width: 67vw;
        height: 29vw;
        position: relative;
        padding: 15px;
        border-radius: 15px;
        margin: 25px 5px 10px;
        background-color: #fff;
        display: table-cell;
        vertical-align: middle;
    }
    .capabilities,
    .contact_us,
    .third {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        min-height: 100vh;
    }
    .capabilities .content,
    .contact_us .content {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .test,
    .third_container,
    .wms-third_container .content {
        top: 0;
        left: 0;
        transform: none;
        position: relative;
    }
    .third_container {
        background-size: contain;
        background-position: 0 120%;
    }
    .wms-third_container {
        margin-bottom: 20px;
    }
    .abilities {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    .cap_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .cap_col,
    .cap_row:nth-child(3) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
    }
    .cap_col {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
    .wms-capabilities .cap_row {
        justify-content: flex-start;
    }
    .cap_row:nth-child(3) {
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .capabilities,
    .contact_us {
        background-size: 105%;
        background-position: bottom;
        margin-bottom: 2vh;
    }
    .capabiliti_info {
        position: absolute;
        width: 90%;
        height: 90%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-80%, -50%);
        -ms-transform: translate(-80%, -50%);
        transform: translate(-80%, -50%);
        padding: 20px;
        font-size: 2.8vmax;
    }
    .advantages_images {
        margin: auto;
    }
    .contact_links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 3vmax;
    }
    .function .img_container {
        position: relative;
        border: 0 solid #05318d;
        padding: 14px;
        border-radius: 50%;
        margin: 0 auto;
    }
    .auto {
        top: 55%;
    }
    .advantages_images img {
        margin: 10px;
        width: 150px;
    }
    .function .img_container img {
        max-width: 80px;
    }
}
.box-animation,
.video {
    min-height: 80px;
    position: relative;
}
@media (max-width: 900px) {
    .jet-integration-tbl tr td:first-child {
        padding: 12px;
    }
    .jet-integration-tbl td {
        padding: 12px 4px;
    }
}
@media (max-width: 800px) {
    .block-scheme {
        grid-gap: 40px 12px;
        min-width: 740px;
        padding-bottom: 10px;
        width: 100%;
    }
    .container.erp-content {
        min-height: auto;
        overflow: visible;
    }
    .capabilities,
    .erp-content .about {
        flex-direction: column;
    }
    .erp-content .about > div,
    .erp-content .about > p {
        padding: 20px 0;
        width: 100%;
    }
    .erp-content .about .text,
    .erp-content .about > div {
        text-align: center;
    }
    .erp-content .about > div img {
        width: 40vmax;
    }
    .abilities > div,
    .advantages_images .row,
    .page_number {
        display: none;
    }
    .third_container.erp-content .about {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .third_container.erp-content .function {
        width: 50%;
    }
    .erp-content .about > div.list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: left;
    }
    .erp-content .about > div.list p {
        width: 48%;
    }
    .abilities {
        order: -1;
    }
    .cap_row {
        width: 100%;
    }
    .capabiliti {
        flex-grow: 1;
    }
    .about.additional-style .advantages_images {
        margin-top: -45px;
    }
}
@media (max-width: 580px) {
    .charts {
        padding-top: 30px;
    }
    .chart {
        width: 9vmax;
    }
    .chart3 {
        margin-right: 0;
    }
    .chart-persentage {
        font-size: 1.2rem;
    }
    .erp-content .about > div.list p {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .jet-elements img,
    .number-img {
        display: none;
    }
    .jet-elements dl {
        padding: 0;
    }
    .container.jet-content.integration ul {
        margin: 0;
        width: 100%;
    }
    .container.jet-content .list > li {
        margin-bottom: 15px;
    }
    .container.jet-content .marker {
        padding: 20px 20px 0 10px;
    }
    .container.jet-content .list li li {
        margin-bottom: 10px;
    }
}
@media (max-width: 450px) {
    section.advantage {
        padding-bottom: 40px;
    }
    .jet-content .advantage p {
        padding-bottom: 15px;
    }
    .advantage .list li:before {
        margin-right: 5px;
        top: -4px;
        width: 15px;
    }
    .logo {
        height: 40px;
        width: 90px;
    }
    .container.first {
        margin-top: 90px;
    }
    .container.jet-content .list li {
        padding-left: 35px;
    }
    .container.jet-content .advantage .wms-blue-bold {
        width: 30px;
    }
}
@keyframes parallax_top {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(30px);
    }
}
@keyframes parallax_bottom {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-30px);
    }
}
@keyframes parallax_right {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(30px);
    }
}
@keyframes parallax_left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-30px);
    }
}
@media screen and (min-width: 769px) {
    .page--modal .page-body {
        padding-right: 16px;
    }
    .menu {
        margin-right: -16px;
    }
    .page--modal #banner-cookie .banner-cookie-item {
        margin-right: 41px;
    }
}
@media (max-width: 1480px) {
    .hidden-w1480 {
        display: none;
    }
}
@media (max-width: 1350px) {
    .preference {
        gap: 0 50px;
        justify-content: space-between;
    }
    .reports-content .wrap {
        flex-direction: column;
    }
}
@media screen and (max-width: 1240px) {
    body {
        --padding-max-container: 50px;
    }
    .bc {
        padding: 0 50px;
    }
    .hidden-w1240 {
        display: none;
    }
    .nav {
        grid-template-columns: 1fr min-content;
    }
    .menu-content {
        grid-template-columns: 560px 1fr;
    }
    .section-form-container {
        padding: 50px;
    }
    .footer-container {
        grid-template-columns: 1fr 560px;
    }
}
@media (max-width: 1200px) {
    .about-us h2,
    .management-system h2,
    .platfrom h2,
    .section-title {
        font-size: 35px;
    }
    .control-system .btns {
        flex-direction: row;
    }
    .button--black {
        width: 174px;
    }
    .control-system p {
        font-size: 18px;
    }
    .about-us .content {
        flex-direction: column;
    }
    .advantages ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .preference {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .preference li:first-child,
    .preference li:nth-child(2),
    .preference li:nth-child(3),
    .preference li:nth-child(4) {
        align-items: flex-start;
        margin: 0;
        max-width: 100%;
    }
    .preference li:first-child p,
    .preference li:nth-child(2) p,
    .preference li:nth-child(3) p,
    .preference li:nth-child(4) p {
        text-align: left;
    }
    .preference,
    .reports-content {
        margin-bottom: 30px;
    }
    .more-list,
    .system .content > div:first-of-type {
        margin: 0 auto;
    }
    .more-list {
        flex-direction: column;
        max-width: 500px;
        display: flex;
    }
}
@media screen and (max-width: 1050px) {
    .hidden-w1050 {
        display: none;
    }
    .header-container {
        display: flex;
        justify-content: space-between;
    }
    .header-logo {
        width: 80px;
    }
    .nav {
        display: flex;
        flex: 1;
    }
    .footer-container,
    .menu-content {
        grid-template-columns: 1fr;
    }
    #contact {
        margin-left: 0;
    }
    .our-contacts {
        float: none;
        padding: 40px 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    body {
        --padding-max-container: 30px;
    }
    .bc {
        padding: 0 30px;
    }
    .main {
        gap: 40px;
        margin-top: 40px;
    }
    .menu-container {
        padding: 35px;
    }
    .menu-title {
        padding-right: 20px;
    }
    .nav-button--active {
        right: 20px;
        top: 34px;
    }
    .heading {
        font-size: 50px;
        line-height: 65px;
    }
    .header-logo {
        width: 70px;
    }
    .section-form-container {
        padding: 30px 25px;
    }
    .bc-heading {
        font-size: 35px;
        line-height: 41px;
        padding: 40px 0 0;
        margin: 0;
    }
    .support .section-title span {
        width: 82px;
        height: 40px;
        font-size: 25px;
        line-height: 40px;
    }
    .features ul,
    .offers .content,
    .section ul,
    .section-blog-posts,
    .section-form-container {
        grid-template-columns: 1fr;
    }
    .section-form {
        margin-bottom: 40px;
    }
    .section-form-action {
        margin: auto;
        grid-template-columns: minmax(150px, 225px);
    }
    .footer {
        margin-block: 40px;
    }
    #banner-cookie .banner-cookie-item > div:first-child > div:last-child {
        flex-direction: column;
    }
    #banner-cookie .banner-cookie-item > div:first-child,
    #banner-cookie .banner-cookie-item > div:last-child > div {
        max-height: 55vh;
        overflow-y: auto;
    }
    .section-title {
        line-height: 41px;
        font-size: 28px;
    }
    .control-system .h1,
    .control-system h1 {
        font-size: 36px;
    }
    .control-system .btns,
    .platfrom-outer .btns {
        flex-direction: column;
        align-items: center;
    }
    .button--black {
        width: 291px;
    }
    .about-us h2,
    .management-system h2,
    .platfrom h2 {
        font-size: 28px;
    }
    .about-us p,
    .advantages p,
    .management-system p {
        font-size: 16px;
    }
    .content_title,
    .summary dt {
        font-size: 30px;
    }
    iframe {
        height: 400px;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .reports {
        flex-direction: column;
        max-width: 300px;
        width: 100%;
    }
    .management-system {
        background-size: contain;
        padding: 50px 0;
    }
    .management-system h2:first-child {
        font-size: 27px;
    }
    .preference,
    .reports-content {
        margin-bottom: 20px;
    }
    .platfrom-outer li:first-child div[for] {
        top: 45%;
        left: calc(50% - -110px);
    }
    .platfrom-outer li:first-child .modal {
        top: 16%;
        left: calc(50% - 120px);
    }
    .platfrom-outer li:nth-child(2) div[for] {
        top: 55%;
        left: calc(50% - -110px);
    }
    .platfrom-outer li:nth-child(2) .modal {
        top: 26%;
        left: calc(50% - 120px);
    }
    .platfrom-outer li:nth-child(2).modal::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -20px;
        left: auto;
        right: 25px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #fff transparent transparent;
    }
    .platfrom-outer li:nth-child(3) div[for] {
        top: 65%;
        left: calc(50% - -110px);
    }
    .platfrom-outer li:nth-child(3) .modal {
        top: 35%;
        left: calc(50% - 120px);
    }
    .platfrom-outer .modal p {
        font-size: 14px;
    }
    .platfrom-outer .modal p::before {
        left: -20px;
    }
    .platfrom-outer .modal {
        justify-content: space-between;
        padding: 20px 20px 20px 40px;
        width: 200px;
        height: 120px;
    }
    .content_title {
        line-height: 37px;
    }
    .jet-integration-wrap {
        overflow-x: auto;
        margin-bottom: 30px;
    }
    .jet-integration-tbl {
        margin-bottom: 0;
        min-width: 800px;
    }
}
.years_text p {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: left;
}
.years_text span {
    font-family: Montserrat;
    font-size: 80px;
    font-weight: 700;
    line-height: 97.52px;
    text-align: center;
    color: #dd2323;
    padding-right: 20px;
}
@media screen and (max-width: 680px) {
    body {
        --padding-max-container: 25px;
    }
    iframe {
        height: 200px;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .menu-title {
        margin-bottom: 20px;
    }
    .extra-nav {
        column-count: 1;
        column-width: 100%;
    }
    .nav-button--active {
        right: 15px;
        top: 24px;
    }
    .benefits ol li,
    .benefits ol li:nth-child(5),
    .benefits ol li:nth-child(6) {
        flex-basis: 100%;
    }
    .features ul li {
        padding: 30px;
    }
    .bc-heading {
        font-size: 40px;
        line-height: 46px;
    }
    .content_title,
    .summary dt {
        font-size: 25px;
    }
    .menu-container {
        padding: 25px;
    }
    .features ul li:first-child .section-features-ellipse {
        bottom: 40px;
        right: 30px;
        width: 30px;
        height: 30px;
    }
    .features ul li:nth-child(2) .section-features-ellipse {
        bottom: 30px;
        right: 30px;
        width: 30px;
        height: 30px;
    }
    .features ul li:nth-child(2) .section-features-ellipse:before {
        width: 15px;
        height: 15px;
        left: -15px;
        top: -15px;
        transform-origin: 30px 30px;
    }
    .features ul li:nth-child(3) .section-features-ellipse {
        width: 30px;
        height: 30px;
        right: 30px;
        bottom: 30px;
    }
    .features ul li:nth-child(3) .section-features-ellipse div {
        width: 15px;
        height: 15px;
    }
    .features ul li:nth-child(3) .section-features-ellipse div:first-child {
        left: -10px;
        top: -10px;
    }
    .features ul li:nth-child(3) .section-features-ellipse div:nth-child(2) {
        top: -10px;
        right: -10px;
    }
    .features ul li:nth-child(3) .section-features-ellipse div:nth-child(3) {
        left: -10px;
        bottom: -10px;
    }
    .features ul li:nth-child(3) .section-features-ellipse div:nth-child(4) {
        right: -10px;
        bottom: -10px;
    }
    .features ul li:nth-child(4) div {
        width: 30px;
        height: 30px;
    }
    .features ul li:nth-child(4) div:first-of-type {
        right: 80px;
        bottom: 30px;
    }
    .features ul li:nth-child(4) div:nth-of-type(2) {
        right: 60px;
        bottom: 20px;
    }
    .features ul li:nth-child(4) div:nth-of-type(3) {
        right: 40px;
        bottom: 30px;
    }
    .features ul li:nth-child(4) div:nth-of-type(4) {
        right: 20px;
        bottom: 20px;
    }
    .content_title {
        line-height: 29px;
    }
    .system .content > div:first-of-type {
        width: 300px;
        height: 300px;
        overflow: hidden;
    }
}
@media screen and (max-width: 480px) {
    .heading {
        font-size: 45px;
        line-height: 60px;
    }
    .bc-heading {
        font-size: 35px;
        line-height: 40px;
    }
    .content_title,
    .summary dt {
        font-size: 22px;
    }
    #banner-cookie .banner-cookie-item {
        flex-direction: column;
        gap: 10px;
        padding: 20px;
    }
    #banner-cookie .banner-cookie-item > div:first-child > div:last-child,
    #banner-cookie [data-ck-br-ss-accept] {
        width: 100%;
    }
    #banner-cookie .banner-cookie-item > div:first-child,
    #banner-cookie .banner-cookie-item > div > div:last-child > div:last-child {
        flex-direction: column;
    }
    .content_title {
        line-height: 27px;
    }
}
@media screen and (max-width: 320px) {
    body {
        --padding-max-container: 20px;
    }
    .menu-container {
        padding: 20px;
    }
    .heading {
        font-size: 40px;
        line-height: 55px;
    }
    #banner-cookie .banner-cookie-item,
    .header-container {
        padding: 10px;
    }
    .nav-button--active {
        position: absolute;
        right: 10px;
        top: 24px;
    }
    .section-form-container {
        padding: 20px 10px;
    }
    #banner-cookie .custom-checkbox + span {
        padding-left: 0;
    }
}
.owl-carousel-partners {
    position: relative;
    overflow: hidden;
}
.owl-carousel-partners .owl-stage {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
.owl-carousel-partners .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel-partners img {
    width: 100%;
    max-width: 200px;
    height: 100px !important;
    transition: filter 0.3s ease-in;
    object-fit: contain;
}
.owl-carousel-partners .owl-next,
.owl-carousel-partners .owl-prev {
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
}
.owl-carousel-partners .owl-prev {
    left: 0;
}
.owl-carousel-partners .owl-next {
    right: 0;
}
.owl-carousel-partners .owl-next:before,
.owl-carousel-partners .owl-prev:before {
    border: none;
    border-right: 4px solid #b2b2b2;
    border-top: 4px solid #b2b2b2;
    content: "";
    display: inline-block;
    height: 25px;
    left: 14px;
    position: absolute;
    top: 12px;
    transform: rotate(-135deg);
    transition: border-color 0.3s;
    width: 25px;
}
.owl-carousel-partners .owl-next:before {
    transform: rotate(45deg);
}
.owl-carousel-partners .owl-next:hover:before,
.owl-carousel-partners .owl-prev:hover:before {
    border-color: #232335;
}
@keyframes rotate-right {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate-left {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes scale {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}
@keyframes color {
    0% {
        background: radial-gradient(
                64% 64% at 39.29% 36.9%,
                #fabe65 0,
                #e0921d 100%
        ),
        #002fa5;
    }
    100% {
        background: radial-gradient(
                64% 64% at 39.29% 36.9%,
                #2a5cda 0,
                #002fa5 100%
        ),
        #002fa5;
    }
}
@keyframes bounce {
    0%,
    100%,
    50% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(50%);
    }
    75% {
        transform: translateY(-50%);
    }
}
@media (max-width: 768px) {
    .list.advantage,
    .list.with-bg,
    .list.with-img {
        margin: 0;
        width: 100%;
    }
    .blog-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .center-wrap-between {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .banner-cookie-text {
        font-size: 10px;
    }
    .mobile-text-align-left,
    .mobile-text-align-left > * {
        text-align: left !important;
    }
}
.nav .header-phones {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.nav .header-phones a {
    display: flex;
    gap: 5px;
    margin: 0;
}
@media (min-width: 1200px) {
    .nav .header-phones {
        display: flex;
        grid-area: phones;
    }
    .nav .nav-list {
        grid-area: nav;
    }
    .nav .nav-button {
        grid-area: burger;
    }
    .nav {
        grid-template-areas: "phones nav burger";
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        justify-content: flex-end;
        gap: 10px;
    }
}
@media (min-width: 1480px) {
    .nav .button {
        grid-area: button;
    }
    .nav {
        grid-template-areas: "phones nav button burger";
        grid-template-columns: auto 1fr auto auto;
    }
}
.about-info .contact_link {
    margin: 10px 0 0;
    display: flex;
    gap: 5px;
}
.contact_link img {
    width: auto;
    height: 19px !important;
    filter: grayscale(1);
    opacity: 0.5;
    transition: filter 0.3s, opacity 0.3s;
}
.contact_link:hover img {
    filter: grayscale(0);
    opacity: 0.8;
}
.reports-content img {
    max-width: 100%;
    display: block;
}
.photoGallery {
    overflow: hidden;
    padding: 100px;
    background: #f3f3f3;
}
.owl-carousel .owl-dots.disabled {
    display: block !important;
}
.owl-carousel .owl-item img {
    object-fit: contain;
}
.container.jet-content h1,
.container.jet-content h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700;
}
.container.jet-content h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    font-weight: 700;
}
.container.jet-content h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    font-weight: 700;
}
.container.jet-content h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    font-weight: 700;
}
.container.jet-content h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    font-weight: 700;
}
.container.jet-content p {
    display: block;
    margin-block-end: 1.5em;
    padding: 0;
}
.container.jet-content ol,
.container.jet-content ul {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}
.container.jet-content a {
    color: var(--color-blue);
}
.container.jet-content ul {
    list-style-type: " — ";
}
.container.jet-content ol li,
.container.jet-content ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    padding: 5px 0;
}
.container.jet-content ul li::marker {
    color: var(--color-blue);
    font-weight: 700;
    font-size: 30px;
}
.container.jet-content ol {
    list-style-type: decimal;
}
.container.jet-content ol li::marker {
    color: var(--color-blue);
    font-weight: 700;
    font-size: 20px;
}
::selection {
    background: var(--color-blue);
    color: #fff;
}
.video {
    display: flex;
    align-items: center;
    justify-content: center;
}
.video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video span {
    position: absolute !important;
    background: 0 0 !important;
    font-size: 70px !important;
    line-height: 1;
}
.box-animation {
    border-radius: 10px;
    overflow: hidden;
    max-width: 400px;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .video span {
        font-size: 30px !important;
    }
    .box-animation {
        max-width: 335px;
    }
}
.box-animation .button-animation {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: none;
}