.elementor-870 .elementor-element.elementor-element-26e8c90{--display:flex;}.elementor-870 .elementor-element.elementor-element-9ac42e0{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-870 .elementor-element.elementor-element-5e5785e img{width:62%;}.elementor-870 .elementor-element.elementor-element-8b1f1a4{--display:flex;}.elementor-870 .elementor-element.elementor-element-b075dcd{--display:flex;}/* Start custom CSS for html, class: .elementor-element-681861b */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#f7f9fc;
    color:#222;
    line-height:1.7;
}

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

.hero{
    position:relative;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    overflow:hidden;

    background:url("https://scholasticah.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-4-2026-04_41_36-PM.png") center center/cover no-repeat;
}

/* Blue Overlay */

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(3,18,48,.90) 0%,
        rgba(5,35,78,.78) 45%,
        rgba(8,25,55,.65) 100%
    );
    z-index:1;
}

.hero-box{
    position:relative;
    z-index:2;

    max-width:900px;
    width:100%;

    background:rgba(6,22,58,.45);

    backdrop-filter:blur(14px);

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

    border-radius:20px;

    padding:50px;

    box-shadow:0 25px 60px rgba(0,0,0,.45);

    color:#fff;
}

/* TEXT */

.hero h3{
    color:#FFD54F;
    font-size:18px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.hero h1{
    font-size:60px;
    line-height:1.1;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;
    text-shadow:0 4px 15px rgba(0,0,0,.9);
}

.hero p{
    color:#fff;
    font-size:18px;
    line-height:1.8;
    opacity:1;
    margin-bottom:10px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.hero strong{
    color:#FFD54F;
}

.hero .venue{
    margin-top:18px;
    font-size:18px;
}

/* ================= COUNTDOWN ================= */

.countdown{
    margin-top:35px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.box{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:22px;
    text-align:center;
}

.box h2{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:6px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.box span{
    color:#FFD54F;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

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

section{
    padding:80px 10%;
}

.title{
    font-size:40px;
    color:#123A6F;
    margin-bottom:30px;
}

.about{
    max-width:1100px;
    margin:auto;
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-top:35px;
}

.card{
    background:#fff;
    padding:28px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.card:hover{
    transform:translateY(-8px);
}

.card h4{
    color:#0B3B70;
}

.info{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;
    margin-top:30px;
}

.info div{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

footer{
    background:#0A2C5F;
    color:#fff;
    padding:50px;
    text-align:center;
    margin-top:70px;
}

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

@media(max-width:768px){

.hero{
    height:auto;
    padding:100px 20px;
}

.hero-box{
    padding:30px;
}

.hero h1{
    font-size:38px;
}

.hero p{
    font-size:16px;
}

.countdown{
    grid-template-columns:repeat(2,1fr);
}

.box h2{
    font-size:32px;
}

.title{
    font-size:32px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53a75aa */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#f7f9fc;
    color:#222;
    line-height:1.7;
}

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

.hero{
    position:relative;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    overflow:hidden;

    background:url("https://scholasticah.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-4-2026-04_41_36-PM.png") center center/cover no-repeat;
}

/* Blue Overlay */

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(3,18,48,.90) 0%,
        rgba(5,35,78,.78) 45%,
        rgba(8,25,55,.65) 100%
    );
    z-index:1;
}

.hero-box{
    position:relative;
    z-index:2;

    max-width:900px;
    width:100%;

    background:rgba(6,22,58,.45);

    backdrop-filter:blur(14px);

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

    border-radius:20px;

    padding:50px;

    box-shadow:0 25px 60px rgba(0,0,0,.45);

    color:#fff;
}

/* TEXT */

.hero h3{
    color:#FFD54F;
    font-size:18px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.hero h1{
    font-size:60px;
    line-height:1.1;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;
    text-shadow:0 4px 15px rgba(0,0,0,.9);
}

.hero p{
    color:#fff;
    font-size:18px;
    line-height:1.8;
    opacity:1;
    margin-bottom:10px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.hero strong{
    color:#FFD54F;
}

.hero .venue{
    margin-top:18px;
    font-size:18px;
}

/* ================= COUNTDOWN ================= */

.countdown{
    margin-top:35px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.box{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:22px;
    text-align:center;
}

.box h2{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:6px;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.box span{
    color:#FFD54F;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

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

section{
    padding:80px 10%;
}

.title{
    font-size:40px;
    color:#123A6F;
    margin-bottom:30px;
}

.about{
    max-width:1100px;
    margin:auto;
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-top:35px;
}

.card{
    background:#fff;
    padding:28px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.card:hover{
    transform:translateY(-8px);
}

.card h4{
    color:#0B3B70;
}

.info{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;
    margin-top:30px;
}

.info div{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

footer{
    background:#0A2C5F;
    color:#fff;
    padding:50px;
    text-align:center;
    margin-top:70px;
}

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

@media(max-width:768px){

.hero{
    height:auto;
    padding:100px 20px;
}

.hero-box{
    padding:30px;
}

.hero h1{
    font-size:38px;
}

.hero p{
    font-size:16px;
}

.countdown{
    grid-template-columns:repeat(2,1fr);
}

.box h2{
    font-size:32px;
}

.title{
    font-size:32px;
}

}/* End custom CSS */