main {
    padding-top: 110px;
}

/* Homepage | hero */


.hero {
    padding-top: 100px;
    min-height: calc(var(--window-inner-height) - 110px);
    padding-bottom: var(--default-section-margin);
}

.hero__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hero__left {
    margin-top: -21px;
    width: min(680px, 47.222vw);
}

.hero__left .title img {
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    margin-top: -18px;
    margin-left: -8px;
}

.hero__right {
    min-width: min(640px, 44.444vw);
    width: min(640px, 44.444vw);
    aspect-ratio: 64/55;
    position: relative;
}

.hero__right .-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

.hero__buttons {
    margin-top: 82px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.hero__buttons > * {
    width: fit-content;
    min-width: 200px;
}

/* hero animations */

.hero__right-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    gap: min(4px, 0.270vw);
    /* padding: min(10px, 0.676vw); */
    /* padding: min(14px, 0.946vw); */
    padding: 1.6% 2.2%;
}

.hero__right-wrapper .img {
    border-radius: 50%;
    /* width: min(4.865vw, 72px); */
    width: 11.765%;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.hero__right-wrapper .img img {
    display: block;
    width: 100%;
}

.hero__right-wrapper .text-card {
    color: var(--Black, #181818);
    height: 72px !important;

    /* button-text */
    font-family: 'Supply';
    /* font-size: 124.5%; */
    font-size: min(20px, 1.237vw);
    line-height: 100%;
    /* 20px */
    letter-spacing: min(0.6px, 0.041vw);
    text-transform: uppercase;
    background: var(--green, #BFFE43);
    /* padding: 20px 32px; */
    padding: 2% 5.25%;
    display: flex;
    align-items: center;
}

.hero__right-wrapper.-pt .text-card {
    padding: 2% 4.24%;
}

.hero__right-wrapper.-es .text-card {
    padding: 2% 4.24%;
}

.hero__right-wrapper .hand {
    position: absolute;
    right: 9.3%;
    top: -11.6%;
    width: 31.2%;
}

.hero__right-wrapper .hand img {
    display: block;
    width: 100%;
}

.hero__right-wrapper .graphic {
    position: absolute;
    top: -5.9%;
    left: 2.2%;
    width: 30%;
    padding: 16px;
    aspect-ratio: 8/11;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: var(--purple, #C3ABFF);
}

.hero__right-wrapper .graphic .title {
    color: var(--black-100, #000);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Supply';
    font-size: min(16px, 0.989vw);
    line-height: 100%;
    opacity: 0.5;
}

.hero__right-wrapper .graphic .price,
.hero__right-wrapper .graphic .percents {
    color: var(--black-100, #000);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Supply';
    /* font-size: min(32px, 1.979vw); */
    font-size: 32px;
    line-height: 100%;
    /* letter-spacing: max(-3px, -0.186vw); */
    letter-spacing: -3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.hero__right-wrapper .graphic .price {
    margin-top: 8px;
    margin-top: 5.18%;
}

.hero__right-wrapper .graphic .graphic__graphic {
    margin-top: 16px;
    margin-top: 10.36%;
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero__right-wrapper .graphic .graphic__graphic svg {
    display: block;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
}

.--number-animation {
    display: inline-flex;
    position: relative;
}

.animated-number {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    width: fit-content;
    max-height: 30px;
}

.single-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    transition: transform 1s ease-in-out;
    transition-delay: 0.1s;
    overflow: visible;
    overflow-x: clip;
    letter-spacing: 0;
    /*padding-right: 5%;*/
}

.single-col.-is-dot {
    padding: 0 !important;
}

.single-col.-is-dot .single-num {
    padding: 0 !important;
    margin: 0 !important;
}

.single-col:nth-child(2) {
    transition: transform 0.3s ease-in-out;
    transition-delay: 0.5s;
}

.single-col:nth-child(3) {
    transition: transform 0.4s ease-in-out;
    transition-delay: 0.2s;
}

.single-col:nth-child(4) {
    transition: transform 0.7s ease-in-out;
    transition-delay: 0.1s;
}

.single-col:nth-child(5) {
    transition: transform 0.6s ease-in-out;
    transition-delay: 0.2s;
}

.single-col:nth-child(6) {
    transition: transform 0.4s ease-in-out;
    transition-delay: 0.3s;
}

.single-col .single-num {
    display: block;
    flex: 0 0 100%;
    height: 100%;
}

.--number-animation.-bigger .single-col .single-num {
    padding-left: 3px;
    margin-right: -2px;
}


/* Homepage | platform-section */

.platform-section {
    color: var(--black-100, #000);
    margin-bottom: var(--bigger-section-margin);
}

.platform-section__wrapper {
    padding: 35px;
    background: var(--purple, #C3ABFF);
}

.platform-section__wrapper .title {
    max-width: 1151px;
}

.platform-section__wrapper .text {
    max-width: 814px;
    margin-top: 36px;
    color: var(--black-60, rgba(0, 0, 0, 0.60));
}

.platform-section__wrapper .default-button {
    width: fit-content;
    margin-top: 48px;
}

.platform-section__belts {
    padding: 50px 0;
    background: no-repeat center / cover url('../images/homepage/conveyor/bg-line.svg');
    border: 2px solid var(--white-secondary-30);
}

.platform-section__belts .conveyor-belt + .conveyor-belt {
    margin-top: 30px;
}

.conveyor-belt {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.platform-section__belts .conveyor-belt.-reverse {
    justify-content: flex-end;
}

.conveyor-belt__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.platform-section__belts .conveyor-belt .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 208px;
    height: 122px;
    padding: 10px;
    background: var(--green, #BFFE43);
    margin-left: 30px;
}

.platform-section__belts .conveyor-belt .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translateZ(0);
}

.conveyor-belt.-in-viewport .conveyor-belt__wrapper {
    animation-play-state: running !important;
}

.conveyor-belt .conveyor-belt__wrapper {
    animation-play-state: paused !important;
}

.conveyor-belt:nth-child(even) {
    animation: conveyor-part;
}

@keyframes conveyor-part {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes conveyor-part-reverse {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}


/* Homepage | action section */

.action-section {
    overflow: hidden;
    background-color: var(--white-secondary-10);
    position: relative;
    padding: var(--default-section-margin) 0;
    box-sizing: border-box;
}

.action-section .title {
    text-align: center;
}

.action-section__animation {
    position: sticky;
    box-sizing: border-box;
}

.action-card-slider {
    position: relative;
    margin: 67px auto 0 auto;
    max-width: 1162px;
}

.action-card-slider .swiper-wrapper {
    position: relative;
    width: 100%;
}

.action-card-slider .swiper-pagination {
    display: none;
}

.action-card:first-child {
    position: relative;
}

.action-card {
    position: absolute;
    left: 0;
    top: 0;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    gap: 48px;
    border: 2px solid var(--black);
    width: 100%;
    height: auto;
    background-color: var(--purple);
    box-sizing: border-box;

    transform: none;
    transition: opacity 0.4s, top 0.4s, left 0.4s;
}

.action-card.-finished {
    top: -50px;
    left: -50px;
    opacity: 0;
    pointer-events: none;
}

.action-card__left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.action-card__left .default-button {
    margin: auto 0 0 0;
    justify-self: flex-end;

}

.action-card__right {
    min-width: 49.537%;
}

.action-card__right img {
    display: block;
    width: 100%;
    aspect-ratio: 267/200;
}

.action-card .title {
    text-align: left;
    color: var(--black);
    margin-bottom: 20px;
}

.action-card .description {
    color: var(--black-secondary-60);
}

.action-card .description:not(:last-child) {
    margin-bottom: 20px;
}


/* industries */

.industries {
    margin: var(--bigger-section-margin) 0;
}

.industries .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.title-wrapper .title {
    margin-top: -9px;
}

.title-wrapper .text {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    display: block;
    max-width: 560px;
    min-width: 39%;
    margin-left: 50px;
}

.industries-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-top: 89px;
}

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

.industries-slide {
    padding: 30px 30px 24px 30px;
    background: var(--white-10, rgba(255, 255, 255, 0.10));
}

.industries-slide .img {
    width: 80px;
    height: 80px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--green, #BFFE43);
}

.industries-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.industries-slide .title {
    margin-top: 24px;
}

.industries-wrapper__right {
    position: sticky;
    top: 120px;
    min-width: min(560px, 38.889vw);
    width: min(560px, 38.889vw);
}

.industries-wrapper__right .form {
    background: var(--purple, #C3ABFF);
}

.industries-wrapper__right .form__wrapper {
    padding: 27px 40px 40px 40px;
    transition: opacity 0.4s;
}

.industries-wrapper__right .form.-sended .form__wrapper {
    opacity: 0;
    pointer-events: none;
}

.industries-wrapper__right .form.-sended .form__thank {
    opacity: 1;
    pointer-events: auto;
}

.industries-wrapper__right .form__wrapper .title {
    color: var(--black-100, #000);
    text-align: center;
}

.industries-wrapper__right .form__wrapper .text {
    text-align: center;
    margin-top: 13px;
    color: var(--black-60, rgba(0, 0, 0, 0.60));
}

.industries-wrapper__right .form__wrapper form {
    margin-top: 34px;
    width: 100%;
}

.industries-wrapper__right .form__wrapper .default-button {
    width: 100%;
}

.industries-wrapper__right .form__thank {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.industries-wrapper__right .form__thank .title {
    color: var(--black-100, #000);
    text-align: center;
}

.industries-wrapper__right .form__thank .subtitle {
    text-align: center;
    color: var(--black-100, #000);
    margin-top: 24px;
}

/** Homepage | .benefits-section */

.benefits-section {
    margin: var(--bigger-section-margin) 0;
    overflow: hidden;
}


.benefits-slider .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.benefits-slider .slider {
    margin-top: 47px;
    width: 100%;
}

.benefits-slide {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.benefits-slide__img {
    width: min(800px, 55.556vw);
    min-width: min(800px, 55.556vw);
}

.benefits-slide__img img {
    display: block;
    width: 100%;
}


.benefits-slide__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 27px 40px 40px 40px;
    background: var(--purple, #C3ABFF);
}

.benefits-slide__content .title {
    color: var(--black-100, #000);

}

.benefits-slide__content .text {
    margin-top: 23px;
    color: var(--black-60, rgba(0, 0, 0, 0.60));

}

.benefits-slider .swiper-pagination {
    display: none;
}

.benefits-slide__content .pagination {
    margin: auto 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    gap: 12px;
}

.benefits-slide__content .pagination .pagination-bullet {
    width: 12px;
    height: 12px;
    background: var(--black-30, rgba(0, 0, 0, 0.30));
    cursor: pointer;
}

.benefits-slide__content .pagination .pagination-bullet.-active {
    background: var(--black-100, #000);
    pointer-events: none;
}


/* Contacts | contacts-section */

.contacts-section {
    margin: 57px 0 var(--bigger-section-margin) 0;
}

.contacts-section .container > .text {
    margin-top: 8px;
    color: var(--white-60, rgba(255, 255, 255, 0.60));
}

.contacts-section__wrapper {
    margin-top: 73px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.contacts-section__box {
    padding: 40px 40px 32px 40px;
    background: var(--white-10, rgba(255, 255, 255, 0.10));
    width: 100%;
}

.contacts-section__box .title {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    margin-bottom: 20px;
}

.contacts-section__box .link {
    color: var(--white-100, #FFF);
    transition: color 0.4s;
    display: block;
    margin-top: -3px;
}


/* Contacts | contact-form-section */

.contact-form-section {
    margin: var(--bigger-section-margin) 0;
}

.contact-form-section__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
}

.contact-form-section__wrapper .text-content {
    grid-column: span 5;
}

.contact-form-section__wrapper .text-content .title {
    margin-top: -18px;
}

.contact-form-section__wrapper .form {
    width: 100%;
    grid-column: span 7;
    grid-row: span 2;
    overflow: hidden;
}

.contact-form-section__wrapper .text-content .text {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    margin-top: 10px;
}

.contact-form {
    position: relative;
    padding: 37px 40px 34px 40px;
    height: fit-content;
    background: var(--purple, #C3ABFF);
}

.contact-form .submit-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
    margin-top: 20px;
}


.contact-form .submit-wrapper .--checkbox {
    margin: 6px 0 0 0;
}

.submit-wrapper .submit {
    width: 100%;
}


.form {
    position: relative;
    transition: height 0.5s;
}

.form .thank-window {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 0.4s;
    pointer-events: none;
    color: var(--black-100, #000);
}

.form .form-wrapper {
    transition: opacity 0.4s;
}

.form .thank-window .img {
    display: block;
    width: 212px;
}

.form .thank-window .img img {
    display: block;
    width: 100%;
}

.form .thank-window .title {
    margin-top: 45px;
    text-align: center;
}

.form .thank-window .text {
    margin-top: 19px;
    text-align: center;
}

.form.-sended .form-wrapper {
    opacity: 0;
    pointer-events: none;
}

.form.-sended .thank-window {
    opacity: 1;
    pointer-events: auto;
}

.contact-form-section__wrapper .animate-img {
    align-self: flex-end;
    position: relative;
    grid-column: span 5;
    aspect-ratio: 2/1;
    border: 2px solid rgba(255, 255, 255, 0.20);
    background: no-repeat center / contain url('../images/contacts/bg-grid.svg');
    overflow: hidden;
}

.animate-img .hand {
    position: absolute;
    /* width: 144px;
    left: 24px;
    top: 24px; */
    width: 25.9%;
    left: 4.319%;
    top: 8.7%;
}

.animate-img .chat {
    position: absolute;
    /* width: 216px;
    right: 24px;
    bottom: 24px; */

    right: 4.319%;
    bottom: 8.7%;
    width: 38.85%;
}

.animate-img div img {
    display: block;
    width: 100%;
}

/* text-page */

.text-section__wrapper {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}

.text-section {
    margin-top: 80px;
}


/* article */

.article {
    margin-top: 56px;
}

.article h1 {
    font-family: 'Supply', sans-serif;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 86.4px */
    letter-spacing: -2.16px;
    text-transform: uppercase;
}

.article h1 + .article-info {
    margin-top: 12px;
}

.article-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: fit-content;
}

.article-info p {
    font-family: 'Supply', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 18px */
    letter-spacing: 0.54px;
    text-transform: uppercase;

    color: var(--white-60, rgba(255, 255, 255, 0.60));

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0;

    white-space: nowrap;
}

.article-info p:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.article-info p.date:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82NThfODUwNSkiPg0KPHBhdGggZD0iTTExIDAuNVYyLjVNNSAwLjVWMi41TTEuNSA1LjVIMTQuNU0yLjA5MDkxIDEuNUgxMy45MDkxQzE0LjIzNTQgMS41IDE0LjUgMS43NjQ1NiAxNC41IDIuMDkwOTFWMTMuOTA5MUMxNC41IDE0LjIzNTQgMTQuMjM1NCAxNC41IDEzLjkwOTEgMTQuNUgyLjA5MDkxQzEuNzY0NTYgMTQuNSAxLjUgMTQuMjM1NCAxLjUgMTMuOTA5MVYyLjA5MDkxQzEuNSAxLjc2NDU2IDEuNzY0NTYgMS41IDIuMDkwOTEgMS41WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF82NThfODUwNSI+DQo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=);
}

.article-info p.time:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82NThfODUwOSkiPg0KPHBhdGggZD0iTTguNzUgNC41VjMuNzVINy4yNVY0LjVIOC43NVpNOCA4SDcuMjVWOC43NUg4VjhaTTExLjUgOC43NUgxMi4yNVY3LjI1SDExLjVWOC43NVpNMTMuNzUgOEMxMy43NSAxMS4xNzU2IDExLjE3NTYgMTMuNzUgOCAxMy43NVYxNS4yNUMxMi4wMDQxIDE1LjI1IDE1LjI1IDEyLjAwNDEgMTUuMjUgOEgxMy43NVpNOCAxMy43NUM0LjgyNDM2IDEzLjc1IDIuMjUgMTEuMTc1NiAyLjI1IDhIMC43NUMwLjc1IDEyLjAwNDEgMy45OTU5NCAxNS4yNSA4IDE1LjI1VjEzLjc1Wk0yLjI1IDhDMi4yNSA0LjgyNDM2IDQuODI0MzYgMi4yNSA4IDIuMjVWMC43NUMzLjk5NTk0IDAuNzUgMC43NSAzLjk5NTk0IDAuNzUgOEgyLjI1Wk04IDIuMjVDMTEuMTc1NiAyLjI1IDEzLjc1IDQuODI0MzYgMTMuNzUgOEgxNS4yNUMxNS4yNSAzLjk5NTk0IDEyLjAwNDEgMC43NSA4IDAuNzVWMi4yNVpNNy4yNSA0LjVWOEg4Ljc1VjQuNUg3LjI1Wk04IDguNzVIMTEuNVY3LjI1SDhWOC43NVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY1OF84NTA5Ij4NCjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
}

.article .main-img {
    margin-top: 80px;
}

.main-img {
    width: 100%;
}

.main-img img {
    display: block;
    width: 100%;
}

.article__content {
    margin: 72px auto 0 auto;
    max-width: 920px;
}

.editor.article__content p {
    margin-top: 48px;
}

.editor.article__content h2 {
    margin-top: 56px;
}

.editor.article__content ol {
    margin-top: 54px;
}

.editor.article__content ol > li ul {
    margin-top: 25px;
}

.editor.article__content ol > li + li {
    margin-top: 27px;
}

.relative-articles {
    margin: var(--bigger-section-margin) 0;
    overflow: hidden;
}

.relative-articles .relative-articles__wrapper {
    width: 100%;
}

.relative-articles__wrapper .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}

.relative-articles .slider {
    margin-top: 46px;
}

.relative-articles .swiper-pagination {
    display: none;
}

.relative-slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.relative-slide .img {
    width: 100%;
    aspect-ratio: 68/33;
    overflow: hidden;
}

.relative-slide .img img {
    display: block;
    width: 100%;
    transition: transform 0.4s;
}

.relative-slide .title {
    margin-top: 30px;
    color: var(--white-100, #FFF);

    transition: color 0.4s;
}

.relative-slide .article-info {
    margin-top: 20px;
}

.relative-slide.swiper-slide-active,
.relative-slide.swiper-slide-next {
    opacity: 1;
    pointer-events: auto;
}


/* 404 */

.page-not-found {
    display: flex;
    min-height: calc(var(--window-inner-height) - 110px);
    padding: 64px 0;
}

.page-not-found__wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    max-width: 500px;
    text-align: center;
}

.page-not-found__wrapper .img {
    width: 416px;
}

.page-not-found__wrapper .img img {
    display: block;
    width: 100%;
}

.page-not-found__wrapper .title {
    margin-top: 22px;
}

.page-not-found__wrapper .text {
    margin-top: 10px;
    color: var(--white-60, rgba(255, 255, 255, 0.60));
}

.page-not-found__wrapper .default-button {
    margin-top: 41px;
}

/* blog */

.blog {
    margin: 53px 0 var(--bigger-section-margin) 0;
}

.blog .container > .text {
    margin-top: 8px;
    color: var(--white-60, rgba(255, 255, 255, 0.60));
}

.blog__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 73px;
}

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

.blog__inner .post-card {
    grid-column: span 1;
}

.blog__inner .post-card.-bigger {
    grid-column: span 2;
}

.post-card {
    position: relative;
}

.post-card .img {
    width: 100%;
    aspect-ratio: 35/17;
    overflow: hidden;
}

.post-card .img img {
    display: block;
    width: 100%;
    transition: transform 0.4s;
}

.post-card__text {
    margin-top: 30px;
}

.post-card__text .title {
    transition: color 0.4s;
    color: var(--white-100, #FFF);
}

.post-card__text .article-info {
    margin-top: 20px;
}

.post-card.-bigger .post-card__text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px 30px 30px 30px;
    margin-top: 0;
    background: var(--black-30, rgba(0, 0, 0, 0.30));
    backdrop-filter: blur(60px);
    width: 100%;
}

.blog .-load-more {
    min-width: 440px;
    width: fit-content;
    margin: 50px auto 0;
}

.blog .-load-more.-disabled {
    display: none;
}

.--checkbox .wpcf7-form-control-wrap {
    display: none !important;
}

.wpcf7-form-control-wrap span {
    display: none !important;
}


/* About us | about-hero */

.about-page .breadcrumbs {
    padding-top: 0;
}


.about-hero {
    padding-top: 77px;
    min-height: calc(var(--window-inner-height) - 77px);
    padding-bottom: var(--default-section-margin);
    display: grid;
}

.about-hero__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    min-height: 100%;
    align-items: center;
}

.about-hero__left {
    margin-top: -21px;
    grid-column: span 6;
    max-width: min(680px, 47.222vw);
}

.about-hero__left .text {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    margin-top: 32px;
}

.about-hero__buttons {
    margin-top: 54px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.about-hero__buttons > * {
    width: fit-content;
    min-width: 200px;
}

.about-hero__right {
    grid-column: span 6;
    width: min(680px, 47.222vw);
    aspect-ratio: 68/45;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
}

.about-hero__right .-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

.about-hero__right .static {
    display: block;
    position: relative;
    width: 100%;
}


/* about | hero-banner */

.hero-banner__wrapper {
    position: relative;
    padding: 17px 275px 35px 35px;
    background: var(--purple, #C3ABFF);
}

.hero-banner__wrapper .title {
    color: var(--black-100, #000);
    max-width: 1040px;
}

.hero-banner__wrapper .text {
    margin-top: 32px;
    color: var(--black-60, rgba(0, 0, 0, 0.60));
    max-width: 800px;
}

.hero-banner__wrapper .default-button {
    margin-top: 45px;
    width: fit-content;
}

.hero-banner__wrapper .img {
    position: absolute;
    right: 35px;
    bottom: 35px;
    width: 240px;
}

.hero-banner__wrapper .img img {
    display: block;
    width: 100%;
}


/* about | our-way */

.our-way {
    margin: var(--bigger-section-margin) 0;
}

.our-way__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
}

.our-way__wrapper .title {
    width: fit-content;
    height: fit-content;
    margin-top: -18px;
    grid-column: span 4;
}

.simple-card-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 920px;
    justify-self: flex-end;
    gap: 40px;
    grid-column: span 8;
}

.simple-card {
    padding: 30px 30px 25px 30px;
    background: var(--white-10, rgba(255, 255, 255, 0.10));
}

.simple-card .img {
    background: var(--green, #BFFE43);
    width: 80px;
    aspect-ratio: 1/1;

    display: flex;
    justify-content: center;
    align-items: center;
}

.simple-card .img img {
    display: block;
    width: 56px;
    aspect-ratio: 1/1;
}

.simple-card .title {
    margin-top: 24px;
}


/* about | belts-section */

.belts-section {
    margin: var(--bigger-section-margin) 0;
}

.belts-section__wrapper {
    background: var(--purple, #C3ABFF);
    padding: 22px 40px 33px 40px;
}

.belts-section__wrapper .title {
    color: var(--black-100, #000);
}

.belts-section__wrapper .text {
    margin-top: 16px;
    color: var(--black-60, rgba(0, 0, 0, 0.60));
    max-width: 800px;
}

.belts-section__belts {
    padding: 48px 0;
    background: no-repeat center / cover url('../images/about/conveyor/bg-lines.svg');
    border: 2px solid var(--white-secondary-30);
}

.belts-section__belts .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 208px;
    height: 122px;
    background: var(--green, #BFFE43);
    margin-left: 30px;
}

.belts-section__belts .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translateZ(0);
}


/* About | simple-section */

.simple-section {
    margin: var(--bigger-section-margin) 0;
}

.simple-section .text {
    max-width: 1040px;
    margin-top: 40px;
    color: var(--white-80, rgba(255, 255, 255, 0.80));
}

.simple-section__wrapper:not(:first-child) {
    margin-top: 80px;
}

.simple-section__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
}

.simple-section__wrapper .img {
    grid-column: span 6;
}

.simple-section__wrapper .img img {
    display: block;
    width: 100%;
}

.simple-section__wrapper .content {
    grid-column: span 6;
}

.simple-section__wrapper .content-text {
    color: var(--white-80, rgba(255, 255, 255, 0.80));
}

/* Methods page | methods-hero */

.methods-page .breadcrumbs {
    padding: 0;
}

.methods-hero {
    padding: 56px 0 0 0;
    overflow: hidden;
}

.methods-hero .title {
    transition: opacity 0.4s;
    padding-bottom: 570px;
}

.methods-hero .title.-hidden {
    opacity: 0;
}

.methods-hero__wrapper {
    position: relative;
    min-height: max(760px, calc(var(--window-inner-height) - 188px));
}

.methods-hero__cards {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.methods-hero__card {
    position: absolute;
    /* width: min(530px, 32.777vw); */
    width: 530px;
}

.methods-hero__card img {
    display: block;
    width: 100%;
}


.methods-hero__card:nth-child(1) {
    transform: translateX(-62.6%) translateY(20%) rotate(65deg);
    z-index: 2;
}

.methods-hero__card:nth-child(2) {
    transform: translateX(-86.46%) translateY(22.12%) rotate(50deg);
    z-index: 1;
}

.methods-hero__card:nth-child(3) {
    transform: translateX(-21.4%) translateY(-35%) rotate(75deg);
    z-index: 1;
}

.methods-hero__card:nth-child(4) {
    transform: translate(15.6%, -19.2%) rotate(105deg);
    z-index: 1;
}

.methods-hero__card:nth-child(5) {
    transform: translate(57%, 1.9%) rotate(125deg);
    z-index: 3;
}

.methods-hero__card:nth-child(6) {
    transform: translate(83.7%, 22.05%) rotate(140deg);
    z-index: 2;
}

/* Career | career-hero */

.career-page .breadcrumbs {
    padding-top: 0;
}


.career-hero {
    padding-top: 77px;
    min-height: calc(var(--window-inner-height) - 120px);
    padding-bottom: var(--default-section-margin);
    display: grid;
}

.career-hero__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    min-height: 100%;
    align-items: center;

}

.career-hero__left {
    grid-column: span 6;
    max-width: min(680px, 47.222vw);
}

.career-hero__left .text {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    margin-top: 32px;
    max-width: 424px;
}

.career-hero__buttons {
    margin-top: 54px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.career-hero__buttons > * {
    width: fit-content;
    min-width: 200px;
}

.career-hero__right {
    grid-column: span 6;
    width: min(680px, 47.222vw);
    aspect-ratio: 68/45;
    position: relative;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.career-hero__right .-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

.career-hero__right-container {
    display: flex;
    gap: 24px;
    width: 100%;
}

.career-hero__right-container img {
    flex: 1 1 calc(33.33% - 24px);
    width: calc(33.33% - 48px);
    height: auto;
}

.career-hero__right-container img:nth-child(1) {
    transform: translateY(-25%);
}

.career-hero__right-container img:nth-child(2) {
    transform: translateY(25%);
}

.career-hero__right-container img:nth-child(3) {
    transform: translateY(-10%);
}

.career-hero__right .static {
    display: block;
    position: relative;
    width: 100%;
}


/* career / jobs */

.jobs {
    padding-bottom: 100px;
}

.jobs .title-2 {
    margin-bottom: 80px;
}

.jobs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jobs-item {
    background-color: var(--white-secondary-10);
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s;
    gap: 20px;

}

.jobs-item:hover {
    background-color: var(--white-secondary-20);
}

.jobs-item:hover .jobs-item__tags-container {
    transform: translateX(-120px);
}

.jobs-item .title-4 {
    max-width: 720px;
    color: var(--white);
}

.jobs-item__tags-container {
    display: flex;
    align-items: center;
    gap: 15px;
    transition: .4s;
}

.jobs-item__tags-container::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8.18898L12 5.97482L2 1L2 3.50021L9.19374 7.07554L2 10.5033L2 13L12 8.18898Z' fill='%23181818'/%3E%3C/svg%3E");
    display: block;
    padding: 13px;
    background-color: var(--white);
    position: absolute;
    right: 0;
    opacity: 0;
    transition: .4s;
}

.jobs-item:hover .jobs-item__tags-container::after {
    right: -80px;
    opacity: 1;
}

.jobs-item__tag {
    padding: 0 12px;
    height: 33px;
    display: flex;
    align-items: center;
    border: 2px solid var(--white-secondary-20);
    color: var(--white-secondary-60);
    white-space: nowrap;
}

/* contact-form / mail */

.text-content__mail {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 30px;
}

/* job / job-header */

.job-header {
    text-align: center;
}

.job-header__tags {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* about | hero-banner

.hero-banner__wrapper {
  position: relative;
  padding: 17px 275px 35px 35px;
  background: var(--purple, #C3ABFF);
}

.hero-banner__wrapper .title {
  color: var(--black-100, #000);
  max-width: 1040px;
}

.hero-banner__wrapper .text {
  margin-top: 32px;
  color: var(--black-60, rgba(0, 0, 0, 0.60));
  max-width: 800px;
}

.hero-banner__wrapper .default-button {
  margin-top: 45px;
  width: fit-content;
}

.hero-banner__wrapper .img {
  position: absolute;
  right: 35px;
  bottom: 35px;
  width: 240px;
}

.hero-banner__wrapper .img img {
  display: block;
  width: 100%;
} */


/* Methods page | methods-section */

.methods-section {
    margin: var(--bigger-section-margin) 0;
}

.methods-accordions {
    margin-top: 80px;
}

.methods-accordion {
    width: 100%;
    background: var(--white-10, rgba(255, 255, 255, 0.10));
    transition: background 0.4s;
}

.methods-accordion + .methods-accordion {
    margin-top: 10px;
}

.methods-accordion .--accordion__open {
    padding: 20px 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    transition: background 0.4s;
}

.methods-accordion .--accordion__open .title {
    margin: auto auto auto 0;
}

.methods-accordion .--accordion__open img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.methods-accordion .--accordion__arrow {
    width: 34px;
    height: 34px;
    border: 2px solid var(--white-30, rgba(255, 255, 255, 0.30));

    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.4s, border 0.4s;
}

.methods-accordion .--accordion__arrow:before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    transition: opacity 0.4s, transform 0.4s;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93Ij4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgxMDA0IDEyLjAwMDJMOC4wMjQyIDEyLjAwMDJMMTIuOTk5IDIuMDAwMjRMMTAuNDk4OCAyLjAwMDI0TDYuOTIzNDggOS4xOTM5OUwzLjQ5NTcgMi4wMDAyNEwwLjk5OTAyMyAyLjAwMDI0TDUuODEwMDQgMTIuMDAwMloiIGZpbGw9IiNDM0FCRkYiLz4KPC9nPgo8L3N2Zz4K);
}

.methods-accordion .--accordion__arrow:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    transition: opacity 0.4s, transform 0.4s;
    opacity: 0;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93Ij4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgxMTAyIDEyTDguMDI1MTggMTJMMTMgMkwxMC40OTk4IDJMNi45MjQ0NiA5LjE5Mzc0TDMuNDk2NjggMkwxIDJMNS44MTEwMiAxMloiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+Cg==);
}

.methods-accordion.-open {
    background: var(--white-20, rgba(255, 255, 255, 0.20));
}

.methods-accordion.-open .--accordion__arrow {
    background: var(--white-100, #FFF);
}

.methods-accordion.-open .--accordion__arrow:before {
    opacity: 0;
    transform: rotate(180deg);
}

.methods-accordion.-open .--accordion__arrow:after {
    opacity: 1;
    transform: rotate(180deg);
}

.methods-accordion .--accordion__content {
    padding: 10px 30px 30px 30px;
    color: var(--white-100, #FFF);
}


.partners-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.partners-list .partner .img {
    background: var(--green, #BFFE43);
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.partners-list .partner .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.partners-list .partner .title {
    background: var(--dark, #181818);

    width: 100%;
    padding: 6px 5px 5px 5px;
    min-height: 40px;
    text-align: center;
}


/* Events Page | events-hero */

.events-hero {
    margin-top: 80px;
    padding-bottom: 80px;
}

/* Events Page | events-current */

.events-current {
    padding-bottom: 180px;
}

.events-current-wrapper {
    display: grid;
    gap: 40px;
}

.events-current-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 40px;
    background: var(--white-secondary-10);

}

.events-current-item-body {
    grid-column: span 1;

}

.events-current-item-body .text {
    color: var(--white-secondary-60);

    max-width: 560px;
    position: relative;
    overflow: hidden;
}

.events-current-item-body.-hidden .text:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background: linear-gradient(0deg, #2F2F2F 0%, rgba(47, 47, 47, 0.00) 100%);
    transition: .4s;
}

.events-current-item-body .more {
    display: none;
    align-items: center;
    cursor: url(../images/icons/cursor-hover.svg) 4 3, pointer !important;
    margin-top: 30px;
}

.events-current-item-body.-hidden .more {
    display: flex;
}

.events-current-item-body.-hidden.-open .text:after {
    opacity: 0;
}

.events-current-item-body.-hidden .text {
    max-height: 215px;
    transition: .7s;
}

.events-current-item-body.-hidden.-open .text {
}

.events-current-item-body .default-button {
    margin-top: 40px;
}


.events-current-item-body .more:after {
    content: '';
    display: block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-left: 12px;
    margin-top: 2px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93Ij4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjMxMTAyIDEyLjAwMDJMOC41MjUxOCAxMi4wMDAyTDEzLjUgMi4wMDAyNEwxMC45OTk4IDIuMDAwMjRMNy40MjQ0NiA5LjE5Mzk5TDMuOTk2NjggMi4wMDAyNEwxLjUgMi4wMDAyNEw2LjMxMTAyIDEyLjAwMDJaIiBmaWxsPSIjQzNBQkZGIi8+CjwvZz4KPC9zdmc+Cg==);
    transition: .4s;
}

.events-current-item-body.-open .more:after {
    transform: rotate(180deg);
}

.events-current-item-info {
    display: flex;
    gap: 20px;
    margin: 40px 0 30px;
    color: var(--green, #BFFE43);
}

.events-current-item-info p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0;
    white-space: nowrap;
}

.events-current-item-info p:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 1px;
}

.events-current-item-info p.date:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTUuODE4MiA0VjYuNU04LjE4MTgyIDRWNi41TTUgOUgxOU01LjYzNjM2IDUuMjVIMTguMzYzNkMxOC43MTUxIDUuMjUgMTkgNS41Mjk4MiAxOSA1Ljg3NVYxOC4zNzVDMTkgMTguNzIwMiAxOC43MTUxIDE5IDE4LjM2MzYgMTlINS42MzYzNkM1LjI4NDkxIDE5IDUgMTguNzIwMiA1IDE4LjM3NVY1Ljg3NUM1IDUuNTI5ODIgNS4yODQ5MSA1LjI1IDUuNjM2MzYgNS4yNVoiIHN0cm9rZT0iI0JGRkU0MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4=);
}

.events-current-item-info p.time:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMTEuNUMxMy4wMzA5IDExLjUgMTMuODY2NyAxMC42OTg4IDEzLjg2NjcgOS43MTA1M0MxMy44NjY3IDguNzIyMjMgMTMuMDMwOSA3LjkyMTA1IDEyIDcuOTIxMDVDMTAuOTY5MSA3LjkyMTA1IDEwLjEzMzMgOC43MjIyMyAxMC4xMzMzIDkuNzEwNTNDMTAuMTMzMyAxMC42OTg4IDEwLjk2OTEgMTEuNSAxMiAxMS41WiIgc3Ryb2tlPSIjQkZGRTQzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgPHBhdGggZD0iTTE5IDkuNTM4NDZDMTkgMTUuNDIzMSAxMiAyMCAxMiAyMEMxMiAyMCA1IDE1LjQyMzEgNSA5LjUzODQ2QzUgNy44MDQzNSA1LjczNzUgNi4xNDEyNyA3LjA1MDI1IDQuOTE1MDdDOC4zNjMwMSAzLjY4ODg3IDEwLjE0MzUgMyAxMiAzQzEzLjg1NjUgMyAxNS42MzcgMy42ODg4NyAxNi45NDk3IDQuOTE1MDdDMTguMjYyNSA2LjE0MTI3IDE5IDcuODA0MzUgMTkgOS41Mzg0NloiIHN0cm9rZT0iI0JGRkU0MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4=);
}

.events-current-item-image {
    grid-column: span 1;

}

.events-current-item-image img {
    aspect-ratio: 640/400;
    width: 100%;
    height: auto;
    display: block;

}

/* Events Page | events-delayed */

.events-delayed-title {
    margin-top: 20px;
}

.events-delayed {
    margin-top: 80px;
    padding-bottom: 180px;
}

.events-delayed-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.events-delayed-item {
    grid-column: span 1;

}

.events-delayed-item:nth-child(n+5) {
    display: none;
}

.show-more-button.active span::after {
    transform: rotate(180deg);
}

.events-delayed-item-image {
    position: relative;
}


.events-delayed-item-image:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5Ljk5NzggMzEuNTA3NVY0MC4wMDFMNDYuOTMzMSA0My44MTkyTTQ5LjM0ODcgMzMuNzY3M0g1Ny4xNDEyVjI1Ljk3NTFNNTEuNzY0NCA1Mi40Njg1QzQ5LjMxMzcgNTQuNzgwOSA0Ni4yMzYgNTYuMzE5OSA0Mi45MTU2IDU2Ljg5MzJDMzkuNTk1MyA1Ny40NjY0IDM2LjE3OTYgNTcuMDQ4NiAzMy4wOTU0IDU1LjY5MThDMzAuMDExMiA1NC4zMzUgMjcuMzk1MyA1Mi4wOTk0IDI1LjU3NDQgNDkuMjY0NUMyMy43NTM1IDQ2LjQyOTUgMjIuODA4NCA0My4xMjA4IDIyLjg1NzMgMzkuNzUxOEMyMi45MDYxIDM2LjM4MjggMjMuOTQ2NyAzMy4xMDI5IDI1Ljg0OSAzMC4zMjE5QzI3Ljc1MTMgMjcuNTQwOSAzMC40MzEgMjUuMzgyMSAzMy41NTMyIDI0LjExNTNDMzYuNjc1NSAyMi44NDg0IDQwLjEwMTggMjIuNTI5OCA0My40MDQxIDIzLjE5OUM0Ni43MDY0IDIzLjg2ODMgNDkuNzM4MyAyNS40OTU4IDUyLjEyMDkgMjcuODc4M0M1NC40MTM4IDMwLjIwMDQgNTQuNTg1NiAzMC44NjM1IDU2Ljk3NzkgMzMuNzk5MiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+Cjwvc3ZnPg==);
    background-color: var(--green);
    width: 80px;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.events-delayed-item-image:after {
    content: "";
    background-color: var(--black-secondary-60);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.events-delayed-item-image img {
    display: block;
    aspect-ratio: 680/425;
    width: 100%;
}

.events-delayed-item .title {
    margin: 30px 0 24px;
}

.events-delayed-item-info {
    display: flex;
    gap: 30px;
    color: var(--white-secondary-60);
}

.events-delayed-item-info p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0;
    white-space: nowrap;
    font-family: 'Supply';
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

.events-delayed-item-info p:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.events-delayed-item-info p.date:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTU4Nl8xNTAzOSkiPgogICAgPHBhdGggZD0iTTExIDAuNVYyLjVNNSAwLjVWMi41TTEuNSA1LjVIMTQuNU0yLjA5MDkxIDEuNUgxMy45MDkxQzE0LjIzNTQgMS41IDE0LjUgMS43NjQ1NiAxNC41IDIuMDkwOTFWMTMuOTA5MUMxNC41IDE0LjIzNTQgMTQuMjM1NCAxNC41IDEzLjkwOTEgMTQuNUgyLjA5MDkxQzEuNzY0NTYgMTQuNSAxLjUgMTQuMjM1NCAxLjUgMTMuOTA5MVYyLjA5MDkxQzEuNSAxLjc2NDU2IDEuNzY0NTYgMS41IDIuMDkwOTEgMS41WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjwvcGF0aD4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1ODZfMTUwMzkiPgogICAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIj48L3JlY3Q+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
}

.events-delayed-item-info p.time:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC4wMDI2IDcuNjY2NjdDOC42ODk4OSA3LjY2NjY3IDkuMjQ3MDUgNy4xMzI1NSA5LjI0NzA1IDYuNDczNjhDOS4yNDcwNSA1LjgxNDgyIDguNjg5ODkgNS4yODA3IDguMDAyNiA1LjI4MDdDNy4zMTUzMiA1LjI4MDcgNi43NTgxNiA1LjgxNDgyIDYuNzU4MTYgNi40NzM2OEM2Ljc1ODE2IDcuMTMyNTUgNy4zMTUzMiA3LjY2NjY3IDguMDAyNiA3LjY2NjY3WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogIDxwYXRoIGQ9Ik0xMi42NjkzIDYuMzU4OTdDMTIuNjY5MyAxMC4yODIxIDguMDAyNiAxMy4zMzMzIDguMDAyNiAxMy4zMzMzQzguMDAyNiAxMy4zMzMzIDMuMzM1OTQgMTAuMjgyMSAzLjMzNTk0IDYuMzU4OTdDMy4zMzU5NCA1LjIwMjkgMy44Mjc2IDQuMDk0MTggNC43MDI3NyAzLjI3NjcxQzUuNTc3OTQgMi40NTkyNSA2Ljc2NDkzIDIgOC4wMDI2IDJDOS4yNDAyOCAyIDEwLjQyNzMgMi40NTkyNSAxMS4zMDI0IDMuMjc2NzFDMTIuMTc3NiA0LjA5NDE4IDEyLjY2OTMgNS4yMDI5IDEyLjY2OTMgNi4zNTg5N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+);
}

.events-delayed .show-more-button {
    margin: 80px auto 0;

}

/*  modal */

/* Solution styles */

.modals {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 20px;

    opacity: 0;
    transition: opacity 0.4s;

    overflow-y: hidden;
    pointer-events: none;

    height: 100%;
    width: 100%;
    background-color: var(--black-secondary-60);
    backdrop-filter: blur(7.5px);
    z-index: 9999999999;
    cursor: url(../images/icons/cursor-hover.svg) 4 3, pointer !important;

}


body.-modal-open .modals {
    opacity: 1;
    overflow-y: scroll;
    pointer-events: auto;
}

.modal {
    display: none;
    cursor: url(../images/icons/cursor-default.svg) 4 4, auto !important;
}

.modal.-open {
    display: block;
}

.modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .modals {
        padding: 20px;
    }
}

/* Popup form | contact-form-popup */


#event-name {
    display: none;
}


.contact-form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    color: var(--black);
}

.modal .close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 32px;
    aspect-ratio: 1/1;
    cursor: url(../images/icons/cursor-hover.svg) 4 3, pointer !important;
}

.modal .--checkbox {
    margin-top: 32px;
}

.modal .--checkbox span {
    margin-top: -4px;
}

#tidio-chat {
    position: relative;
    z-index: 50 !important;
}


/*industires page | industries-hero */

.industries-hero {
    padding-top: 75px;
    padding-bottom: var(--default-section-margin);
    display: grid;
}

.industries-hero__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    min-height: 100%;
    align-items: flex-start;
}

.industries-hero__left {
    grid-column: span 6;
    max-width: min(680px, 47.222vw);
    margin-top: -22px;
}

.industries-hero__left .text {
    color: var(--white-60, rgba(255, 255, 255, 0.60));
    margin-top: 32px;
}

.industries-hero__buttons {
    margin-top: 54px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.industries-hero__buttons > * {
    width: fit-content;
    min-width: 200px;
}

.industries-hero__right {
    grid-column: span 6;
    width: min(640px, 39.579vw);
    aspect-ratio: 80/77;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: flex-end;
}

.industries-hero__right .-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

.industries-hero__right .static {
    display: block;
    position: relative;
    width: 100%;
}

/*industries | industries-section */

.industries-section-wrapper {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 140px;
}

.industries-card {
    grid-column: span 2;
    width: 100%;
    background: var(--white-10, rgba(255, 255, 255, 0.10));
    padding: 30px 30px 24px 30px;
}

.industries-card .img {
    display: flex;
    width: 80px;
    aspect-ratio: 1/1;
    background: var(--green, #BFFE43);
    padding: 12px;
}


.industries-card .img img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
}

.industries-card .title {
    margin-top: 24px;
    color: #fff;
}

.industries-card .subtitle {
    margin-top: 17px;
    color: var(--white-60, rgba(255, 255, 255, 0.60));
}

.pagination {
    width: 100%;
}


.wp-pagenavi {
    clear: both;
    /*display: flex;*/
    display: none;
    margin-top: 40px;
}

.wp-pagenavi a {
    color: #fff
}

.wp-pagenavi span.current {
    font-weight: bold;
    color: var(--green, #BFFE43);
}