.modal .modal-content {
    border: 1px solid #cf0099;
    border-radius: 10px;
    overflow: hidden;
}
.modal .modal-content .modal-header {
    background-color: #cf0099;
}
.modal .modal-content .modal-body {
    background-color: #0a172d;
    padding: 40px 15px 60px;
    text-align: center;
}
.modal .modal-content .modal-body .modal-title {
    font-weight: 800;
    font-family: Outfit,Arial,sans-serif;
    font-size: 2.1rem;
    margin: 0;
    color: #fff;
}

.offre-card-warp {
    width:auto;
}

    .offre-card-warp .offre-card .offre-text h2 {
        width: auto;
        font-size: 1.5rem;
        line-height: calc(1.575rem + .9vw);
        color: rgba(228,235,249,0);
    }