#promotional--modal .modal-content {
    border-radius: 25px;
}

@media (max-width: 575px) {
    #promotional--modal .modal-dialog {
        max-width: 340px;
    }
}
.promotional-modal--wrapper {
    display: flex;
    flex-direction: column;
    padding: 0px;
    position: relative;
}

.promotional-modal--wrapper .btn--modal-close {
    position: absolute;
    top: 9px;
    right: 7px;
    opacity: 1;
    cursor: pointer;
    width: 33px;
    height: 33px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 0px;
}

.promotional-modal--wrapper .btn--modal-close svg {
    fill: #ff4d4d;
    width: 100%;
    height: 100%;
}

.promotional-modal--wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 25px 25px 0px 0px;
}

@media (max-width: 767px) {
    .promotional-modal--wrapper img {
        height: 200px;
    }
}

/* content */

.promotional-modal--content {
    display: block;
    text-align: center;
    padding: 30px 30px;
}

.promotional-modal--title {
    font-size: 21px;
}

.promotional-modal--subtitle {
    letter-spacing: 0.4px;
    font-size: 15px;
}

.promotion--copy i {
    margin-right: 7px;
}