/* =========================================
   AKI FEST TICKETS STYLE
========================================= */


/* =========================
   TICKETS SECTION
========================= */

.tickets-container {

    margin-top:50px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    max-width:1200px;

    margin-left:auto;

    margin-right:auto;

}



/* =========================
   TICKET CARD BASE
========================= */


.ticket-card {

    position:relative;

    background:white;

    padding:40px 30px;

    border-radius:40px;

    text-align:center;

    border:3px solid #ffd6e7;

    box-shadow:

    0 15px 40px rgba(255,140,183,.15);

    transition:.35s ease;

    overflow:hidden;

}



/* Hover */


.ticket-card:hover {

    transform:translateY(-10px);

}





/* =========================
   TICKET ICON
========================= */


.ticket-icon {

    width:75px;

    height:75px;

    margin:0 auto 20px;

    object-fit:contain;

}





/* =========================
   TITLE
========================= */


.ticket-card h3 {

    font-size:32px;

    color:#ff75a8;

    margin-bottom:20px;

}





/* =========================
   PRICE
========================= */


.price {

    font-size:50px;

    font-weight:900;

    color:#ff75a8;

    margin-bottom:25px;

}





/* =========================
   FEATURES LIST
========================= */


.ticket-card ul {

    text-align:left;

    padding-left:25px;

    margin-bottom:30px;

}



.ticket-card li {

    margin-bottom:14px;

    color:#666;

    line-height:1.5;

}







/* =========================
   TICKET BUTTON
========================= */


.ticket-card .main-button {

    margin:20px auto 0;

    width:90%;

}





/* =========================
   STANDARD TICKET
========================= */


.ticket-card.standard {

    border:3px solid #ffd6e7;

}





/* =========================
   PREMIUM TICKET
========================= */


.ticket-card.premium {

    border:3px solid #ffb3d0;

    background:

    linear-gradient(

        145deg,

        #ffffff,

        #fff0f7

    );

}





/* =========================
   VIP TICKET
========================= */


.ticket-card.vip {

    border:3px solid #ff8cb7;

    background:

    linear-gradient(

        145deg,

        #fff4f9,

        #ffd6e7

    );

}







/* =========================
   NOTES UNDER TICKETS
========================= */


.ticket-note,
.free-entry-note {


    margin:40px auto 0;

    max-width:900px;

    background:white;

    padding:25px 35px;

    border-radius:30px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    box-shadow:

    0 10px 30px rgba(255,140,183,.12);

}



.ticket-note img,
.free-entry-note img {


    width:45px;

}





/* =========================
   TABLET
========================= */


@media(max-width:1100px){


    .tickets-container {


        grid-template-columns:1fr;

        max-width:600px;


    }



    .ticket-card {


        width:100%;


    }


}







/* =========================
   MOBILE
========================= */


@media(max-width:850px){


    .tickets-container {


        display:grid;

        grid-template-columns:1fr !important;

        gap:25px;

        width:100%;


    }



    .ticket-card {


        width:100%;

        padding:35px 25px;

        border-radius:30px;


    }



    .ticket-card h3 {


        font-size:28px;


    }



    .price {


        font-size:42px;


    }



    .ticket-card li {


        font-size:15px;


    }



}







/* =========================
   SMALL PHONES
========================= */


@media(max-width:400px){


    .ticket-card {


        padding:25px 15px;


    }



    .ticket-card h3 {


        font-size:24px;


    }



    .price {


        font-size:36px;


    }


}