.acp-message-boxes {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: fixed;
        bottom: 40px;
        left: 40px;
        z-index: 1000000001;
        min-width: 300px;
    }
    .acp-message-boxes.show {
        display: flex;
    }
    .acp-message-boxes .message-box {
        border: 1px solid #E9EBF1;
        box-shadow: 0 12px 12px 0 #1C34721F;
        z-index: 6;
        border-radius: 4px;
        background: #FFF;
        display: flex;
        flex-direction: column;
    }
    .acp-message-boxes .message-box .message-text {
        font-family: YekanBakh;
        padding: 12px;
        color: #4C5E8C;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 0;
    }
    .acp-message-boxes .message-box .count-down {
        width: 100%;
        height: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        transition: width 4s linear;
    }
    .acp-message-boxes .message-box .count-down.success {
        background: linear-gradient(94.96deg, #0061FF 1.83%, #0095FF 100.4%);
    }
    .acp-message-boxes .message-box .count-down.failed {
        background: linear-gradient(94.96deg, #FF0048 1.83%, #FF5D8B 100.4%);
    }

    .acp-loader-box {
        display: flex;
        margin: auto;
        position: absolute;
        justify-content: center;
        align-items: center;
        background: #3c5e7b12;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 24px;
        z-index: 1000000001;
    }
    .acp-loader-box .acp-loader {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: inline-block;
        border-top: 3px solid #3e74fe;
        border-right: 3px solid transparent;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }
    .single-comment .acp-loader-box .acp-loader {
        position: absolute;
        top: 50px;
    }
    .comments-area .acp-loader {
        position: absolute;
        top: 50px;
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }


    @media only screen and (max-width: 760px) {
        .acp-loader-box {
            position: fixed;
        }
        .acp-message-boxes {
            right: 40px;
        }
    }