.modal{
    background: #323232b0 !important;
}
.new-social-modal{
    z-index: +99999;
}
.new-social-modal .modal-dialog{
    margin: 0 auto;
    max-width: 300px;
}
.new-social-modal .modal-content{
    border: 1px solid var(--border-color);
    position: relative !important;
    z-index: +9;
    max-width: 300px;
    background: var(--background-white);
    border-radius: 30px;
    margin: auto;
}
.new-social-modal .modal-content::before {
    content: "";
    width: 100%;
    height: 100%;
    transform: rotateZ(-5deg);
    z-index: -1;
    position: absolute;
    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 6px );
    -webkit-backdrop-filter: blur( 6px );
    border-radius: 30px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    left:-5px;
}

.close-new-social-modal{
    background-color: transparent;
    border: none;
    font-size: 20px;
    transition: all .3s ease-in;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.close-new-social-modal:hover {
    background-color: var(--button-close-hover);
}
.modal-main-heading{
    font-size: 22px;
    font-weight: 500;
}
.modal-sub-text{
    font-size: 14px;
}
.new-modal-footer{
    border: none;
}
@media only screen and (max-width:767px){
    .new-social-modal .modal-content {
        position: relative !important;
        bottom: unset !important;
        margin: unset !important;
        width: 100% !important;
    }
}