/* ==========================
        ATB NEWS
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Hind Siliguri',sans-serif;

    background:
    linear-gradient(
    180deg,
    #071426,
    #0A2747,
    #071426);

    color:#ffffff;

    min-height:100vh;
}

/* Scrollbar */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#02101e;

}

::-webkit-scrollbar-thumb{

    background:#d4af37;

    border-radius:20px;

}

/* Container */

.container{

    width:90%;

    max-width:1300px;

    margin:auto;

    padding:50px 20px;

}

/* Heading */

h1{

    font-size:100px;

    text-align:center;

    color:#FFD700;

    font-family:
    'Noto Serif Bengali',serif;

    letter-spacing:2px;

    margin-bottom:20px;

}

p{

    text-align:center;

    font-size:20px;

    color:#d8d8d8;

}

/*=========================================
            HEADER
=========================================*/

/*==================================
        HEADER
===================================*/

.top-header{

    position:relative;

    background:
    linear-gradient(
    rgba(2,15,38,.65),
    rgba(4,25,60,.85)),
    url("../images/newsroom-banner.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    border-bottom:4px solid #FFD700;

    overflow:hidden;

}

/* Dark Overlay */

.top-header::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at center,
    rgba(255,215,0,.10),
    transparent 60%);

    pointer-events:none;

}

/* Container */

.header-container{

    max-width:1600px;

    margin:auto;

    padding:25px 35px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

/* Left */

.header-left{

    width:120px;

}

.logo{

    width:140px;

    transition:.35s;

    filter:

    drop-shadow(0 0 8px rgba(255,215,0,.5))
    drop-shadow(0 0 18px rgba(255,215,0,.3));

}

.logo:hover{

    transform:scale(1.05);

}

.logo-section{

    display:flex;

    align-items:center;

    gap:25px;

}

.logo-text h1{

    font-family:'Bebas Neue',sans-serif;

    font-size:72px;

    letter-spacing:4px;

    color:#FFD700;

    margin:0;

    line-height:1;

    text-shadow:

    0 4px 12px rgba(0,0,0,.6);

}

.logo-text p{

    margin-top:10px;

    font-size:20px;

    color:#ffffff;

}

.date-time{

    text-align:right;

    color:white;

}

#currentDate{

    color:#FFD700;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

#currentTime{

    font-size:42px;

    font-weight:bold;

    text-shadow:0 2px 10px rgba(0,0,0,.8);

}

/* Center */

.header-center{

    flex:1;

    text-align:center;

}

.header-center h1{

    margin:0;

    font-size:42px;

    color:#FFD700;

    letter-spacing:3px;

}

.tagline{

    margin-top:8px;

    font-size:18px;

    color:#dddddd;

}

/* Right */

.header-right{

    width:220px;

    text-align:right;

}

#currentDate{

    color:#FFD700;

    font-size:18px;

    margin-bottom:10px;

    font-weight:bold;

}

#currentTime{

    font-size:26px;

    color:white;

    font-weight:bold;

}

/*=========================================
        Responsive
=========================================*/

@media(max-width:900px){

.top-header{

    flex-direction:column;

    text-align:center;

    gap:20px;

}

.header-left,
.header-right{

    width:100%;

    text-align:center;

}

.header-center h1{

    font-size:34px;

}



}

/*==========================================
            NAVBAR
==========================================*/

.navbar{

    position:sticky;

    top:0;

    z-index:999;

    background:#003c7d;

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

    border-bottom:3px solid #FFD700;

}

.nav-container{

    width:90%;

    max-width:1300px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

}

.nav-container a{

    color:white;

    text-decoration:none;

    padding:18px 22px;

    font-size:18px;

    transition:.3s;

    position:relative;

}

.nav-container a:hover{

    background:#0058b3;

}

.nav-container a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:8px;

    width:0;

    height:3px;

    background:#FFD700;

    transition:.3s;

}

.nav-container a:hover::after{

    width:80%;

    left:10%;

}

@media(max-width:900px){

.nav-container{

    justify-content:center;

}

.nav-container a{

    width:50%;

    text-align:center;

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

}

}

@media(max-width:600px){

.nav-container a{

    width:100%;

}

}

/*================================================
            BREAKING NEWS
================================================*/

