html .infograd-modal{
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    position: fixed;
    transition: .4s all;
}

html .main.modal-open{
    position: relative;
}

html .infograd-modal.in{
    animation: none;
}

.infograd-modal__reviews .form-popup__reviews {
    overflow-y: scroll;
    max-height: 600px;
}
@media screen and (max-width: 875px) and (min-width: 500px){
    .infograd-modal__reviews .form-popup__reviews {
        max-height: 500px;
    }
}


.infograd-modal ol,
.infograd-modal ul{
    padding: 5px 0;
    padding-left: 20px;
}

/* .infograd-modal.modal-type-info{
    max-width: 800px;
} */

.infograd-modal-close{ 
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: unset;
    z-index: 9999;
    box-sizing: border-box;
}

.infograd-modal-close::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #000;
    top: 19px;
    left: 8px;
    transform: rotate(45deg);
}

.infograd-modal-close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 24px;
    background-color: #000;
    top: 8px;
    left: 19px;
    transform: rotate(45deg);
}

.infograd-modal-content .tooltipe-image_wrapper{
    padding-bottom: 20px;
}

.infograd-modal-content img{
    max-width: 100%;
    height: auto;
    padding: 15px 0;
}

@media (max-width:767px){
    .infograd-modal-content {
        width: 95%;
        margin-top: 15%;
    }
}