.page-heading {
    background-image: url(../assets/img/page_bg.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    color: var(--brand-third);
    & .is--standard {
        padding: 105px 32px 64px 32px;
        position: relative;
        z-index: 150;
        @media (max-width: 1200px) { & {
            padding: 121px 16px 16px 16px;
        }}
    }
    & .section__desc {
        padding-top: 32px;
        @media (max-width: 1200px) { & {
            padding-top: 16px;
        }}
    }
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(16, 72, 54, .8);
        z-index: 100;
    }
}

.full-width.is--align-left > .container,
.agile-columns.is--align-left > .container,
.boxes.is--align-left > .container,
.accordion.is--align-left > .container {
    text-align: left;
	justify-items: start;
}

.full-width.is--align-center > .container,
.agile-columns.is--align-center > .container,
.boxes.is--align-center > .container,
.accordion.is--align-center > .container {
    text-align: center;
	justify-items: center;
}

.full-width.is--align-right > .container,
.agile-columns.is--align-right > .container
.boxes.is--align-right > .container,
.accordion.is--align-right > .container {
    text-align: right;
	justify-items: end;
}

.full-width > div,
.agile-columns > div,
.boxes > div .section__content,
.slider-gallery > div .section__content,
.accordion > div .section__content {
    display: grid;
	gap: 64px;
	@media (max-width: 768px) { & {
        gap: 32px;
    }}
}

.full-width .section__desc:has(table) {
    overflow-x: auto;
    max-width: 100%;
}