.breaking-news{

    display:flex;

    align-items:center;

    background:#01254c;

    border-top:2px solid #FFD700;

    border-bottom:2px solid #FFD700;

    overflow:hidden;

}

/* Left Label */

.breaking-label{

    background:#b30000;

    color:white;

    font-weight:bold;

    padding:14px 22px;

    white-space:nowrap;

    font-size:17px;

    letter-spacing:1px;

}

/* Right Area */

.ticker-wrapper{

    overflow:hidden;

    width:100%;

    position:relative;

}

.ticker-content{

    display:inline-flex;

    white-space:nowrap;

    animation:tickerMove 35s linear infinite;

}

.ticker-content span{

    color:#FFD700;

    font-size:18px;

    padding:14px 60px;

}

.ticker-content:hover{

    animation-play-state:paused;

}

/* Animation */

@keyframes tickerMove{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@media(max-width:768px){

.breaking-news{

    flex-direction:column;

}

.breaking-label{

    width:100%;

    text-align:center;

}

.ticker-content span{

    font-size:16px;

    padding:12px 35px;

}

}

.section-title{

text-align:center;

margin:40px 0;

font-size:36px;

color:#FFD700;

}

.home-grid{

display:grid;

grid-template-columns:2fr 1fr;

gap:30px;

}

.left-news{

background:#0f2747;

border-radius:15px;

overflow:hidden;

box-shadow:0 10px 20px rgba(0,0,0,.4);

}

.left-news img{

width:100%;

height:420px;

object-fit:cover;

}

.left-news h2{

padding:20px;

color:#FFD700;

}

.left-news p{

padding:0 20px 20px;

text-align:left;

}

.left-news a{

display:inline-block;

margin:20px;

color:#FFD700;

text-decoration:none;

}

.sidebar{

display:flex;

flex-direction:column;

gap:20px;

}

.side-card{

display:flex;

gap:15px;

background:#102d50;

padding:12px;

border-radius:12px;

transition:.3s;

}

.side-card:hover{

transform:translateY(-5px);

}

.side-card img{

width:120px;

height:90px;

object-fit:cover;

border-radius:8px;

}

.side-card h4{

align-self:center;

color:white;

}

.second-feature{

margin-top:40px;

background:#0f2747;

border-radius:15px;

overflow:hidden;

}

.second-feature img{

width:100%;

height:350px;

object-fit:cover;

}

.second-feature h2{

padding:20px;

color:#FFD700;

}

.second-feature p{

padding:0 20px 20px;

text-align:left;

}

.second-feature a{

display:inline-block;

margin:20px;

color:#FFD700;

text-decoration:none;

}

@media(max-width:900px){

.home-grid{

grid-template-columns:1fr;

}

.side-card{

flex-direction:column;

}

.side-card img{

width:100%;

height:200px;

}

}

/*==============================
      HOME PAGE
===============================*/

.section-title{

    text-align:center;

    margin:40px 0;

    color:#FFD700;

    font-size:36px;

}

/* Layout */

.news-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:25px;

}

/* Main Story */

.main-story,
.second-story{

    background:#102846;

    border-radius:16px;

    overflow:hidden;

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

    box-shadow:0 12px 25px rgba(0,0,0,.35);

}

.main-story{

    position:relative;

}

.main-story img,
.second-story img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:.4s;

}

.main-story:hover img,
.second-story:hover img{

    transform:scale(1.05);

}

/* Badge */

.top-story-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:#c40000;

    color:white;

    padding:8px 14px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

    z-index:10;

}

/* Content */

.story-content{

    padding:25px;

}

.category{

    display:inline-block;

    background:#FFD700;

    color:#000;

    padding:6px 14px;

    border-radius:30px;

    font-weight:bold;

    margin-bottom:18px;

}

.story-content h2{

    color:white;

    margin-bottom:15px;

}

.news-meta{

    color:#cfcfcf;

    margin-bottom:18px;

    font-size:14px;

}

.story-content p{

    text-align:left;

    line-height:1.8;

}

/* Read Button */

.read-btn{

    display:inline-block;

    margin-top:25px;

    padding:12px 22px;

    border:2px solid #FFD700;

    color:#FFD700;

    text-decoration:none;

    border-radius:40px;

    transition:.3s;

}

.read-btn:hover{

    background:#FFD700;

    color:#000;

}

/* Sidebar */

