/* =========================================
   AKI FEST MEGA BOXES
========================================= */


/* =========================
   MEGABOX SECTION
========================= */


.megaboxes {


    padding:80px 20px;


    text-align:center;


    overflow:hidden;


}







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


.megaboxes .section-title h2 {


    font-size:42px;


    color:#ff6fa9;


    font-family:'Fredoka',sans-serif;


}







.megaboxes .section-title p {


    color:#666;


    font-size:18px;


    line-height:1.6;


    max-width:700px;


    margin:auto;


}







/* =========================
   BOX CONTAINER
========================= */


.megabox-container {


    display:flex;


    justify-content:center;


    flex-wrap:wrap;


    gap:30px;


    margin-top:45px;


}







/* =========================
   MEGABOX CARD
========================= */


.megabox-card {


    width:300px;


    padding:35px 25px;


    background:white;


    border-radius:35px;


    border:3px solid #ffd8ea;


    box-shadow:


    0 15px 35px rgba(255,140,190,.18);


    transition:.35s ease;


    overflow:hidden;


}







.megabox-card:hover {


    transform:translateY(-12px);


}







/* =========================
   BOX ICON
========================= */


.box-icon {


    font-size:75px;


    margin-bottom:20px;


}







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


.megabox-card h3 {


    font-size:30px;


    color:#ff6fa9;


    font-family:'Fredoka',sans-serif;


}







/* =========================
   TICKET LABEL
========================= */


.ticket-type {


    display:inline-block;


    margin:15px 0;


    padding:8px 20px;


    border-radius:30px;


    background:#ffe0ef;


    color:#d94d89;


    font-weight:700;


    font-size:15px;


}







/* =========================
   DESCRIPTION
========================= */


.megabox-card p {


    color:#666;


    line-height:1.7;


    font-size:16px;


}







/* =========================
   BOX TYPES
========================= */


.megabox-card.mini {


    border-color:#ffd9ec;


}



.megabox-card.premium {


    border-color:#ffb8d8;


}



.megabox-card.vip {


    border-color:#ff86bd;


    background:


    linear-gradient(

    145deg,

    #fff5fa,

    #ffe4f1

    );


}







/* =========================
   SECRET BOX AREA
========================= */


.megabox-secret {


    max-width:850px;


    margin:70px auto 0;


    padding:40px;


    border-radius:40px;


    background:#fff5fa;


    box-shadow:


    0 10px 30px rgba(255,150,200,.15);


}







.megabox-secret h3 {


    color:#ff6fa9;


    font-size:32px;


    font-family:'Fredoka',sans-serif;


}







.megabox-secret p {


    color:#555;


    font-size:18px;


    line-height:1.8;


}







.megabox-secret strong {


    color:#ff4f9d;


}







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


@media(max-width:1000px){


    .megabox-container {


        gap:25px;


    }



    .megabox-card {


        width:280px;


    }


}







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


@media(max-width:850px){


    .megaboxes {


        padding:60px 15px;


    }



    .megaboxes .section-title h2 {


        font-size:32px;


        line-height:1.2;


    }



    .megaboxes .section-title p {


        font-size:15px;


        padding:0 10px;


    }



    .megabox-container {


        display:flex;


        flex-direction:column;


        align-items:center;


        gap:25px;


        margin-top:35px;


    }



    .megabox-card {


        width:100%;


        max-width:340px;


        padding:30px 20px;


        border-radius:30px;


    }



    .box-icon {


        font-size:60px;


    }



    .megabox-card h3 {


        font-size:26px;


    }



    .ticket-type {


        font-size:13px;


        padding:7px 16px;


    }



    .megabox-card p {


        font-size:14px;


        line-height:1.6;


    }



    .megabox-secret {


        width:100%;


        padding:25px 20px;


        margin-top:45px;


        border-radius:30px;


    }



    .megabox-secret h3 {


        font-size:25px;


    }



    .megabox-secret p {


        font-size:15px;


    }


}







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


@media(max-width:400px){


    .megabox-card {


        padding:25px 15px;


    }



    .box-icon {


        font-size:50px;


    }



    .megabox-secret {


        padding:20px 15px;


    }


}