/*     .Checkmark > li::marker{
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        content: "";
        background: url('../images/icon-item.png');
        background-size: 100%;
    } */


.CustomPCard {
    border-radius: 20px 50px 20px 50px;
    margin-right: 1%;
    margin-left: 1%;
    background-color: #001e4b;
    color: white;
    width: 20rem;
}

.Background {
    background-image: linear-gradient(180deg, #6D3BF5 0%, #30DDC1 50.5%, #BDE6D5 96.5%) !important;
    width: 20.5rem;
    padding-top: 2px;
    padding-bottom: 2px;
}

.CustomPCard:hover {
    background-color: white;
    color: black;
}


.CustomPCard > .card-body > .card-title > h5 {
    background: linear-gradient(90deg, #BBA5F7 14.09%, #DEC6FD 95.3%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.CustomPCard:hover > .card-body > .card-title > h5 {
    color: #1e0095;
}

.CustomPCard > .card-body > .btn {
    border-radius: 1000px;
    margin-bottom: 3%;
    width: 60%;
    background-color: #5E2DE3;
    font-weight: bold;
    border: none;
}

.CustomPCard > .card-body > .btn:hover {
    background: linear-gradient(270deg, #9DFFEF 10.85%, #83FFEA 66.85%, #54F5DA 95.74%);
    color: black;
}

.DicountedPrice {
    font-size: 3rem;
    font-weight: bold;
}

.OrignalPrice {
    margin-left: 2%;
    font-size: 1rem;
}

.Checkmark {
    list-style-image: url('../images/file.svg');
}

.TicketHolder {
    padding: 2%;
    display: flex;
    justify-content: center;
}

@media(max-width:768px){
    .TicketDeck {
        width:100%;
        max-width:unset;
    }
}

@media(max-width:680px) {
    .CustomPCard {
        width: 17rem;
    }

    .Background {
        width: 17.5rem;
    }

    .TicketDeck {
        margin-left: unset;
        margin-right: unset;
    }
}

@media(max-width:680px) {
    .TicketHolder {
        padding: 2%;
        display: grid;
        justify-content: center;
    }

    .CustomPCard {
        width: 24rem;
        margin-top:2%;
    }

    .CustomPCard:nth-child(2) {
        margin-top: 4%;
    }

    .Background {
        width: 24.5rem;
    }
}

@media(max-width:370px) {
    .CustomPCard {
        width: 22rem;
    }

    .Background {
        width: 22.5rem;
    }
}


@media(max-width:360px) {
    .CustomPCard {
        width: 20rem;
    }

    .Background {
        width: 20.5rem;
    }
}

@media(max-width:320px) {
    .CustomPCard {
        width: 19rem;
    }

    .Background {
        width: 19.5rem;
    }
}