.loader{
    width: 145px;
    height: 70px;
    margin: 40px auto;
}
.loader p {
    font-size: 15px;
    color: var(--black-color);
}
.loader .loader-inner{
    display: inline-block;
    width: 15px;
    border-radius: 15px;
    background: var(--red-color);
}
.loader .loader-inner:nth-last-child(1){
    -webkit-animation: loading 1.5s 1s infinite;
    animation: loading 2.5s 2.5s infinite;
}
.loader .loader-inner:nth-last-child(2){
    -webkit-animation: loading 1.5s .5s infinite;
    animation: loading 2.5s 2s infinite;
}
.loader .loader-inner:nth-last-child(3){
    -webkit-animation: loading 1.5s 0s infinite;
    animation: loading 2.5s 1.5s infinite;
}
.loader .loader-inner:nth-last-child(4){
    -webkit-animation: loading 1.5s 1s infinite;
    animation: loading 2.5s 1s infinite;
}
.loader .loader-inner:nth-last-child(5){
    -webkit-animation: loading 1.5s .5s infinite;
    animation: loading 2.5s .5s infinite;
}
.loader .loader-inner:nth-last-child(6){
    -webkit-animation: loading 1.5s 0s infinite;
    animation: loading 2.5s 0s infinite;
}
@-webkit-keyframes loading{
    0%{
        height: 15px;
    }
    50%{
        height: 35px;
    }
    100%{
        height: 15px;
    }
}
@keyframes loading{
    0%{
        height: 15px;
    }
    50%{
        height: 35px;
    }
    100%{
        height: 15px;
    }
}