.agile-columns {
    & .section__column .section__inner {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    & .agile-columns-container__desc {
        & ul {
            list-style-type: none;
            padding-left: 0;
        }
        & h3:not(:last-child),
        & h4:not(:last-child),
        & p:not(:last-child),
        & li:not(:last-child) {
            margin-bottom: 16px;
        }
    }
    & .agile-columns-container__box {
        & .agile-columns-container__icon {
            display: flex;
            align-items: center;
        }
        & .agile-columns-container__icon > svg {
            width: 24px;
            height: 24px;
            margin-right: 16px;
            flex: 0 0 24px;
            & path {
                fill: var(--main-900);
            }
        }
    }
}

.boxes {
    & .section__column {
        & > .section__inner > *:not(:last-child) {
            padding-bottom: 16px;
        }
        & img {
            display: inline-block;
        }
    }
    & > div .section__content {
        width: 100%;
    }
    & .is--wide {
        & .section__column:nth-child(2n+1) .section__img,
        & .section__column:nth-child(2n) .section__img {
            margin: 0;
        }
    }
    & .is--selected_boxes,
    & .is--auto_boxes,
    & .is--blog_boxes {
        & .section__img img {
            aspect-ratio: 4 / 3;
            object-fit: cover;
            height: 100%;
        }
    }
}

.accordion {
    & .section__content {
        width: 100%;
    }
    & .section__inner {
        padding-top: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    & summary {
        list-style-type: none;
        position: relative;
        & .section__header {
            max-width: calc(100% - 32px);
            font-weight: 700;
        }
    }
    & details {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding-bottom: 16px;
    }
    & details[open] {
        border-bottom: none;
        padding-bottom: 0;
    }
    & details[open] > summary::after {
        content: '';
        position: absolute;
        top: 22%;
        right: 0;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        z-index: 100;
        background-image: url(../assets/img/accordeon-close.svg);
    }
    & details > summary::before {
        content: '';
        position: absolute;
        top: 22%;
        right: 0;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        z-index: 100;
        background-image: url(../assets/img/accordeon-open.svg);
    }
    & details[open] > summary::before {
        display: none;
    }
}

.multi {
    & .multi__grid {
        display: grid;
        grid-template-columns: 1fr;
        .is--align-left {
            justify-items: start;
        }
        .is--align-center {
            justify-items: center;
        }
        .is--align-right {
            justify-items: end;
        }
    }
    & .multi__full {
        display: grid;
        grid-template-columns: 1fr;
        gap: 32px;;
    }
	& .multi__full .section__desc:has(table) {
		overflow-x: auto;
		max-width: 100%;
	}
    & .multi__columns-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        @media (max-width: 768px) { & {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }}
        & .multi__column {
            gap: 32px;
        }
    }
    @media (max-width: 768px) { & {
        .is--reverse .multi__column:nth-child(1) {
            order: 2;
        }
        .is--reverse .multi__column:nth-child(2) {
            order: 1;
        }
    }}
    & .multi__columns-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        @media (max-width: 768px) { & {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }}
        & .multi__column {
            gap: 24px;
        }
    }
    & .multi__columns-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        @media (max-width: 1024px) { & {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }}
        @media (max-width: 576px) { & {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }}
        & .multi__column {
            gap: 16px;
        }
    }   
    & .is--wide:not(.multi__full) {
        & .section__buttons > div {
            @media (max-width: 1400px) { & {
                gap: 24px;
            }}
            @media (max-width: 1200px) { & {
                flex-direction: column;
                gap: 16px;
            }}
        }
        &.multi__columns-2 {
            & .multi__column:first-child.is--multi-full-img {
                & .section__img {
                    margin-left: -32px;
                    @media (max-width: 1200px) { & {
                        margin-left: -16px;
                    }}
                    @media (max-width: 768px) { & {
                        margin-right: -16px;
                    }}
                }
            }
            .multi__column:last-child.is--multi-full-img {
                & .section__img {
                    margin-right: -32px;
                    @media (max-width: 1200px) { & {
                        margin-right: -16px;
                    }}
                    @media (max-width: 768px) { & {
                        margin-left: -16px;
                    }}
                }
            }
            @media (max-width: 768px) {
                &.is--reverse .multi__column:nth-child(1) {
                    order: 2;
                }
                
                &.is--reverse .multi__column:nth-child(2) {
                    order: 1;
                }
            }
        }
        &.multi__columns-3 {
            & .multi__column.is--multi-full-img {
                & .section__img {
                    @media (max-width: 768px) { & {
                        margin-left: -16px;
                        margin-right: -16px;
                    }}
                }
            }
        }
        &.multi__columns-4 {
            & .multi__column.is--multi-full-img {
                & .section__img {
                    @media (max-width: 578px) { & {
                        margin-left: -16px;
                        margin-right: -16px;
                    }}
                }
            }
        }
    }
    & .is--standard:not(.multi__full) {
        & .section__buttons > div {
            gap: 24px;
            @media (max-width: 1600px) { & {
                flex-direction: column;
                gap: 16px;
            }}
        }
        &.multi__columns-2 {
            & .is--multi-full-img .section__img {
                width: calc(100svw / 2);
                @media (max-width: 768px) { & {
                    width: 100svw;
                }}
            }
            
            @media (min-width: 769px) {
                &.is--gap-8 .is--multi-full-img .section__img {
                    width: calc((100svw - 8px) / 2);
                }
                &.is--gap-16 .is--multi-full-img .section__img,
                &.is--gap-24 .is--multi-full-img .section__img,
                &.is--gap-32 .is--multi-full-img .section__img {
                    width: calc((100svw - 16px) / 2);
                }
                &.is--gap-64 .is--multi-full-img .section__img {
                    width: calc((100svw - 32px) / 2);
                }
            }
            
            @media (min-width: 1201px) {
                &.is--gap-24 .is--multi-full-img .section__img {
                    width: calc((100svw - 24px) / 2);
                }
                &.is--gap-32 .is--multi-full-img .section__img {
                    width: calc((100svw - 32px) / 2);
                }
                &.is--gap-64 .is--multi-full-img .section__img {
                    width: calc((100svw - 64px) / 2);
                }
            }
            
            & .is--multi-full-img.multi__column .section__img {
                @media (max-width: 768px) { & {
                    margin-left: -16px;
                }}
            }
            
            & .is--multi-full-img.multi__column:first-child .section__img {
                margin-left: calc((0px - ((100svw - 1400px)/2)) - 32px);
                @media (max-width: 1600px) { & {
                    margin-left: calc((0px - ((100svw - 1200px)/2)) - 32px);
                }}
                @media (max-width: 1200px) { & {
                    margin-left: -16px;
                }}
            }
        }
    }
    & .is--narrow:not(.multi__full) {
        & .section__buttons > div {
            flex-direction: column;
            gap: 16px;
        }
        &.multi__columns-2 {
            & .is--multi-full-img.multi__column:first-child .section__img {
                margin-left: calc(((-100svw + 700px) / 2) - 32px);
                @media (max-width: 1200px) { & {
                    margin-left: calc(0px - ((100svw - 700px) / 2) - 16px);
                }}
                @media (max-width: 768px) { & {
                    margin-left: calc(0px - ((100svw - 700px) / 2) - 16px);
                    margin-right: calc(0px - ((100svw - 700px) / 2) - 16px);
                }}
                @media (max-width: 700px) { & {
                    margin-left: -16px;
                    margin-right: -16px;
                }}
            }
            & .is--multi-full-img.multi__column:last-child .section__img {
                margin-right: calc(((-100svw + 700px) / 2) - 32px);
                @media (max-width: 1200px) { & {
                    margin-right: calc(0px - ((100svw - 700px) / 2) - 16px);
                }}
                @media (max-width: 768px) { & {
                    margin-left: calc(0px - ((100svw - 700px) / 2) - 16px);
                    margin-right: calc(0px - ((100svw - 700px) / 2) - 16px);
                }}
                @media (max-width: 700px) { & {
                    margin-left: -16px;
                    margin-right: -16px;
                }}
            }
        }
    }
    & .multi__column {
        display: grid;
        grid-template-columns: 1fr;
    }
    & .multi_boxes {
        & .section__column {
            & > .section__inner > *:not(:last-child) {
                padding-bottom: 16px;
            }
            & img {
                display: inline-block;
            }
        }
        &.is--wide {
            & .section__column:nth-child(2n+1) .section__img,
            & .section__column:nth-child(2n) .section__img {
                margin: 0;
            }
        }
    }
}

