.axiom-floating-white-section {
    background: #ffffff !important;
    padding: 8px 0 10px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.axiom-home-floating-vials {
    margin-top: -18px !important;
    margin-bottom: -8px !important;
}

.axiom-vial-stage {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 120px !important;
    margin: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 2px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    overflow: visible !important;
}

.axiom-floating-vial {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 20% !important;
    width: 20% !important;
    height: 110px !important;
    margin: 0 -4px !important;

    background: transparent !important;
    text-decoration: none !important;

    animation: axiomVialFloat 3.4s ease-in-out infinite !important;
    will-change: transform !important;
}

.axiom-floating-vial img {
    width: 100% !important;
    max-width: 82px !important;
    max-height: 110px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.14)) !important;
}

.axiom-floating-vial:nth-child(1) {
    animation-duration: 3.2s !important;
    animation-delay: 0s !important;
}

.axiom-floating-vial:nth-child(2) {
    animation-duration: 3.7s !important;
    animation-delay: -0.6s !important;
}

.axiom-floating-vial:nth-child(3) {
    animation-duration: 3.3s !important;
    animation-delay: -1.1s !important;
}

.axiom-floating-vial:nth-child(4) {
    animation-duration: 3.9s !important;
    animation-delay: -0.3s !important;
}

.axiom-floating-vial:nth-child(5) {
    animation-duration: 3.5s !important;
    animation-delay: -1.4s !important;
}

@keyframes axiomVialFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }
}

@media (min-width: 769px) {
    .axiom-floating-white-section {
        padding: 12px 0 14px !important;
    }

    .axiom-vial-stage {
        height: 150px !important;
    }

    .axiom-floating-vial {
        height: 140px !important;
    }

    .axiom-floating-vial img {
        max-width: 115px !important;
        max-height: 140px !important;
    }

    @keyframes axiomVialFloat {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-18px);
        }

        100% {
            transform: translateY(0);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .axiom-floating-vial {
        animation: none !important;
    }
}