#cky {
    bottom: 0 !important;
}

body main.app-main .weecard-card-body {
    width: 100%;
    max-width: 732px;
    margin: 0 auto;
    font-size: 16px;
    padding: 0 16px 32px;
    position: relative;
}

body main.app-main .banner-bg {
    position: relative;
    z-index: -1;
    max-width: 1080px;
    margin: 0 auto -50px;
    overflow: hidden;
    border-radius: 0 0 50px 50px;
}

body main.app-main .form-field.form-field-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 1rem;
}


body main.app-main .weecard-card-body .header-text-wrapper h1 {
    padding: 0px;
    border: 0px;
    font: inherit;
    vertical-align: baseline;
    margin: 0px !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

body main.app-main .weecard-card-body .header-text-wrapper .user-bio {
    margin: 0px auto;
    padding: 0px;
    border: 0px;
    font: inherit;
    vertical-align: baseline;
    margin-top: 10px;
    width: 80%;
}

body main.app-main .weecard-card-body .header-text-wrapper .user-bio h2 {
    font-weight: 500;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 16px;
}

body main.app-main .weecard-card-body h3 {
    margin: 0px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
}

body main.app-main a .label-txt {
    color: var(--bs-body-color);
}

body main.app-main .svg-wrapper.svg-phone {
    display: block;
    width: 15px;
    height: 15px;
    fill: var(--bs-body-color);
}


body main.app-main .weecard-items__wrapper {

}


body main.app-main .profile-card-image {
    border-radius: 50%;
    width: 96px;
    height: 96px;
    display: block;
    object-fit: contain;
    object-position: initial;
    filter: none;
    overflow: hidden;
}

body main.app-main .weecard-button:not(.btn-outline-primary) {
    padding: 5px 10px;
    background: var(--bs-primary);
}

body main.app-main .weecard-button .weecard-item-thumbnail__wrapper {
    width: 20%;
    max-width: 65px;
    max-height: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

body main.app-main .weecard-button .weecard-item-title {
    padding: 10px 5px;
}

body main.app-main .featured-element {
    transform: translateZ(0px);
}

/** ANIMATION **/

@keyframes shake {
    0%, 50% {
        transform: translate(0, 0);
    }
    55% {
        transform: translate(-5px, 5px);
    }
    60% {
        transform: translate(5px, -5px);
    }
    65% {
        transform: translate(-5px, 5px);
    }
    70% {
        transform: translate(5px, -5px);
    }
    75% {
        transform: translate(-5px, 5px);
    }
    80% {
        transform: translate(5px, -5px);
    }
    85% {
        transform: translate(-5px, 5px);
    }
    90%, 95% {
        transform: translate(0, 0);
    }
}

.shake-element {
    animation: shake 2s linear infinite;
}


@keyframes wobble {
    0%, 50% {
        transform: translate(0, 0);
    }
    52% {
        transform: translate(-5px, 0) rotate(-5deg);
    }
    55% {
        transform: translate(5px, 0) rotate(5deg);
    }
    58% {
        transform: translate(-5px, 0) rotate(-5deg);
    }
    61% {
        transform: translate(5px, 0) rotate(5deg);
    }
    64% {
        transform: translate(-5px, 0) rotate(-5deg);
    }
    67% {
        transform: translate(5px, 0) rotate(5deg);
    }
    70% {
        transform: translate(-5px, 0) rotate(-5deg);
    }
    73% {
        transform: translate(5px, 0) rotate(5deg);
    }
    76% {
        transform: translate(-5px, 0) rotate(-5deg);
    }
    79%, 100% {
        transform: translate(0, 0);
    }
}

.wobble-element {
    animation: wobble 2s linear infinite;
}


@keyframes bounce {
    0%, 50% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(-20px);
    }
    70% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(-10px);
    }
    90% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}

.bounce-element {
    animation: bounce 2s linear infinite;
}

@keyframes jello {
    0%, 50% {
        transform: none;
    }
    54% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    58% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    62% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    68% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    72% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    76% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    80% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
    100% {
        transform: none;
    }
}

.jello-element {
    animation: jello 2s linear infinite;
}


@keyframes heartbeat {
    0%, 50% {
        transform: scale(1);
    }
    55% {
        transform: scale(1.3);
    }
    60% {
        transform: scale(1);
    }
    65% {
        transform: scale(1.3);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

.heartbeat-element {
    animation: heartbeat 2s linear infinite;
}


@keyframes tada {
    0%, 50% {
        transform: scale(1);
    }
    52% {
        transform: scale(1.2) rotate(3deg);
    }
    55% {
        transform: scale(1.2) rotate(-3deg);
    }
    58% {
        transform: scale(1.2) rotate(3deg);
    }
    61% {
        transform: scale(1.2) rotate(-3deg);
    }
    64% {
        transform: scale(1.2) rotate(3deg);
    }
    67%, 100% {
        transform: scale(1);
    }
}

.tada-element {
    animation: tada 2.5s linear infinite;
}