.modal.index_modal.in .modal-dialog .modal-content{
    max-width: 100%;
    background: rgba(248, 242, 255, 1);
}
.modal.index_modal.in .modal-dialog{max-width: 1200px;width: 1200px;}
@media (max-width: 768px) {
    .modal.index_modal.in .modal-dialog .modal-content{
         max-width: 100%;
    }
}

.modal.index_modal.in .modal-dialog .modal-content img {
    width: 100%;
    margin: 0 auto;
    display: block;
}


    .modal.index_modal.in .modal-dialog .modal-header,
    .modal.index_modal.in .modal-dialog .modal-body{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .modal.index_modal.in .modal-dialog .modal-body .text{max-height: 420px;overflow-y: scroll;margin-bottom: 30px;}
    .modal.index_modal.in .modal-dialog .modal-body .text p{margin-top: 0;}
.modal.index_modal.in .modal-dialog .modal-content{
    border-radius: 15px;
    padding: 0;
    border: none;
}
.modal.index_modal.in .modal-dialog .modal-header{
    background: rgba(120, 49, 181, 0.75) no-repeat padding-box;
    border-radius: 15px 0px 100px 0px !important;
    color: #fff;
    width: 80%;
    margin-bottom: 30px;
}
.modal.index_modal.in .modal-dialog .modal-header h5{padding: 1rem 0;}
.index_modal .close{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9D9D9;
    border-radius: 34px;
    width: 50px;
    height: 50px;
}
.index_modal .close::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    left: 15px;
    background: #333;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 22px;
}
.index_modal .close::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    left: 15px;
    background: #333;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 22px;
}


.index_modal .modal-footer{
    padding: 0;
    height: 9px;
    background: transparent linear-gradient(91deg, #5F1CA2 0%, #8D4ECB 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 10px;
}

@media (max-width: 1280px) {
    .modal.index_modal.in .modal-dialog{width: 90%;max-width: 90%;}
}
@media (max-width: 767px) {
    .modal.index_modal.in .modal-dialog .modal-body .text{height: 270px;}
}