.preview{
        position: relative;
        Left: 20%;
    }

    .dot {
        height: 50px;
        width: 50px;
        background-color: white;
        border-radius: 50%;
        margin-top: -25px;
    }

    .new-msgs {
        position: relative;
        left: 30%;
        bottom: 150px;
    }

    .new-msg {
        position: relative;
        left: 30%;

    }

    .icon-d-xl{
        background: rgba(255,165,0,0.4);
        border-radius: 100%;
        height: 100px;
        width: 100px;
        font-size: 50px;
        color: orange;
    }