.is--special {
    @media (max-width: 1200px) { & {
        padding-top: 16px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }}
    & a {
        padding: 8px 12px;
        border-radius: 8px;
        color: var(--btn-light);
        background-color: var(--btn-dark);
        font-weight: 700;
        transition: all .5s;
        width: fit-content;
        body:not(.fixed) &,
        .menu-mobile & {
            color: var(--btn-dark);
            background-color: var(--btn-light);
        }
    }
}

.hero {
    height: 80svh;
    display: flex;
    align-items: center;
    overflow: hidden;
    clip-path: border-box;
    position: relative;
    &+section {
        border-top: 2px solid #fff;
        margin-top: -1px;
    }
    @media (max-width: 768px) { & {
        height: 50svh;
    }}
    &.is--pt {
        padding-top: 185px;
    }
    &.full-width > div {
        gap: 32px;
    }
    @media (min-width: 768px) { & {
        &::before {
            background-image: url(../assets/img/hero_img.png);
            background-position: bottom left;
            background-repeat: no-repeat;
        }
        &::after {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 80vh;
            background-image: inherit;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 5s ease;
            transition-delay: 0.3s;
            transform: scale(1);
            transform-origin: center;
            @starting-style {
                transform: scale(1.2);
            }
        }
    }}
    & .section__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }
}

.multi-contact {
    & .multi__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        @media (max-width: 1600px) { & {
            max-width: 1200px;
        }}
        @media (max-width: 1024px) { & {
            grid-template-columns: 1fr;
        }}
        & .container:nth-child(2) {
            grid-row: span 2;
        }
    }
    & .multi__full {
        display: flex;
        flex-direction: column;
    }
    & .multi_boxes {
        height: fit-content;
    }
}

.map {
    & .container {
        padding: 0;
    }
    & p {
        margin-bottom: -6px;
    }
    & iframe {
        max-width: 100%;
    }
}

