*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f5;color:#111;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{width:100%;display:block}.wrap{width:min(1420px,92%);margin:auto}.top-strip{background:#050505;color:#fff;font-size:13px}.top-strip-inner{height:38px;display:grid;grid-template-columns:320px 1fr 180px;align-items:center}.date{padding-left:2px}.top-breaking{height:38px;display:flex;align-items:center;overflow:hidden}.top-breaking strong{height:38px;display:flex;align-items:center;background:#d40000;padding:0 18px;margin-right:15px}.top-breaking span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social{text-align:right}.social a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    margin:0 6px;
    transition:0.3s;
}

.social a:hover{
    color:#ffd700;
}.masthead{background:#fff}.mast-inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{display:flex;align-items:center;gap:10px}.lion{font-size:72px;filter:saturate(3)}.voice{font-weight:900;color:#d00000;font-size:24px;line-height:1}.faridabad{font-weight:950;font-size:41px;line-height:1}.tag{font-size:14px;margin-top:5px}.ad-banner{width:58%;min-height:94px;border:1px solid #ef7777;background:linear-gradient(100deg,#fff,#fff7f7);display:flex;align-items:center;justify-content:space-around;padding:12px 24px}.ad-banner small{display:block;font-size:22px}.ad-banner strong{display:block;font-size:36px;color:#d00000}.ad-banner strong span{color:#111}.ad-banner a{background:#c80000;color:#fff;padding:10px 16px;border-radius:4px;font-weight:bold}.megaphone{font-size:52px}.nav{background:linear-gradient(#d80707,#b90000);color:#fff;position:sticky;top:0;z-index:100}.nav-inner{display:flex;overflow:auto;white-space:nowrap}.nav a{font-weight:800;font-size:13px;padding:16px 18px;border-right:1px solid rgba(255,255,255,.12)}.nav a.active,.nav a:hover{background:#990000}.home-icon{font-size:20px}.search-btn{margin-left:auto;background:#050505;color:#fff;border:0;min-width:56px;font-size:23px}.breaking-bar{background:#111;color:#fff}.breaking-inner{height:48px;display:flex;align-items:center;gap:15px}.red-label{background:#d40000;padding:11px 14px;font-weight:900;white-space:nowrap;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.marquee{flex:1;overflow:hidden}.marquee-track{display:flex;width:max-content;gap:20px;animation:move 35s linear infinite;align-items:center}.marquee-track a{font-size:14px}.marquee-track span{color:#fff}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-45%)}}.view-all{color:#e60000;font-weight:900;font-size:13px}.page{padding:18px 0 28px}.hero-layout{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:14px}.lead,.hero-small{position:relative;overflow:hidden;background:#222}.lead{min-height:485px}.lead img{height:485px;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.9))}.badge{position:absolute;top:14px;left:14px;background:#d80000;color:#fff;font-size:12px;font-weight:900;padding:6px 8px}.lead-copy{position:absolute;left:28px;right:30px;bottom:50px;color:#fff}.lead-copy h1{font-size:33px;line-height:1.3;margin:0 0 16px}.meta,.small-meta{font-size:12px;color:#eee}.dots{position:absolute;bottom:15px;left:42%;color:#fff}.dots:first-letter{color:red}.hero-grid{display:grid;grid-template-columns:1fr 1fr}.hero-small{min-height:240px;border:2px solid #fff}.hero-small img{height:240px;object-fit:cover}.hero-small h3{position:absolute;left:12px;right:12px;bottom:30px;color:#fff;font-size:18px;line-height:1.25;margin:0}.hero-small .small-meta{position:absolute;left:12px;bottom:10px}.sidebar{display:flex;flex-direction:column;gap:14px}.box{background:#fff;border:1px solid #ddd;border-radius:4px;padding:14px}.box h3{margin:0;font-size:16px}.redline{width:45px;height:3px;background:#d50000;margin:7px 0 14px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-grid>div{display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid #ddd}.social-grid b{height:42px;display:grid;place-items:center;background:#2c5ca5;color:#fff;font-size:20px}.social-grid>div:nth-child(2) b{background:#e44363}.social-grid>div:nth-child(3) b{background:#dd0000}.social-grid>div:nth-child(4) b{background:#111}.social-grid span{text-align:center;font-weight:bold}.social-grid small{display:block;color:#777;font-weight:normal;font-size:10px}.live-screen{height:145px;background:linear-gradient(135deg,#0b0b0b,#3a0000);position:relative;color:#fff;display:flex;align-items:center;justify-content:space-around}.live-mark{position:absolute;left:8px;top:8px;background:#d00000;padding:5px;font-size:11px;font-weight:bold}.live-brand{font-size:13px}.play{width:58px;height:58px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#d43a45;font-size:27px;padding-left:4px}.watch{display:flex;align-items:center;font-size:11px}.watch b{background:#d00000;color:#fff;padding:10px}.watch span{padding:0 10px}.middle-grid{display:grid;grid-template-columns:2fr 1.1fr .9fr;gap:14px;margin-top:16px}.box-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:12px}.box-title h3{position:relative}.box-title h3:after{content:"";position:absolute;left:0;bottom:-11px;width:75px;height:3px;background:#d60000}.box-title a{font-size:10px;font-weight:bold}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.latest-grid img{height:105px;object-fit:cover;border-radius:4px}.latest-grid h4{font-size:17px;line-height:1.35;margin:8px 0}.latest .small-meta{color:#777}.trending ol{margin:0;padding-left:32px}.trending li{padding:9px 0;border-bottom:1px solid #eee;font-size:14px}.trending li::marker{color:#d00000;font-size:18px;font-weight:bold}.paper{border:1px solid #ccc;text-align:center;padding:12px;background:#faf7ef}.paper-head{font-family:Georgia,serif;font-size:22px;font-weight:bold}.paper-sub{font-size:11px}.paper-lines{height:95px;margin:12px;background:repeating-linear-gradient(#ddd 0 2px,transparent 2px 12px)}.paper-btn{display:inline-block;background:#d00000;color:#fff;padding:8px 15px;border-radius:3px}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.cat-card{padding:13px}.cat-item{display:grid;grid-template-columns:95px 1fr;gap:12px;align-items:center;font-size:14px;line-height:1.4}.cat-item img{height:62px;object-fit:cover}.contact-teaser{background:#111;color:#fff;margin-top:22px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between}.contact-teaser span{color:#e00000;font-weight:900}.contact-teaser h2{margin:7px 0}.contact-teaser p{color:#ccc;margin:0}.contact-teaser>a{background:#d00000;color:#fff;padding:13px 20px;font-weight:900}.whatsapp{position:fixed;right:28px;bottom:28px;width:58px;height:58px;border-radius:50%;background:#23c763;color:#fff;display:grid;place-items:center;font-size:27px;border:4px solid #fff;z-index:200}.footer{background:#070707;color:#fff;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px;padding:36px 0}.footer-logo{font-size:21px}.footer-logo strong{display:block;font-size:30px}.footer p{color:#bbb;line-height:1.6;font-size:13px}.footer h4{border-bottom:2px solid #d00000;padding-bottom:8px}.footer a{display:block;color:#ddd;padding:5px 0;font-size:13px}.copyright{background:#ac0000;text-align:center;padding:14px;font-size:12px}

/* Contact page */
.contact-main{padding:28px 0 40px}.contact-main>h1{text-align:center;font-size:31px;margin:0 0 25px}.contact-main>h1 span{color:#d00000}.contact-grid{display:grid;grid-template-columns:.9fr 1.2fr 1.2fr;gap:16px}.contact-card{background:#fff;border:1px solid #ddd;padding:18px}.contact-card h3{display:inline-block;background:#c90000;color:#fff;padding:8px 11px;margin:0 0 18px}.contact-card p{line-height:1.55}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card input,.contact-card select,.contact-card textarea{width:100%;padding:13px;border:1px solid #ddd;margin-bottom:12px;font:inherit}.contact-card textarea{height:150px;resize:vertical}.contact-card button{background:#c90000;color:#fff;border:0;padding:12px 18px;font-weight:bold;cursor:pointer}.map-card iframe{width:100%;height:390px;border:0}

@media(max-width:1100px){.hero-layout{grid-template-columns:1.7fr 1fr}.sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.middle-grid{grid-template-columns:1.5fr 1fr}.epaper{grid-column:1/-1}.category-row{grid-template-columns:repeat(2,1fr)}.ad-banner{width:54%}.contact-grid{grid-template-columns:1fr 1fr}.map-card{grid-column:1/-1}}
@media(max-width:760px){.wrap{width:94%}.top-strip-inner{grid-template-columns:1fr}.date,.social{display:none}.mast-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.lion{font-size:55px}.faridabad{font-size:31px}.voice{font-size:18px}.ad-banner{width:100%;min-height:auto}.ad-banner strong{font-size:25px}.ad-banner small{font-size:16px}.megaphone{display:none}.nav a{padding:13px}.hero-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}.sidebar{grid-template-columns:1fr}.lead,.lead img{min-height:370px;height:370px}.lead-copy h1{font-size:25px}.middle-grid{grid-template-columns:1fr}.latest-grid{grid-template-columns:1fr}.category-row{grid-template-columns:1fr}.contact-teaser{flex-direction:column;align-items:flex-start;gap:16px}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.map-card{grid-column:auto}}
@media(max-width:480px){.hero-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.breaking-inner{height:44px}.red-label{font-size:11px}}
\n/* ===== VOF NEW LOGO ===== */
.logo{display:flex;align-items:center;flex:0 0 auto}
.site-logo{display:block;width:330px;max-width:100%;height:112px;object-fit:contain;object-position:left center}
.footer-logo img{width:225px;max-width:100%;height:auto;object-fit:contain;filter:none}
@media(max-width:1100px){.site-logo{width:285px;height:100px}}
@media(max-width:760px){.site-logo{width:250px;height:90px}.mast-inner{align-items:center}.logo{width:100%;justify-content:center}.site-logo{object-position:center}.footer-logo img{width:190px}}
@media(max-width:480px){.site-logo{width:220px;height:80px}}


/* Visible Water promotion banner */
.ad-banner{
    width:58%;
    min-height:auto;
    padding:0;
    border:none;
    background:#fff;
    display:flex;
    align-items:right;
    justify-content:right;
}

.ad-banner{
    width:58%;
    padding:0;
    margin:0;
    border:0;
    background:#fff;
}

.ad-image-banner{
    width:100%;
    height:auto;
}

.ad-image-banner img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
}

.ad-image-banner img{
    width:250px;
    height:auto;
}

}
.ad-image-link{
    display:block;
    width:100%;
}
.live-box{
    position:relative;
    z-index:1;
}

.live-player{
    position:relative;
    z-index:5;
}

.live-player iframe,
.live-player video{
    width:100%;
    height:100%;
    display:block;
    pointer-events:auto !important;
    position:relative;
    z-index:10;
}

.live-click{
    display:block;
    position:relative;
    z-index:20;
    cursor:pointer;
}

.live-screen,
.play{
    pointer-events:auto;
}

    