.sidebar{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.side-news{

    display:flex;

    gap:15px;

    background:#102846;

    padding:12px;

    border-radius:14px;

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

    transition:.3s;

}

.side-news:hover{

    transform:translateY(-4px);

}

.side-news img{

    width:120px;

    height:90px;

    object-fit:cover;

    border-radius:10px;

}

.small-category{

    display:inline-block;

    background:#0A4D9E;

    color:white;

    padding:4px 10px;

    border-radius:20px;

    font-size:12px;

    margin-bottom:8px;

}

.side-news h4{

    color:white;

    line-height:1.5;

}

.second-story{

    margin-top:35px;

}

@media (max-width:900px){

.news-layout{

    grid-template-columns:1fr;

}

.sidebar{

    margin-top:20px;

}

.side-news{

    flex-direction:column;

}

.side-news img{

    width:100%;

    height:220px;

}

.main-story img,
.second-story img{

    height:260px;

}

.section-title{

    font-size:28px;

}

}

/*==================================
            FOOTER
===================================*/

.footer{

    margin-top:60px;

    background:#041a33;

    border-top:4px solid #FFD700;

}

.footer-container{

    width:90%;

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:40px;

    padding:50px 0;

}

.footer-column h2,
.footer-column h3{

    color:#FFD700;

    margin-bottom:20px;

}

.footer-column p{

    text-align:left;

    line-height:1.8;

    color:#d5d5d5;

}

.footer-column ul{

    list-style:none;

}

.footer-column li{

    margin-bottom:12px;

}

.footer-column a{

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

}

.footer-column a:hover{

    color:#FFD700;

    padding-left:8px;

}

/* Social */

.social-links{

    display:flex;

    justify-content:center;

    gap:20px;

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

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

    padding:20px;

}

.social-links a{

    color:white;

    text-decoration:none;

    border:1px solid #FFD700;

    padding:10px 18px;

    border-radius:30px;

    transition:.3s;

}

.social-links a:hover{

    background:#FFD700;

    color:#000;

}

/* Copyright */

.copyright{

    text-align:center;

    padding:20px;

    color:#cccccc;

    font-size:15px;

}

/* Back To Top */

#topBtn{

    position:fixed;

    right:25px;

    bottom:25px;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#FFD700;

    color:#000;

    cursor:pointer;

    display:none;

    font-size:20px;

    box-shadow:0 6px 15px rgba(0,0,0,.35);

    transition:.3s;

}

#topBtn:hover{

    transform:translateY(-5px);

}

@media(max-width:900px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:600px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-column p{

text-align:center;

}

.social-links{

flex-wrap:wrap;

}

}

/*=============================
Category Page
==============================*/

.page-title{

text-align:center;

color:#FFD700;

margin:30px 0 40px;

font-size:40px;

}

.category-news{

display:flex;

flex-direction:column;

gap:30px;

}

.category-card{

display:grid;

grid-template-columns:350px 1fr;

gap:25px;

background:#102846;

border-radius:15px;

overflow:hidden;

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

transition:.35s;

}