.numbers {
    & .section__title {
        font-weight: 700;
    }
    & .section__desc {
        font-family: "Gloria Hallelujah", cursive;
    	font-family: 'PPPangramSans', sans-serif;
        font-style: normal;
        font-size: 1.25rem;
    }
    & .section__column {
        padding: 32px;
        border: 2px solid var(--brand-first);
        border-radius: 16px;
    }
    & .section__column {
        & > .section__inner > *:not(:last-child) {
            padding-bottom: 8px;
        }
    }
}

.section-dark {
    color: var(--brand-third);
    background-position: bottom;
    &.is--overlay-opacity-0 {
        background-color: var(--brand-first) !important;
    }
    & .section__title {
        display: flex;
        align-items: center;
        gap: 16px;
        & img {
            width: 96px;
            height: 96px;
            @media (max-width: 768px) { & {
                width: 64px;
                height: 64px;
            }}
        }
    }
}

.slider-gallery {
    & .container.is--wide {
        padding: 0;
    }
    & .is--wide {
        & .section__column:nth-child(2n) .section__img,
        & .section__column:nth-child(2n+1) .section__img {
            margin: 0;
        }
    }
    & .section__img img {
        aspect-ratio: 3 / 1;
        object-fit: cover;
        object-position: center;
        width: 100%;
        @media (max-width: 1200px) { & {
            aspect-ratio: 2 / 1;
        }}
        @media (max-width: 768px) { & {
            aspect-ratio: 16 / 9;
        }}
        @media (max-width: 576px) { & {
            aspect-ratio: 4 / 3;
        }}
    }
    & .slick-arrow {
        background-color: var(--brand-fifth);
        z-index: 200;
        padding: 24px;
        transition: all .5s;
    }
    & .section__columns:not(:hover) .slick-arrow {
        display: none !important;
    }
    & .slick-prev {
        left: 0;
    }
    & .slick-next {
        right: 0;
    }
    & .slick-arrow.slick-prev::before, & .slick-arrow.slick-next::before {
        position: absolute;
        display: inline-block;
        width: 48px;
        height: 48px;
        left: -12px;
        top: -12px;
    }
    & .slick-arrow.slick-prev::before {
        content: url(../assets/img/chevron-prev.svg);
    }
    & .slick-arrow.slick-next::before {
        content: url(../assets/img/chevron-next.svg);
    }
    & .section__content {
        position: relative;
    }
    & .section__header {
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 32px;
        padding-bottom: 64px;
        color: var(--brand-third);
    }
    & .section__header::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        z-index: 100;
    }
    & .section__title {
        position: relative;
        z-index: 180;
    }
    & .section__button {
        position: absolute;
        z-index: 180;
        bottom: 0;
        width: 100%;
        padding-top: 64px;
        padding-bottom: 32px;
    }
    & .section__button::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        z-index: 100;
    }
    & .section__button a {
        position: relative;
        z-index: 200;
        border: 1px solid var(--brand-third);
        color: var(--brand-third);
    }
}

.page-gallery {
    & .gallery {
        column-gap: 16px;
    }
    & .gallery-columns-1 {
        column-count: 1;
    }
    & .gallery-columns-2 {
        column-count: 2;
    }
    & .gallery-columns-3 {
        column-count: 3;
    }
    & .gallery-columns-4 {
        column-count: 4;
    }
    & .gallery-columns-5 {
        column-count: 5;
    }
    & .gallery-columns-6 {
        column-count: 6;
    }
    & .gallery-columns-7 {
        column-count: 7;
    }
    & .gallery-columns-8 {
        column-count: 8;
    }
    & .gallery-columns-9 {
        column-count: 9;
    }
    @media (max-width: 1200px) { & {
        & .gallery-columns-5,
        & .gallery-columns-6,
        & .gallery-columns-7,
        & .gallery-columns-8 {
            column-count: 4;
        }
        & .gallery-columns-9 {
            column-count: 6;
        }

    }}
    @media (max-width: 768px) { & {
        & .gallery-columns-3,
        & .gallery-columns-4,
        & .gallery-columns-5,
        & .gallery-columns-6,
        & .gallery-columns-7,
        & .gallery-columns-8 {
            column-count: 2;
        }
        & .gallery-columns-9 {
            column-count: 3;
        }

    }}
    @media (max-width: 425px) { & {
        & .gallery-columns-2,
        & .gallery-columns-3,
        & .gallery-columns-4,
        & .gallery-columns-5,
        & .gallery-columns-6,
        & .gallery-columns-7,
        & .gallery-columns-8,
        & .gallery-columns-9 {
            column-count: 1;
        }

    }}
    & .gallery-item {
        display: inline-block;
        width: 100% !important;
        margin-bottom: 16px;
        break-inside: avoid;
        margin-top: 0 !important;
    }
    & .gallery-icon img {
        width: 100%;
        height: auto;
        display: block;
        border: none !important;
    }
    & p {
        max-width: 700px;
        margin: 0 auto;
        padding-bottom: 32px;
    }
}

