body .yes-is-sticky{
    position: fixed;
    z-index: 9999;
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

body .yes-is-sticky.sticel-hide-on-scroll {
    transform: translateY(-100%);
    opacity: 0;
}

/* Shadow */
.sticel-has-shadow {
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: box-shadow 0.3s ease;
}

/* Fade */
.sticel-fade-in {
    animation: fadeInSticky 0.4s ease forwards;
}
@keyframes fadeInSticky {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Glow */
.sticel-glow {
    box-shadow: 0 0 15px rgba(0, 174, 255, 0.6);
    transition: box-shadow 0.4s ease;
}

.sticel-logo-shrink {
    transition: height 0.3s ease;
    width: auto;
    display: block;
}
/* Animation Classes */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes slideDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes zoomIn {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
@keyframes flipIn {
    from { transform: rotateX(90deg); opacity: 0; }
    to { transform: rotateX(0deg); opacity: 1; }
}

.sticel-anim-fade-in    { animation: fadeIn 0.4s ease forwards; }
.sticel-anim-slide-up   { animation: slideUp 0.4s ease forwards; }
.sticel-anim-slide-down { animation: slideDown 0.4s ease forwards; }
.sticel-anim-zoom-in    { animation: zoomIn 0.4s ease forwards; }
.sticel-anim-flip-in    { animation: flipIn 0.4s ease forwards; }

/** back to top */
.sticky-back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    padding: 12px 14px;
    border-radius: 20%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: none;
    align-items: center;
}

.sticky-back-to-top i {
    font-size: 18px;
}

/* Style Variants */

.sticky-back-icon {
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}