/* ==========================================================
   AlterMind Events
   ========================================================== */


/* ==========================================================
   HERO
   ========================================================== */

.events-hero{

    position:relative;

    overflow:hidden;

    padding:190px 0 120px;

    background:
        radial-gradient(circle at top right,
        rgba(124,92,255,.18),
        transparent 45%),

        radial-gradient(circle at bottom left,
        rgba(0,212,255,.12),
        transparent 40%);

}

.events-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
        rgba(255,255,255,.02),
        rgba(255,255,255,.01));

    pointer-events:none;

}

.events-hero .section-title{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

}

.events-hero h1{

    color:#fff;

    font-size:clamp(46px,6vw,68px);

    margin-bottom:25px;

}

.events-hero p{

    max-width:760px;

    margin:auto;

    color:rgba(255,255,255,.72);

    line-height:1.9;

}

.events-hero .am-buttons{

    justify-content:center;

    margin-top:45px;

}


/* ==========================================================
   GLOBAL
   ========================================================== */

.events-upcoming,
.event-types,
.events-history,
.events-faq,
.events-cta{

    padding:110px 0;

}

.events-upcoming .section-title,
.event-types .section-title,
.events-history .section-title,
.events-faq .section-title,
.events-cta .section-title{

    max-width:760px;

    margin:0 auto 70px;

}
/* ==========================================================
   EVENT CARD
   ========================================================== */

.event-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:38px;

    min-height:470px;

    border-radius:26px;

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

}

.event-card:hover{

    transform:translateY(-10px);

    border-color:rgba(124,92,255,.30);

    box-shadow:

        0 22px 45px rgba(124,92,255,.12);

}

.event-badge{

    display:inline-flex;

    width:max-content;

    padding:8px 14px;

    border-radius:999px;

    background:rgba(124,92,255,.12);

    color:var(--accent);

    font-weight:700;

    margin-bottom:25px;

}

.event-card h3{

    color:#fff;

    margin-bottom:24px;

    font-size:1.55rem;

}

.event-meta{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.event-meta li{

    display:flex;

    justify-content:space-between;

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.05);

    color:rgba(255,255,255,.72);

}

.event-meta strong{

    color:#fff;

}

.event-card .btn{

    width:100%;

}
/* ==========================================================
   GENERIC CARDS
   ========================================================== */

.event-types .card,
.events-history .card,
.events-faq .faq-item{

    padding:38px;

    border-radius:24px;

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

}

.event-types .card:hover,
.events-history .card:hover,
.events-faq .faq-item:hover{

    transform:translateY(-8px);

    border-color:rgba(124,92,255,.30);

}

.events-cta .section-title{

    max-width:920px;

    margin:auto;

    padding:70px 60px;

    border-radius:30px;

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.08);

}

.events-cta .am-buttons{

    justify-content:center;

    margin-top:40px;

}
/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:992px){

    .grid-3{

        grid-template-columns:1fr;

    }

    .grid-2{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .events-hero{

        padding:130px 0 80px;

    }

    .events-upcoming,
    .event-types,
    .events-history,
    .events-faq,
    .events-cta{

        padding:75px 0;

    }

    .events-cta .section-title{

        padding:40px 28px;

    }

    .events-hero .am-buttons{

        flex-direction:column;

    }

    .events-hero .btn{

        width:100%;

    }

}