.category-card:hover{

transform:translateY(-5px);

box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.category-card img{

width:100%;

height:260px;

object-fit:cover;

}

.category-card div{

padding:20px;

}

.category-card p{

text-align:left;

margin-top:15px;

line-height:1.8;

}

@media(max-width:900px){

.category-card{

grid-template-columns:1fr;

}

.category-card img{

height:250px;

}

.page-title{

font-size:32px;

}

}

/*========================================
        CATEGORY PAGE
========================================*/

.page-heading{

    text-align:center;

    color:#FFD700;

    font-size:40px;

    margin:40px 0;

}

/* News Card */

.news-card{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:30px;

    background:#102847;

    margin-bottom:35px;

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

}

.news-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

/* Image */

.news-image{

    overflow:hidden;

}

.news-image img{

    width:100%;

    height:100%;

    min-height:280px;

    object-fit:cover;

    transition:.5s;

}

.news-card:hover img{

    transform:scale(1.08);

}

/* Content */

.news-info{

    padding:30px;

}

.news-category{

    display:inline-block;

    background:#FFD700;

    color:#000;

    padding:6px 18px;

    border-radius:30px;

    font-weight:bold;

    margin-bottom:20px;

}

.news-info h2{

    color:white;

    margin-bottom:15px;

    font-size:32px;

}

.news-meta{

    display:flex;

    gap:25px;

    color:#d4d4d4;

    margin-bottom:20px;

    flex-wrap:wrap;

}

.news-info p{

    text-align:left;

    line-height:1.8;

    font-size:18px;

    color:#dddddd;

}

/* Button */

.read-more{

    display:inline-block;

    margin-top:25px;

    text-decoration:none;

    color:#FFD700;

    border:2px solid #FFD700;

    padding:12px 26px;

    border-radius:40px;

    transition:.3s;

}

.read-more:hover{

    background:#FFD700;

    color:#000;

}

@media(max-width:900px){

.news-card{

    grid-template-columns:1fr;

}

.news-image img{

    height:260px;

}

.news-info{

    padding:20px;

}

.news-info h2{

    font-size:26px;

}

.page-heading{

    font-size:32px;

}

}

/*=======================================
        NEWS DETAILS
========================================*/

.breadcrumb{

display:flex;

gap:10px;

margin:25px 0;

font-size:16px;

flex-wrap:wrap;

}

.breadcrumb a{

color:#FFD700;

text-decoration:none;

}

.current{

color:white;

}

.details-news{

background:#102846;

padding:35px;

border-radius:18px;

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

}

.details-news h1{

font-size:42px;

margin:20px 0;

color:white;

text-align:left;

}

.details-image{

width:100%;

border-radius:15px;

margin:25px 0;

max-height:550px;

object-fit:cover;

}

.article-body p{

text-align:left;

font-size:20px;

line-height:2;

margin-bottom:25px;

color:#eeeeee;

}

/* Related */

.related-news{

margin-top:50px;

}

.related-news h2{

color:#FFD700;

margin-bottom:25px;

}

.related-grid{

display:grid;

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

gap:25px;

}

.related-grid a{

text-decoration:none;

background:#102846;

border-radius:15px;

overflow:hidden;

transition:.3s;

}

.related-grid a:hover{

transform:translateY(-5px);

}

.related-grid img{

width:100%;

height:180px;

object-fit:cover;

}

.related-grid p{

padding:15px;

color:white;

text-align:left;

}

/* Prev Next */

.article-navigation{

margin-top:45px;

display:flex;

justify-content:space-between;

flex-wrap:wrap;

gap:20px;

}

.article-navigation a{

text-decoration:none;

padding:12px 25px;

border:2px solid #FFD700;

border-radius:40px;

color:#FFD700;

transition:.3s;

}

.article-navigation a:hover{

background:#FFD700;

color:#000;

}

@media(max-width:900px){

.details-news{

padding:20px;

}

.details-news h1{

font-size:30px;

}

.article-body p{

font-size:18px;

}

.related-grid{

grid-template-columns:1fr;

}

.article-navigation{

flex-direction:column;

}

}

/*====================================
        CONTACT PAGE
====================================*/

.contact-header{

text-align:center;

margin:40px 0;

}

.contact-header h1{

font-size:46px;

color:#FFD700;

margin-bottom:15px;

}

.contact-header p{

font-size:20px;

color:#ddd;

}

/* Grid */

.contact-section{

display:grid;

grid-template-columns:1fr 1.2fr;

gap:35px;

margin-top:40px;

}

/* Left */

.contact-info{

background:#102846;

padding:30px;

border-radius:18px;

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

}

.contact-info h2{

color:#FFD700;

margin-bottom:25px;

}

.info-box{

margin-bottom:25px;

padding-bottom:20px;

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

}

.info-box:last-child{

border:none;

}

.info-box h4{

color:#FFD700;

margin-bottom:10px;

}

.info-box p{

text-align:left;

}

/* Right */

.contact-form{

background:#102846;

padding:30px;

border-radius:18px;

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

}

.contact-form h2{

color:#FFD700;

margin-bottom:25px;

}

.contact-form input,
.contact-form textarea{

width:100%;

padding:15px;

margin-bottom:18px;

background:#0A1F36;

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

border-radius:10px;

color:white;

font-size:16px;

font-family:'Hind Siliguri',sans-serif;

}

.contact-form input:focus,
.contact-form textarea:focus{

outline:none;

border-color:#FFD700;

}

.contact-form button{

background:#FFD700;

color:#000;

border:none;

padding:15px 35px;

border-radius:40px;

font-size:18px;

cursor:pointer;

transition:.3s;

}

.contact-form button:hover{

background:#fff;

}

/* Map */

.map-section{

margin-top:50px;

}

.map-section h2{

text-align:center;

color:#FFD700;

margin-bottom:20px;

}

.map-section iframe{

width:100%;

height:450px;

border:none;

border-radius:18px;

}

/* Social */

.social-section{

margin-top:50px;

text-align:center;

}

.social-section h2{

color:#FFD700;

margin-bottom:30px;

}

.social-grid{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.social-grid a{

text-decoration:none;

padding:15px 30px;

border:2px solid #FFD700;

border-radius:40px;

color:#FFD700;

transition:.3s;

}

.social-grid a:hover{

background:#FFD700;

color:#000;

}

@media(max-width:900px){

.contact-section{

grid-template-columns:1fr;

}

.contact-header h1{

font-size:34px;

}

.map-section iframe{

height:300px;

}

}

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

.contact-hero{

height:280px;

border-radius:20px;

overflow:hidden;

background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.65)),
url("../images/contact-banner.jpg") center/cover;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:40px;

}

