CINXE.COM
SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA
<!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQFS0JWLG0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQFS0JWLG0'); </script> <script src="https://avads.live/s/av.samaa.live.js"></script> <!-- App favicon --> <link rel="shortcut icon" href="https://live.samaa.tv/assets/dist/img/favicon.ico"> <!-- set the encoding of your site --> <meta charset="utf-8"> <!-- set the viewport width and initial-scale on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- include the site stylesheet --> <link rel="stylesheet" href="https://live.samaa.tv/assets/css/bootstrap.css"> <link rel="stylesheet" href="https://live.samaa.tv/assets/css/main.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Belleza&display=swap" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" crossorigin="anonymous"> <!-- Bootstrap JS (bundle containing Popper.js) --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700|Open+Sans"> <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> --> <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> --> <!-- include jQuery library --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <!-- Bootstrap JS (CDN) --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> <!-- include custom JavaScript --> <script src="https://live.samaa.tv/assets/js/jquery.main.js" defer></script> <title>SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-control" content="public"> <meta name="csrf-token" content="8Xoi9NhQl0mLEUDsCKk1a8qVzNxSPA2VGtXoONe9"> <title>SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA</title> <meta name="theme-color" content="#152a70"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://live.samaa.tv/assets/dist/img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="apple-touch-icon" href="https://live.samaa.tv/assets/dist/img/favicon.ico"> <link rel="canonical" href="//" /> <meta name="title" content="SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA"> <meta name="description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta name="keywords" content="SAMAA TV, SAMAA TV, SAMAA news, pakistan news, SAMAA live, watch SAMAA, SAMAA videos, live news, live videos, cricket news, Imran khan, asif ali zardari, Qamar Javed Bajwa, raja pervaiz ashraf, iftikhar Muhammad chaudhry, saqib nisar, javed iqbal, Nawaz Sharif, altaf Hussain, ppp, mqm, pml-n, anp, pti, supreme court, balochistan, Sindh, Punjab, Azad Jammu Kashmir, Gilgit Baltistan, city, Skardu, Abbottabad, Kohat, Nankana, faisalabad, sialkot, Rawapindi, quetta, karachi, lahore, peshawar, islamabad, missing persons, Nadeem Malik, Nadeem Malik Live, Bilawal Bhutto, Taliban, nato, Pakistan news, Pakistan army, ispr, COAS, PM Imran Khan , prime minister Imran khan, Karachi latest update, Maryam nawaz, Shehbaz Sharif, Nawaz Sharif, ishaq dar, Rana Sanaullah, Shireen Mazari, Imaan Mazari, Jibran Nasir, 7se8, kiran naz, 7se 8, talk show, breaking news, news online, world news, developing story, news video, weather, business, money, politics, law, technology, entertainment, education, travel, health, special reports, autos, start up"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="//"> <meta name="twitter:title" content="SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA"> <meta name="twitter:description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta name="twitter:image" content=""> <meta property="og:type" content="website"> <meta property="og:url" content="//"> <meta property="og:title" content="SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA"> <meta property="og:description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta property="og:image" content=""> <noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=noscript.html"> </noscript> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({article:'auto'}); !function (e, f, u, i) { if (!document.getElementById(i)){ e.async = 1; e.src = u; e.id = i; f.parentNode.insertBefore(e, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/samaa/loader.js', 'tb_loader_script'); if(window.performance && typeof window.performance.mark == 'function') {window.performance.mark('tbl_ic');} </script> <style> #wrapper {overflow: clip !important;} .main-nav { padding: 0 20px 0 0; font: 16px/1.4 sans-serif; text-transform: uppercase; white-space: nowrap; overflow-x: auto; display: flex; } .main-nav li { padding: 12px 8px; list-style: none; /* Remove default list styles */ } .main-nav li a { text-decoration: none; color: rgb(0, 0, 102); font-weight: bold; } .main-nav li:hover a { color: white; } .main-nav li:hover { background-color: rgb(0, 0, 102); border-radius: 5px; /* Optional: Add border-radius for rounded corners */ } .mega-menu-dropdown { width: 100%; height: calc(100vh - 115px); padding: 8px 0 30px; background: rgb(12 32 132); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 100%; left: 0; margin: -1px 0 0; visibility: hidden; opacity: 0; } .header-fixed .mega-menu-dropdown { height: calc(100vh - 48px); } @media (min-width: 768px) { .mega-menu-dropdown { height: calc(100vh - 137px); } } .mega-menu-dropdown:after { height: 40px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#eee), to(#eee)); background-image: linear-gradient(to bottom, transparent, #eee, #eee); pointer-events: none; } .nav-active .mega-menu-dropdown { visibility: visible; opacity: 1; } .mega-menu-dropdown .container { overflow-y: auto; } .nav-search-form { padding: 8px 0; } @media (min-width: 768px) { .nav-search-form { padding: 16px 32px; } } .nav-search-form .form-group { max-width: 304px; position: relative; } .nav-search-form .form-group label { width: 16px; height: 16px; color: #9fa6b2; position: absolute; top: 50%; left: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .nav-search-form .form-group label svg { width: 100%; height: 100%; display: block; } .nav-search-form .form-control { padding: 8px 12px 8px 32px; } .mega-menu { font: 600 14px/1.5 sans-serif; text-transform: uppercase; } .mega-menu .row { display: flex; flex-wrap: wrap; } .mega-menu .col-lg-3 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; } .mega-menu .col-lg-3 li{ margin-bottom: 10px; } .menutitle{ color: #ffffff; font-weight: 700; } .menusubtitle{ color: #ffffff; font-weight: 400; } .mega-menu a { color: #ffffff; } .mega-menu a:hover { text-decoration: underline; } .mega-menu > li { padding: 8px 0; list-style: none; } @media (min-width: 768px) { .mega-menu > li { padding: 8px 32px; } } .mega-menu > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mega-menu > li ul { padding: 3px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mega-menu > li ul li:after { content: "—"; padding: 0 5px; } .mega-menu > li ul li:last-child:after { display: none; } </style> <meta name="google-site-verification" content="bX9KzMvh2bj1hgR9mXp1rWKwx7I0NAi_MkWT4Kiq8Ow" /> </head> <body> <div id="Samaa_TV_Anchor_ATF"></div> <!-- main container of all the page elements --> <div id="wrapper"> <div id="overlay"></div> <!-- header of the page --> <header id="header"> <div class="header-holder"> <div class="container"> <div class="logo"> <a href="https://samaa.tv"><img src="https://live.samaa.tv/assets/images/logo.png" width="100" height="46" alt="Samaa-News-Logo"></a> </div> <div class="row align-items-center"> <div class="col"> <time datetime="2025-04-05" class="date">Sat, Apr 05, 2025</time> <a href="https://live.samaa.tv" class="btn-live">Watch Live</a> </div> <div class="col text-right d-flex"> <div class="container align-content-center pt-3 pb-3" > </div> <a href="https://urdu.samaa.tv/" class="btn-lang">اردو</a> </div> </div> </div> </div> <nav id="nav"> <div class="top-navbar"> <div class="container"> <div class="logo"> <a href="https://samaa.tv"><img src="https://live.samaa.tv/assets/images/logo.png" width="100" height="46" alt="Samaa-News-Logo"></a> </div> <button type="button" class="nav-opener desktop"><span>Nav Opener</span></button> <div id="navOpener" class="nav-openerr mobile"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify blue-svg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/> </svg> </span> </div> <ul class="main-nav"> <li class="active"><a title="Home" href="https://samaa.tv">Home</a></li> <li ><a title="Ramzan" href="https://www.samaa.tv/ramzan-transmission">Ramzan</a></li> <li><a title="Pakistan" href="https://samaa.tv/pakistan">Pakistan</a></li> <li><a title="Latest News" href="https://samaa.tv/latest-news">Latest News</a></li> <li><a title="Money" href="https://samaa.tv/money">Money</a></li> <li><a title="Sports" href="https://samaa.tv/sports">Sports</a></li> <li><a title="Lifestyle" href="https://samaa.tv/lifestyle">Lifestyle</a></li> <li><a title="Tech" href="https://samaa.tv/tech">Tech</a></li> <li><a title="Global" href="https://samaa.tv/global">Global</a></li> <li><a title="Health" href="https://samaa.tv/health">Health</a></li> <li><a title="WEIRD" href="https://samaa.tv/weird">WEIRD</a></li> <li><a title="Blogs" href="https://samaa.tv/blogs">Blogs</a></li> <li><a title="Videos" href="https://samaa.tv/videos">Videos</a></li> </ul> <ul class="social-networks"> <li> <a class="search-icon" href="#"> <img src="https://live.samaa.tv/assets/images/search.png" alt="search"> </a> </li> <li> <a class=" " href="https://twitter.com/SAMAATV" target="_blank"> <img src="https://live.samaa.tv/assets/images/x_twitter_footer.png" alt="Twitter"> </a> </li> <li> <a class=" " href="https://www.instagram.com/samaatv/" target="_blank"> <img src="https://live.samaa.tv/assets/images/instagram_footer.png" alt="Instagram"> </a> </li> <li> <a class=" " href="https://www.tiktok.com/@samaadigital" target="_blank"> <img src="https://live.samaa.tv/assets/images/tiktok_footer.png" alt="Instagram"> </a> </li> <li> <a class=" " href="https://www.youtube.com/samaatvnews" target="_blank"> <img src="https://live.samaa.tv/assets/images/youtube_footer.png" alt="Instagram"> </a> </li> </ul> </div> </div> <div class="mega-menu-dropdown"> <div class="container"> <ul class="mega-menu"> <script async src="https://cse.google.com/cse.js?cx=e0d672a2f410f4324"></script> <li class="col-lg-10 col-md-10 col-sm-12"> <div class="gcse-searchbox-only"></div> </li> <!-- Display categories without subcategories first --> <div class="row"> <div class="col-lg-3"> <li> <a class='menutitle' title="Fact Check" href="https://samaa.tv/fact-check">Fact Check</a> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Archives" href="https://samaa.tv/archives">Archives</a> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="HAD KAR DI" href="https://samaa.tv/had-kar-di">HAD KAR DI</a> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Latest News" href="https://samaa.tv/latest-news">Latest News</a> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="WEIRD" href="https://samaa.tv/weird">WEIRD</a> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Blogs" href="https://samaa.tv/blogs">Blogs</a> </li> </div> </div> <!-- Add the white line here --> <hr class="white-line"> <!-- Display categories with subcategories next --> <div class="row"> <div class="col-lg-3"> <li> <a class='menutitle' title="Pakistan" href="https://samaa.tv/pakistan">Pakistan</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/punjab">Punjab</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/sindh">Sindh</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/azad-jammu-kashmir">Azad Jammu Kashmir</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/balochistan">Balochistan</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/khyber-pakhtunkhwa">Khyber-Pakhtunkhwa</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/pakistan/gilgit-baltistan">Gilgit-Baltistan</a> </li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Money" href="https://samaa.tv/money">Money</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/money/finance">FINANCE</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/money/auto">AUTO</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/money/startups">STARTUPS</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/money/power">POWER</a> </li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Sports" href="https://samaa.tv/sports">Sports</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/sports/cricket">CRICKET</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/sports/football">FOOTBALL</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/sports/tennis">TENNIS</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/sports/hockey">HOCKEY</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/sports/athletics">ATHLETICS</a> </li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Lifestyle" href="https://samaa.tv/lifestyle">Lifestyle</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/gossip">GOSSIP</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/fashion">FASHION</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/movies">MOVIES</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/music">MUSIC</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/food">FOOD</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/tourism">TOURISM</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/lifestyle/arts">ARTS</a> </li> </ul> </li> </div> </div> <div class="row"> <div class="col-lg-3"> <li> <a class='menutitle' title="Tech" href="https://samaa.tv/tech">Tech</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/tech/smartphones">SMARTPHONES</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/tech/gear">GEAR</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/tech/internet">INTERNET</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/tech/science">SCIENCE</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/tech/gaming">GAMING</a> </li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Global" href="https://samaa.tv/global">Global</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/global/india">INDIA</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/global/afghanistan">AFGHANISTAN</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/global/middle-east">MIDDLE EAST</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/global/europe">EUROPE</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/global/americas">AMERICAS</a> </li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Health" href="https://samaa.tv/health">Health</a> <ul> <li> <a class='menusubtitle' href="https://samaa.tv/health/disease">DISEASE</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/health/physical">PHYSICAL</a> </li> <li> <a class='menusubtitle' href="https://samaa.tv/health/mental">MENTAL</a> </li> </ul> </li> </div> </div> <!-- Add the white line here --> </ul> </div> </div> </nav> <script async src="https://cse.google.com/cse.js?cx=e0d672a2f410f4324"></script> <div class="searchbar-container d-flex justify-content-center align-items-center"> <li class="col-lg-5 col-md-6 col-sm-12 searchbar" style="display: none;"> <div class="gcse-searchbox-only"></div> </li> </div> <script> document.addEventListener('DOMContentLoaded', function() { const searchIcon = document.querySelector('.search-icon'); const searchbar = document.querySelector('.searchbar'); searchIcon.addEventListener('click', function(event) { event.preventDefault(); searchbar.style.display = searchbar.style.display === 'none' ? 'block' : 'none'; }); }); </script> </header> <div class="container text-center" > <!--<span style="font-weight: bold;">ADVERTISEMENT</span>--> <div id="Samaa_TV_Top_Leaderboard_ATF"></div> </div> <div id="leftNavbarContainer" style="display: none;"> <div class=" d-flex align-items-center justify-content-center"> <a href=""> <img src="https://live.samaa.tv/assets/images/LOGO-01.png" width="80" height="80" alt="samaa"> </a> </div> <button id="closeButton">×</button> <div class=""> <div class="container"> <ul class="mega-menuu"> <li> <a title="Blogs" href="https://samaa.tv/blogs/mental">Blogs</a> </li> <li> <a title="Videos" href="https://samaa.tv/videos/mental">Videos</a> </li> <li> <a title="WEIRD" href="https://samaa.tv/weird/mental">WEIRD</a> </li> <li> <a title="Health" href="https://samaa.tv/health/mental">Health</a> </li> <li> <a title="Global" href="https://samaa.tv/global/mental">Global</a> </li> <li> <a title="Tech" href="https://samaa.tv/tech/mental">Tech</a> </li> <li> <a title="Lifestyle" href="https://samaa.tv/lifestyle/mental">Lifestyle</a> </li> <li> <a title="Sports" href="https://samaa.tv/sports/mental">Sports</a> </li> <li> <a title="Money" href="https://samaa.tv/money/mental">Money</a> </li> <li> <a title="Latest News" href="https://samaa.tv/latest-news/mental">Latest News</a> </li> <li> <a title="Pakistan" href="https://samaa.tv/pakistan/mental">Pakistan</a> </li> <li> <a title="HAD KAR DI" href="https://samaa.tv/had-kar-di/mental">HAD KAR DI</a> </li> <li> <a title="Archives" href="https://samaa.tv/archives/mental">Archives</a> </li> <li> <a title="Fact Check" href="https://samaa.tv/fact-check/mental">Fact Check</a> </li> </ul> </div> </div> </div> <script> $(document).ready(function() { $("#navOpener").click(function() { $("#leftNavbarContainer").css("left", "0"); // Reset left position $("#leftNavbarContainer").show(); $("#overlay").fadeIn(); // Show the overlay with fade effect }); // Function to hide the left navbar and overlay function hideLeftNavbar() { $("#leftNavbarContainer").css("left", "-300px"); // Move left navbar to the left $("#overlay").fadeOut(); // Hide the overlay with fade effect } // Click event listener for the overlay $("#overlay").click(function() { hideLeftNavbar(); }); // Click event listener for the close button $("#closeButton").click(function() { hideLeftNavbar(); }); }); </script> <style> /* Style for the left side navbar */ /* Example CSS to customize the search bar */ .custom-searchbar input.gsc-input { /* Adjust the size and styling of the input field */ height: 100px; font-size: 30px; padding: 8px; } .white-line { border-top: 2px solid white; } .custom-searchbar input.gsc-search-button { /* Adjust the size and styling of the search button */ height: 100px; font-size: 20px; padding: 8px; } .searchbar-container{ height:50px } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 999; /* Higher z-index than the left navbar */ } /* For desktop screens */ @media (max-width: 767px) { .nav-opener.desktop { display: none; } } /* For mobile screens */ @media (min-width: 768px) { .nav-openerr.mobile { display: none; } .nav-openerr:hover:before, .nav-openerr:hover:after, .nav-openerr:hover span:before { background: #0a2395; } } .blue-svg path { fill: #0a2395; } .searchbar{ } /* Style for the close button */ #closeButton { position: absolute; top: 10px; right: 10px; font-size: 32px; cursor: pointer; background: none; border: none; color: #333; }#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 999; /* Higher z-index than the left navbar */ } /* Style for the close button */ #closeButton { position: absolute; top: 10px; right: 10px; font-size: 30px; cursor: pointer; background: none; border: none; color: white; } #leftNavbarContainer { transition: left 1s ease; position: fixed; /* Fix the navbar position */ top: 0; /* Position from the top of the viewport */ left: 0; /* Position from the left of the viewport */ width: 250px; /* Set the width of the navbar */ height: 100%; /* Make the navbar full height */ background-color: #001a35; /* Set background color */ z-index: 1000; /* Ensure the navbar is above other content */ overflow-y: auto; /* Enable vertical scrolling if needed */ overflow-x: hidden; border-right: 1px solid #ddd; /* Add a border on the right side */ } #leftNavbarContainer::-webkit-scrollbar { display: none; /* Hide the scrollbar */ } /* Style for the links in the navbar */ #leftNavbarContainer ul.mega-menuu { padding-left: 20px; /* Add left padding to the menu items */ margin-top:40px } #leftNavbarContainer ul.mega-menuu li { list-style: none; /* Remove default list styles */ margin-bottom: 10px; /* Add space between menu items */ } #leftNavbarContainer ul.mega-menuu li a { color: white; /* Set link color */ font-size:24px; text-decoration: none; /* Remove underline */ display: block; /* Make links block-level for spacing */ padding: 5px 0; /* Add padding to the links */ } /* Responsive styles */ @media (min-width: 768px) { #leftNavbarContainer { display: none; /* Hide the navbar on larger screens */ } } </style> <!-- Samaa-Top-Banner --> <!-- <div class="container align-content-center " style="height: 100px; padding-top: 3px; padding-bottom: 3px;"> <div id="Samaa_Eng_Top_Leaderboard_ATF"></div> </div> --> </body> <!-- contain main informative part of the site --> <main id="main"> <div class="main-content"> <!-- contain the main content of the page --> <div id="content"> <h1 class="text-center" style="color: rgb(12, 32, 132);">Samaa TV Live</h1> <div class="mt-10 liverow"> <div class="row"> <div class=" col-md-3 col-lg-3"> <div id="Samaa_TV_Sidebar_Right"></div> </div> <div class="col-md-6 col-lg-6"> <div class="mt-10 video-container"> <iframe class='videoplayer' width="100%" height="600" src="https://www.youtube.com/embed/K1a6AvD_-Tw?si=ftbqk3luW2sd01Zz&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> <div class="col-md-3 col-lg-3"> <div id="Samaa_TV_Sidebar_Left"></div> </div> </div> </div> </div> </div> </script> <style> @media (max-width: 720px) { .video-container .videoplayer { width: 100% !important; height: 300px !important; } } iframe[id^="google_ads_iframe"] { width: revert-layer; max-width:100%; } .video-container { width: 100%; } .liverow { margin-right: -10px; } </style> </main> <!-- footer of the page --> <!-- Place this in your body tag --> <footer id="footer"> <div class="container"> <ul class="fnav"> <li><a href="https://samaa.tv/contactus">Contact Us</a></li> <li><a href="https://samaa.tv/comment-policy">Privacy Policy</a></li> <li><a href="https://samaa.tv//about-us">About Us</a></li> <li><a href="https://samaa.tv/advertise">Advertise With Us</a></li> <li><a href="https://samaa.tv/faqs">FAQs</a></li> <li><a href="https://samaa.tv/anchor-profile">Anchors</a></li> <li><a href="https://urdu.samaa.tv/">Samaa Urdu</a></li> </ul> <div class="footer-social-networks"> <div> <a class=" " href="https://www.facebook.com/samaatvnews/" target="_blank"> <img src="https://live.samaa.tv/assets/images/facebook_footer.png" alt="FaceBook"> </a> </div> <div> <a class=" " href="https://twitter.com/SAMAATV" target="_blank"> <img src="https://live.samaa.tv/assets/images/x_twitter_footer.png" alt="Twitter"> </a> </div> <div> <a class=" " href="https://www.instagram.com/samaatv/" target="_blank"> <img src="https://live.samaa.tv/assets/images/instagram_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.tiktok.com/@samaadigital" target="_blank"> <img src="https://live.samaa.tv/assets/images/tiktok_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.youtube.com/samaatvnews" target="_blank"> <img src="https://live.samaa.tv/assets/images/youtube_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.threads.net/" target="_blank"> <img src="https://live.samaa.tv/assets/images/threads_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.linkedin.com/company/samaa-tv/mycompany/" target="_blank"> <img src="https://live.samaa.tv/assets/images/linkedin_footer.png" alt="Instagram"> </a> </div> </div> <!-- <p>Copyright © 2025 SAMAA TV. All Rights Reserved.</p> --> </div> </footer> <footer class="text-center text-lg-start text-dark d-hide-mobile" style="background-color: white" > <!-- Section: Social media --> <div class="copyright-section text-center p-3"> <a class="" href="">Copyright © 2024 SAMAA TV. All Rights Reserved.</a> </div> </footer> <!-- Footer --> <style> .footer-social-networks { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social-networks div a { margin:20px; display: inline-block; /* Ensure the anchor element behaves as a block */ width: 50px; /* Set a fixed width for the anchor element */ height: 50px; /* Set a fixed height for the anchor element */ } .footer-social-networks div a img { width: 100%; /* Fill the entire width of the anchor element */ height: auto; /* Let the browser calculate the height automatically to maintain aspect ratio */ } .fnav li a { padding-right: 5px; padding-left: 5px; color:#0a2395 !important ; } .fnav li { padding: 0 8px; border-right: 1px solid rgba(0, 76, 255, 0.5); } .fnav li:last-child { border-right: none; /* Remove right border from the last item */ } .copyright-section { border-top: 1px dotted #000; /* Change #000 to the desired color */ padding-top: 10px; /* Adjust the padding as needed */ background-color: #0a2395; ; } .copyright-section a { color:white ; text-decoration: none; /* Remove underline from the anchor tag */ } .fnav { margin: 0 -8px 8px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fnav li a:hover { text-decoration: underline; color: rgb(0, 0, 102); } @media (max-width: 767px) { .fnav { font-size: 16px; } .fnav li { padding: 0 5px; /* Adjust padding for smaller screens */ } .footer-social-networks div a { width: 20px; /* Adjust image size for smaller screens */ height: 20px; } } </style> </div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> </body> </html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>