.box-contact{
    width:600px;
}

.text-danger{
    color:red;
}

.list-service{
    list-style-type:disc !important;
    margin-right:23px;
}

.backdrop-blur {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    inset: 0;
    z-index: 9999999999;
    display: block;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #e2e3e5;
    display: none;
}



.modal-detail-product {
    width: 65.0000000%;
    /* min-height: 200px; */
    position: fixed;
    display: none;
    background-color: rgb(255 255 255 / 1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 15px;
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    max-height: calc(100vh - 2rem);
    /* overflow-y: auto; */
    z-index: 9999999999;
    padding: 15px;
    padding-left: 5px;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.box-modal-detail-product {
    height: max-content;
    overflow-y: auto;
    max-height: calc(72vh - 1rem);
    padding-left: 10px;
}

.modal-detail-product .btn-modal-detail-product {
    position: absolute;
    right: -10px;
    top: -10px;
    border: none;
    background: transparent;
    cursor: pointer;
}