.event-ticketing-container{
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    color: #071621;
    justify-content: center;
    .ticket-item{
        gap: 30px;
        display: flex;
        padding:30px 20px;
        align-items: center;
        border-radius: 30px;
        min-width: 300px;
        flex-direction: column;
        background-color: #F3F3F3;
        h3{
            font-size: 20px;
            color: #071621 ;
            text-align: center;
            font-weight: bold;
        }
        .ticket-price{
            margin-top: auto;
            font-size: 20px;
            color: #403756;
            font-weight: 800;
        }
        .ticket-benefits{
            gap: 10px;
            display: flex;
            max-width: 320px;
            flex-direction: column;
            .ticket-benefit{
                gap: 10px;
                display: flex;
                align-items: center;
            }
            svg{
                width: 25px;
                height: 25px;
                min-width: 25px;
                min-height: 25px;
            }
        }
       
        .ticket-buttons{
            
            gap: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .btn-buy{
            gap: 10px;
            display: flex;
            color: white;
            font-weight: 500;
            padding: 10px 20px;
            width: fit-content;
            border-radius: 30px;
            align-items: center;
            background-color: #403756;
        }
        .btn-discount{
            color: #403756;
            font-weight: 500;
            padding: 10px 20px;
            border-radius: 30px;
            border: 1px solid #403756;
        }
    }
}