.vita-popup-wrapper{
    z-index: 214748300;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
}

.vita-popup-wrapper.active{
    display: flex;
    animation: popupWrapperAppear 0.5s;
    background-color: rgba(0, 0, 0, 0.6);
}

.vita-popup.active{
    animation: popupAppear 0.5s ease-in-out;
    display: flex;
} 

@keyframes popupAppear {
    from {transform: translatey(100vh);}
    to {transform: translatey(0);}
}

.vita-popup-wrapper.closing{
    background-color: rgba(0, 0, 0, 0);
}

@keyframes popupWrapperAppear {
    from {background-color: rgba(0, 0, 0, 0);}
    to {background-color: rgba(0, 0, 0, 0.6);}
}

.vita-popup{
    border-radius: 27px;
    transition: all 0.5s ease-in-out;
    max-height: 100vh;
    min-height: 400px;
}

.vita-popup.closing{
    transform: translateY(100vh);
}


.vita-popup-close {
    top: -10px;
}

.vita-popup-wave-image{
    border-radius: 27px 27px 0px 0px;
    margin-top: -1px;
}

.vita-popup-content-part {
    overflow-y: auto;
    height: auto;
    padding-top: 65px;
}

.vita-popup-content-part::-webkit-scrollbar {
    width: 9px;
    background-color: transparent;
  }
  
  .vita-popup-content-part::-webkit-scrollbar-track{
    height: 90px;
  }

  .vita-popup-content-part::-webkit-scrollbar-thumb {
    background: var(--accentColor);
    border-radius: 27px;
  }

.popup-portrait{
    transform: translateY(-50px);
    left: 48px;
    border-radius: 49px;
}

@media screen and (max-width: 800px) {
    .vita-popup {
        width: 100%;
        height: 100%;
        border-radius: 27px 27px 0px 0px;
    }

    .vita-popup-close--desktop { 
        display: none;
    }

    .vita-popup-close--mobile {
        display: block;
        height: 40px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
        top: 15px;
        left: 15px;
    }

    .popup-portrait{
        left: auto;
        height: 170px;
        width: 170px;
        transform: translateY(-45px);
        right: 48px;
    }

}

@media screen and (max-width: 779px) {
    .popup-portrait {
        right: 32px;
    }
}

/* xl screens */
@media screen and (min-width: 1900px) {
    .vita-popup {
        width: 800px;
        height: 680px;
    }
}


.vita-popup-content-part ul li{
    margin-top: 8px;
    margin-bottom: 8px;
}