.page-gallery-tabs {
	& p {
        max-width: 700px;
        margin: 0 auto;
    }
	& .is--gap-32 {
		grid-gap: 16px 32px;
	}
	& .is--tertiary-dark {
		padding: 12px 16px;
	}
	& .is--tertiary-dark.active {
		border: 1px solid var(--btn-dark);
		color: var(--btn-dark);
	}
}

.auto-columns-2 {
    & .section__desc {
        column-count: 2;
        column-gap: 32px;
        @media (max-width: 768px) { & {
            column-count: 1;
        }}
    }
}

.auto-columns-3 {
    & .section__desc {
        column-count: 3;
        column-gap: 32px;
        @media (max-width: 1024px) { & {
            column-count: 2;
        }}
        @media (max-width: 576px) { & {
            column-count: 1;
        }}
    }
}

.auto-columns-4 {
    & .section__desc {
        column-count: 4;
        column-gap: 32px;
        @media (max-width: 1200px) { & {
            column-count: 3;
        }}
        @media (max-width: 768px) { & {
            column-count: 2;
        }}
        @media (max-width: 576px) { & {
            column-count: 1;
        }}
    }
}

.cta {
    & .multi__columns-3 {
        grid-template-columns: 2fr 3fr 2fr;
        @media (max-width: 1024px) { & {
            grid-template-columns: 1fr;
        }}
        .is--gap-64 & {
            grid-gap: 64px;
        }
        & .multi__column:not(:nth-child(2)) {
            gap: 64px;
            @media (max-width: 1200px) { & {
                gap: 16px;
            }}
            @media (max-width: 1024px) { & {
                display: flex;
                & img {
                    display: block; 
                    width: 100%;    
                    height: 100%;   
                    object-fit: cover;
                }
            }}
            & .section__img {
                width: 80%;
                @media (max-width: 1200px) { & {
                    width: 100%;
                }}
                @media (max-width: 1024px) { & {
                    width: 63%;
                    flex-shrink: 0;
                }}
            }
            & .section__desc {
                width: 60%;
                @media (max-width: 1200px) { & {
                    width: 100%;
                }}
                @media (max-width: 1024px) { & {
                    flex: 1
                }}
            }
        }
        & .multi__column:nth-child(2) {
            gap: 32px;
            & .section__img {
                & img {
                    margin: 0 auto;
                }
            }

        }
        & .multi__column:first-child {
            & .section__img {
                margin-left: 96px;
                animation-name: float_more;
                animation-duration: 25s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
                animation-delay: 6s;
                @media (max-width: 1600px) { & {
                    margin-left: 32px;
                }}
                @media (max-width: 1200px) { & {
                    margin-left: -16px;
                    animation-name: float;
                }}
                @media (max-width: 1024px) { & {
                    margin-left: 0;
                }}
            }
            & .section__desc {
                margin-left: -32px;
                animation-name: float_more;
                animation-duration: 30s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
                animation-delay: 1s;
                @media (max-width: 1200px) { & {
                    margin-left: -16px;
                    animation-name: float;
                }}
                @media (max-width: 1024px) { & {
                    margin-left: 0;
                }}
            }
        }
        & .multi__column:last-child {
            & .section__img {
                order: 2;
                margin-right: 96px;
                
                animation-name: float_more;
                animation-duration: 25s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
                animation-delay: 8s;
                @media (max-width: 1600px) { & {
                    margin-right: 32px;
                }}
                @media (max-width: 1200px) { & {
                    margin-right: -16px;
                    animation-name: float;
                }}
                @media (max-width: 1024px) { & {
                    margin-right: 0;
                }}
            }
            & .section__desc {
                order: 1;
                margin-right: -32px;
                animation-name: float_more;
                animation-duration: 30s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
                animation-delay: 3s;
                @media (max-width: 1200px) { & {
                    margin-right: -16px;
                    animation-name: float;
                }}
                @media (max-width: 1024px) { & {
                    margin-right: 0;
                }}
            }
        }
    }
}

