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

.lgx-hero-section{

    background:
    radial-gradient(
        circle at center,
        rgba(255,255,255,0.95) 0%,
        rgba(235,242,245,0.95) 45%,
        rgba(223,234,238,0.95) 100%
    );

    padding:40px 20px 60px;
}

.lgx-hero-container{

    max-width:1400px;
    margin:0 auto;

    text-align:center;
}

/* DATE */

.lgx-hero-date{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 20px;

    border-radius:999px;

    border:1px solid #c9d6ff;

    background:#eef2ff;

    margin-bottom:30px;
}

.lgx-hero-date img{

    width:24px;
    height:24px;
    object-fit:contain;
}

.lgx-hero-date span{

    font-size:18px;
    font-weight:600;

    color:#6d7cff;
}

/* TITLE */

.lgx-hero-title{

    margin:0;

    font-size:50px;
    line-height:normal;

    font-weight:800;

    color:#67bdf0;
}

/* TIMEZONE */

.lgx-hero-timezone{

    margin-top:25px;

    font-size:22px;
    font-weight:600;

    color:#7a7a7a;
}

/* ADS */

.lgx-hero-ads{

    width:100%;

    max-width:1200px;

    min-height:250px;

    margin:40px auto 0;

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#9ca3af;

    font-size:16px;
}

/* TABLET */

@media(max-width:1024px){

    .lgx-hero-title{

        font-size:60px;
    }

}
    
/* MOBILE */

@media(max-width:768px){

    .lgx-hero-section{

        padding:30px 15px 40px;
    }

    .lgx-hero-title{

        font-size:34px;
        line-height:1.4;
    }

    .lgx-hero-date{

        padding:8px 14px;
    }

    .lgx-hero-date span{

        font-size:14px;
    }

    .lgx-hero-timezone{

        font-size:18px;
    }

    .lgx-hero-ads{

        min-height:120px;
    }

}