#video-call-div,
#video-receiver-call-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#local-video,
#local-receiver-video {
    position: absolute;
    top: 0;
    left: 0;
    margin: 16px;
    border-radius: 16px;
    max-width: 20%;
    max-height: 20%;
    background: #ffffff;
}

#remote-video,
#remote-receiver-video {
    background: #000000;
    width: 100%;
    height: 100%;
}

.call-action-div, .call-action-div-receiver {
    position: absolute;
    left: 0;
    bottom: 32px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.call-action-div button, .call-action-div-receiver button {
    margin: 0 5px;
}

button {
    cursor: pointer ;
}

.btn-chat, .call-action-div button, .call-action-div-receiver button{
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer
}

.btn-chat{
    background: #3e4684;
}

#receive-calling-container,
#make-calling-container {
    width: 100vw;
    height: 100vh;
    background: #2b2a2a;
}

#receive-calling-container p,
#make-calling-container p {
    margin-top: 40px;
    color: #fff;
}

.img-circular {
    border-radius: 50%;
    width: 180px;
    height: 180px;
    border: 1px solid #EEE;
    padding: 3px;
}