.elementor-697 .elementor-element.elementor-element-f90416d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-697 .elementor-element.elementor-element-7ec537a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-697 .elementor-element.elementor-element-51a7ab7{width:100%;max-width:100%;}.elementor-697 .elementor-element.elementor-element-51a7ab7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-028ea5e .hfe-site-logo-container, .elementor-697 .elementor-element.elementor-element-028ea5e .hfe-caption-width figcaption{text-align:center;}.elementor-697 .elementor-element.elementor-element-028ea5e .hfe-site-logo .hfe-site-logo-container img{width:68%;}.elementor-697 .elementor-element.elementor-element-028ea5e .hfe-site-logo img{max-width:62%;}.elementor-697 .elementor-element.elementor-element-028ea5e .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-697 .elementor-element.elementor-element-028ea5e{width:100%;max-width:100%;}.elementor-697 .elementor-element.elementor-element-028ea5e .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-697 .elementor-element.elementor-element-eb9b815{--grid-template-columns:repeat(0, auto);width:100%;max-width:100%;--icon-size:6px;--grid-column-gap:11px;--grid-row-gap:0px;}.elementor-697 .elementor-element.elementor-element-eb9b815 .elementor-widget-container{text-align:right;}.elementor-697 .elementor-element.elementor-element-eb9b815.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-697 .elementor-element.elementor-element-eb9b815 .elementor-social-icon{--icon-padding:0em;}.elementor-697 .elementor-element.elementor-element-45161dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-697 .elementor-element.elementor-element-a310825{width:100%;max-width:100%;}.elementor-697 .elementor-element.elementor-element-a310825.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-a310825 .elementor-menu-toggle{margin:0 auto;}.elementor-697 .elementor-element.elementor-element-b82fe93{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-697 .elementor-element.elementor-element-b60b988{width:100%;max-width:100%;}.elementor-697 .elementor-element.elementor-element-b60b988 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-697 .elementor-element.elementor-element-b60b988.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-0ac5911{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-697 .elementor-element.elementor-element-7ec537a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-697 .elementor-element.elementor-element-7ec537a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-51a7ab7 */<div class="live-time"></div>

<script>
function updateTime(){
let now = new Date();
let time = now.toLocaleString('ur-PK', {
weekday: 'long',
day: 'numeric',
month: 'long',
year: 'numeric',
hour: '2-digit',
minute:'2-digit'
});
document.querySelector('.live-time').innerHTML = time;
}
setInterval(updateTime,1000);
updateTime();
</script>.news-clock {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: 'Jameel';
    font-size: 15px;
    direction: rtl;
}

/* Date box */
.news-clock .date {
    background: #f2f2f2;
    padding: 4px 10px;
    border-radius: 4px;
}

/* Time box */
.news-clock .time {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
}

/* smooth blinking effect (clock feel) */
.news-clock .time {
    animation: blink 1s infinite alternate;
}

@keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0.8; }
}
.news-clock .date {
    white-space: nowrap;
    display: inline-block;
    animation: moveDate 12s linear infinite;
}

@keyframes moveDate {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-100%); }
}/* End custom CSS */
/* Start custom CSS for site-logo, class: .elementor-element-028ea5e */.live-time {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-eb9b815 *//* ===== ONLY URDU TEXT RTL ===== */

body{
    font-family:'Noto Nastaliq Urdu', serif;
}

/* Import Font */

@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');

/* Urdu Text */

p,
span,
a,
li,
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.post-title,
.entry-content{
    direction:rtl;
    text-align:right;
    font-family:'Noto Nastaliq Urdu', serif;
    line-height:2.2;
}

/* Keep Layout NORMAL */

.row,
.container,
.posts,
.post-grid,
.elementor-row,
.elementor-column,
article{
    direction:ltr !important;
}

/* Menu */

.menu{
    text-align:center;
}

.menu li{
    display:inline-block;
    float:none !important;
}

/* Dates */

.entry-date{
    direction:ltr;
    text-align:right;
}

/* Images */

img{
    max-width:100%;
    height:auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f90416d */.elementor-social-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b60b988 *//* =========================
   MAIN BAR
========================= */
.breaking-news-bar {
    display: flex;
    align-items: center;
    background: #a80000;
    height: 34px;
    overflow: hidden;
    direction: ltr;
}

/* =========================
   LABEL (FIXED LEFT)
========================= */
.label {
    background: black;
    color: white;
    padding: 5px 15px;
    font-size: 14px;
    white-space: nowrap;
    flex-shrink: 0;
    animation: blink 1s infinite;
}

/* blinking */
@keyframes blink {
    50% {
        opacity: 0.4;
    }
}

/* =========================
   TICKER AREA
========================= */
.ticker {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #fff;
    font-size: 15px;

    padding-left: 100%;
    animation: tickerMove 20s linear infinite;
}

/* =========================
   TEXT
========================= */
.ticker span {
    margin: 0 20px;
}

/* =========================
   YELLOW DOT
========================= */
.dot {
    width: 6px;
    height: 6px;
    background: yellow;
    border-radius: 50%;
    display: inline-block;
}

/* =========================
   ANIMATION
========================= */
@keyframes tickerMove {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.breaking-news-bar {
    padding-left: 0;   /* ✅ remove extra gap */
}

.label {
    margin-left: 0 !important;
    position: relative;
    left: 0;
}

.ticker {
    margin-left: 5px;   /* ✅ small gap after label */
}/* End custom CSS */