.modal-backdrop.show {
    opacity: 0.2;
}

.modal-shadow {
    -webkit-box-shadow: 0 2px 19px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 2px 19px rgba(0,0,0,.0700667);
    box-shadow: 0 2px 19px rgb(0 0 0 / 7%);
}

.modal-content {
    border-color: transparent;
    border-radius: 0.6rem;
}

.modal-body,
.modal-header,
.modal-footer {
    border: none;
    padding: 1rem 1.3rem;
}

.modal-title {
    font-size: 1.4rem;
}


.absolute-close {
    border: none;
    padding: 0;
    right: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-top: -10px;
    margin-right: -10px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    box-shadow: rgb(51 51 51 / 13%) 0px 4px 12px 0px;
}

.absolute-close svg {
    fill: var(--color-gray);
}



@media (min-width: 576px) {

    .modal-dialog {
        max-width: 510px;
    }

    .modal-sm {
        max-width: 310px;
    }

    .modal-md {
        max-width: 380px;
    }
}




@media (min-width: 992px){
    .modal-lg {
        max-width: 870px;
    }


    .modal-xl {
        max-width: 800px;
    }
}