.btn-close{
    background-image: none;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    opacity: 1 !important;
    position: fixed;
    right: 10px;
    top: 10px;
    background-color: rgb(0 0 0 / 65%);
    font-size: 24px;
    z-index: 99999;
    font-weight: 900;
    box-shadow: none !important;
    background: rgb(0 0 0 / 65%);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 20px );
    -webkit-backdrop-filter: blur( 20px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    color: var(--white-color) !important;
}


.modal ::-webkit-scrollbar {
    display: none;
}

.modal-backdrop.show{
    background: #7c7c7c7c;
    opacity: 1;
    backdrop-filter: blur(2px);
}

/*.modal-open{*/
/*    position: relative;*/
/*}*/

.modal-open{
    /*position: relative;*/
    overflow: hidden !important;
    height: 100vh;
}