.hero-overlay{

text-align:center;

padding:20px;

}

.hero-overlay h1{

font-size:50px;

color:#FFD700;

margin-bottom:20px;

}

.hero-overlay p{

font-size:22px;

max-width:700px;

margin:auto;

}

/*=========================================
        QUICK CONTACT
=========================================*/

.quick-contact{

display:grid;

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

gap:25px;

margin:40px 0;

}

.quick-card{

background:#102846;

padding:30px;

border-radius:18px;

text-align:center;

text-decoration:none;

color:white;

transition:.35s;

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

}

.quick-card:hover{

transform:translateY(-8px);

background:#0A4D9E;

}

.quick-card h3{

margin:15px 0;

color:#FFD700;

}

/*=========================================
        DEPARTMENT
=========================================*/

.department-grid{

display:grid;

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

gap:25px;

margin:40px 0;

}

.department-card{

background:#102846;

padding:30px;

border-radius:18px;

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

transition:.35s;

}

.department-card:hover{

transform:translateY(-8px);

}

.department-card h2{

color:#FFD700;

margin-bottom:20px;

}

.department-card p{

text-align:left;

}

/*=========================================
            NEWS TIP
=========================================*/

.news-tip{

margin:50px 0;

background:#0A4D9E;

padding:40px;

border-radius:20px;

text-align:center;

}

.news-tip h2{

color:#FFD700;

margin-bottom:20px;

}

.tip-button{

display:inline-block;

margin-top:25px;

padding:15px 35px;

background:#FFD700;

color:#000;

text-decoration:none;

border-radius:40px;

font-weight:bold;

}

/*=========================================
            SOCIAL
=========================================*/

.follow-us{

margin-top:60px;

text-align:center;

}

.follow-us h2{

color:#FFD700;

margin-bottom:35px;

}

.social-cards{

display:grid;

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

gap:20px;

}

.social-cards a{

background:#102846;

padding:30px;

text-decoration:none;

color:white;

border-radius:18px;

transition:.3s;

}

.social-cards a:hover{

background:#FFD700;

color:#000;

}

@media(max-width:900px){

.quick-contact,
.department-grid,
.social-cards{

grid-template-columns:1fr;

}

.hero-overlay h1{

font-size:34px;

}

.hero-overlay p{

font-size:18px;

}

.contact-hero{

height:220px;

}

.news-tip{

padding:30px 20px;

}

}

/*==========================================
        YOUTUBE EMBED
==========================================*/

.youtube-card{

    width:100%;
    background:#102846;
    border-radius:18px;
    overflow:hidden;
    margin:25px 0;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.25);

}

.youtube-card iframe{

    width:100%;
    height:500px;
    border:none;
    display:block;

}

/*==========================================
        FACEBOOK EMBED
==========================================*/

.facebook-card{

    width:100%;
    background:#102846;
    border-radius:18px;
    padding:20px;
    margin:25px 0;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    overflow:hidden;

}

.fb-post{

    margin:auto;

}

/*==========================================
        SOCIAL EMBED
==========================================*/

.social-embed{

    background:#102846;
    padding:20px;
    border-radius:18px;
    margin:30px 0;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.25);

}