.rounded-img {
    & .section__column:first-child {
        @media (min-width: 769px) { & {
            padding-right: 32px;
            & .section__img::before {
                content: '';
                position: absolute;
                top: -32px;
                right: -32px;
                width: 96px;
                height: calc(100% + 64px);
                border: 2px solid var(--brand-first);
                border-left: none;
                border-radius: 0 16px 16px 0;
                z-index: 100;   
            }
            & .section__img::after {
                content: '';
                position: absolute;
                top: 48px;
                right: -36px;
                width: 8px;
                height: calc(100% - 96px);
                background-color: var(--brand-sixth);
                z-index: 150;   
            }
        }}
        & .section__img {
            position: relative;
        }
        & .section__img img {
            border-radius: 0 16px 16px 0;
            @media (max-width: 768px) { & {
                border-radius: 0;
            }}
        }
    }
    & .section__column:last-child {
        @media (min-width: 769px) { & {
            padding-left: 32px;
            & .section__img::before {
                content: '';
                position: absolute;
                top: -32px;
                left: -32px;
                width: 96px;
                height: calc(100% + 64px);
                border: 2px solid var(--brand-first);
                border-right: none;
                border-radius: 16px 0 0 16px;
                z-index: 100;
            }
            & .section__img::after {
                content: '';
                position: absolute;
                top: 48px;
                left: -36px;
                width: 8px;
                height: calc(100% - 96px);
                background-color: var(--brand-sixth);
                z-index: 150;   
            }
        }}
        & .section__img {
            position: relative;
        }
        & .section__img img {
            border-radius: 16px 0 0 16px;
            @media (max-width: 768px) { & {
                border-radius: 0;
            }}
        }
    }
}

.page-divider {
    width: 100%;
    & img {
        width: 100%;
    }
}


@keyframes float {
    0% { transform: translate(0px, 0px) rotate(0deg); }

    10% { transform: translate(4px, -3px) rotate(-0.7deg); }
    20% { transform: translate(3px, 2px) rotate(0deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(-3px, -2px) rotate(0.8deg); }
    50% { transform: translate(1px, 3px) rotate(0deg); }
    60% { transform: translate(3px, -2px) rotate(0deg); }
    70% { transform: translate(4px, -3px) rotate(-0.5deg); }
    80% { transform: translate(-2px, -4px) rotate(-0.3deg); }
    90% { transform: translate(-3px, 2px) rotate(0.9deg); }

    100% { transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes float_more {
    0% { transform: translate(0px, 0px) rotate(0deg); }

    10% { transform: translate(8px, -6px) rotate(-0.7deg); }
    20% { transform: translate(4px, 5px) rotate(0deg); }
    30% { transform: translate(0px, 4px) rotate(0deg); }
    40% { transform: translate(-6px, -5px) rotate(0.8deg); }
    50% { transform: translate(2px, 5px) rotate(0deg); }
    60% { transform: translate(4px, -5px) rotate(0deg); }
    70% { transform: translate(8px, -6px) rotate(-0.5deg); }
    80% { transform: translate(-5px, -8px) rotate(-0.3deg); }
    90% { transform: translate(-6px, 5px) rotate(0.9deg); }

    100% { transform: translate(0px, 0px) rotate(0deg); }
}