.popupModal .modal-content.pink {
    border: none;
    padding: 10px;
    border-radius: 15px;
    background: linear-gradient(135deg, #FD529E 0%, #FD529E 100%);
    position: relative;
    z-index: 0;
}

.popupModal .modal-content.blue {
    border: none;
    padding: 10px;
    border-radius: 15px;
    background: linear-gradient(135deg, #8588fe 0%, #8183fd 100%);
    position: relative;
    z-index: 0;
}

.popupModal .modal-body {
    position: relative;
    z-index: 1;
    background: white;
    border-radius: 10px;
    margin: 10px;
    padding: 20px;
}


.popupModal .modal-content.blue::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(135deg, #6e6dff 0%, #6e6dff 100%);
    clip-path: polygon(0% 0%, 0 76%, 16% 79%, 100% 53%, 100% 0%);
    z-index: 0;
}

.popupModal .modal-content.pink::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(135deg, #fa3e93 0%, #fa3e93 100%);
    clip-path: polygon(0% 0%, 0 76%, 16% 79%, 100% 53%, 100% 0%);
    z-index: 0;
}

.text-blue-gradient {
    background: linear-gradient(135deg, #644dfc, #553bfe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.text-pink-gradient {
    background: linear-gradient(135deg, #f86eac, #d9287c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.popup-package {
    background-color: #f4f5ff;
    border: 1px dashed rgba(123, 97, 255, 0.4);
    border-radius: 20px;
}

.text-secondary-2 {
    color: #979BB7;
}

.bg-pink {
    background: linear-gradient(135deg, #fa3e93 0%, #fa3e93 100%);
}

.gold-badge {
    border-radius: 25px;
    width: max-content;
    text-align: center;
    padding: 5px 10px;
    background: linear-gradient(90deg, #f5e5a4 0%, #c4b875 50%, #f5e5a4 100%);
}

.pink-badge {
    border-radius: 25px;
    width: max-content;
    text-align: center;
    padding: 5px 10px;
    background: linear-gradient(90deg, #ce62b8a8 0%, #ce56b6 50%, #ce62b8a8 100%);
    color: #fff;
}

.blue-badge {
    border-radius: 25px;
    width: max-content;
    text-align: center;
    padding: 5px 10px;
    background: linear-gradient(90deg, #644dfc 0%, #553bfe 50%, #553bfea8 100%);
    color: #fff;
}