.social-embed h3{

    color:#FFD700;
    margin-bottom:20px;
    font-size:24px;
    text-align:left;

}

.youtube-card,
.facebook-card{

    transition:.35s ease;

}

.youtube-card:hover,
.facebook-card:hover{

    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.35);

}

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

@media(max-width:992px){

.youtube-card iframe{

    height:400px;

}

}

@media(max-width:768px){

.youtube-card iframe{

    height:300px;

}

.facebook-card{

    padding:12px;

}

}

@media(max-width:576px){

.youtube-card iframe{

    height:220px;

}

.social-embed{

    padding:15px;

}

.social-embed h3{

    font-size:20px;

}

}

@media(max-width:900px){

.header-container{

    flex-direction:column;

    text-align:center;

    gap:25px;

}

.logo-section{

    flex-direction:column;

}



.logo-text{

    position:relative;

}

.logo-text::after{

    content:"";

    width:220px;

    height:4px;

    margin:18px auto 0;

    display:block;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        transparent,
        #ffd700,
        #fff6a3,
        #ffd700,
        transparent
    );

    box-shadow:0 0 15px rgba(255,215,0,.7);

}

#currentDate{

    font-size:20px;

}

#currentTime{

    font-size:30px;

}

}


@keyframes titleGlow{

0%,100%{

    filter:drop-shadow(0 0 6px rgba(255,215,0,.35));

}

50%{

    filter:drop-shadow(0 0 18px rgba(255,215,0,.8));

}

}

/*=========================================
            ABOUT PAGE
=========================================*/

.about-hero{

    text-align:center;
    margin:20px 0 50px;

}

.about-hero h1{

    font-size:48px;
    color:#FFD700;
    margin-bottom:20px;

}

.about-hero p{

    max-width:900px;
    margin:auto;
    line-height:2;
    color:#ddd;

}

/* Founder */

.founder-section{

    display:grid;
    grid-template-columns:320px 1fr;
    gap:40px;

    background:#102846;

    padding:35px;

    border-radius:20px;

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

}

.founder-image{

    text-align:center;

}

.founder-image img{

    width:100%;
    max-width:280px;
    aspect-ratio:1/1;
    object-fit:cover;

    border-radius:50%;

    border:6px solid #FFD700;

    box-shadow:0 0 30px rgba(255,215,0,.35);

}

.designation{

    display:inline-block;

    background:#FFD700;

    color:#000;

    padding:8px 18px;

    border-radius:30px;

    font-weight:bold;

    margin-bottom:15px;

}

.founder-content h2{

    font-size:40px;

    color:white;

    margin-bottom:20px;

}

.founder-content p{

    text-align:left;

    line-height:2;

    margin-bottom:20px;

}

/* Mission */

.mission-grid{

    margin-top:50px;

    display:grid;

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

    gap:30px;

}

.mission-card{

    background:#102846;

    padding:30px;

    border-radius:18px;

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

    transition:.3s;

}

.mission-card:hover{

    transform:translateY(-6px);

}

.mission-card h2{

    color:#FFD700;

    margin-bottom:15px;

}

.mission-card p{

    text-align:left;

}

/* Why Us */

.why-us{

    margin-top:60px;

    text-align:center;

}

.why-us h2{

    color:#FFD700;

    margin-bottom:35px;

}

.why-grid{

    display:grid;

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

    gap:25px;

}

.why-card{

    background:#102846;

    padding:35px 20px;

    border-radius:18px;

    font-size:42px;

    transition:.3s;

}

.why-card:hover{

    transform:translateY(-8px);

    background:#0A4D9E;

}

.why-card h3{

    margin-top:15px;

    font-size:20px;

    color:white;

}

/* Stats */

.about-stats{

    margin-top:60px;

    display:grid;

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

    gap:25px;

}

.stat-box{

    background:#FFD700;

    color:#000;

    text-align:center;

    padding:35px;

    border-radius:18px;

}

.stat-box h2{

    font-size:42px;

}

.stat-box span{

    font-size:18px;

    font-weight:bold;

}

@media(max-width:900px){

.founder-section{

    grid-template-columns:1fr;

    text-align:center;

}

.founder-content p{

    text-align:center;

}

.mission-grid,
.why-grid,
.about-stats{

    grid-template-columns:1fr;

}

}