OK
https://enooma.com/
Websites
Runtime: 10.1s
On August 07, 2025, 10:02 AM UTC, https://enooma.com/ was accessible when tested on AS43019 in Lebanon.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
79.127.211.213
Query:
IN A enooma.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
172.104.138.218
TCP Connections
Connection to 172.104.138.218:443 succeeded.
HTTP Requests
URL
GET https://enooma.com/
Response Headers
Connection:keep-aliveContent-Length:134242Content-Type:text/html; charset=utf-8Cross-Origin-Opener-Policy:same-originDate:Thu, 07 Aug 2025 10:02:54 GMTReferrer-Policy:same-originServer:nginx/1.18.0Vary:Accept-EncodingX-Content-Type-Options:nosniffX-Frame-Options:DENY
Response Body
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118894198-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-118894198-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./img/slatelogo.png" type="image/x-icon">
<meta name="theme-color" content="#20336b">
<title>اينوما أخبار سياسية من لبنان، الشرق الأوسط والعالم - Lebanon & Middle East News - Enooma</title>
<link rel="stylesheet" type="text/css" href='/static/dist/output.css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body class="font-notoKufiArabic maxBodyWidth">
<div class="bg-black opacity-50 absolute w-full h-full overflow-hidden z-30 hidden" id="overlay"></div>
<div class="w-full relative">
<!-- HEADER -->
<div class="w-full flex justify-between xlg1:justify-end items-center gap-14 xlg1:gap-5 px-4 xlg1:px-[50px] pt-16 xlg1:py-8 border-gray-100 ltr relative pb-5 xlg1:mb-0 z-50 bg-white">
<!-- LIVE BUTTONS -->
<div class="flex absolute top-0 left-0">
<div
class="bg-osiblue xlg1:w-[130px] w-[33.33vw] h-full flex justify-center items-center gap-3 cursor-pointer px-5 py-2">
<h1 class="text-[15px] text-white">مباشر</h1>
<div class="bg-red-500 w-3 h-3 rounded-full"></div>
</div>
<div class="bg-customRed xlg1:w-[130px] w-[33.33vw] px-5 py-2 flex justify-center items-center cursor-pointer">
<p class="text-[15px] text-white">عاجل</p>
</div>
<!-- Div for راديو اينوما with onClick event -->
<div class="bg-osiblue xlg1:w-[130px] w-[33.33vw] px-5 py-2 flex justify-center items-center cursor-pointer gap-3 whitespace-nowrap"
onclick="toggleAudio('audioPlayer2', 'audioTitle2', 'equalizer2')">
<h1 id="audioTitle2" class="text-[15px] text-white transition-all duration-300 ease-in-out">
راديو اينوما</h1>
<audio id="audioPlayer2" src="https://audio.osina.cloud:7777/stream" type="audio/mpeg"
preload="none"></audio>
<!-- Equalizer bars, hidden initially -->
<div id="equalizer2"
class="hidden space-x-1 flex items-center transition-all duration-300 ease-in-out">
<span class="block w-1 bg-customRed rounded-full"></span>
<span class="block w-1 bg-customRed rounded-full"></span>
<span class="block w-1 bg-customRed rounded-full"></span>
</div>
</div>
</div>
<!-- LOGO -->
<div class="flex xlg1:justify-start">
<a href="/">
<img src='/static/images/enooma-logo.png' alt="Logo"
class="w-[180px] s:w-[200px] xlg1:w-[270px] h-full object-cover">
</a>
</div>
<!-- BURGER MENU -->
<div class="flex xlg1:hidden">
<div class="flex justify-end cursor-pointer" id="openMobileMenu">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-8 h-8 text-customRed">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</div>
<div class="justify-end cursor-pointer hidden" id="closeMobileMenu">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-8 h-8 text-customRed">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</div>
</div>
</div>
<!-- NAVIGATION BAR -->
<div class="hidden xlg1:flex justify-between items-center w-full bg-gray-200 shadow-xl px-4 h-[50px] xlg1:px-[50px]">
<!--SEARCH BAR-->
<div class="relative text-gray-600 w-[340px] hidden xlg1:block">
</div>
<div class="xlg1:flex justify-end gap-10 h-full">
<!-- Menu Items -->
<a href="/detailedcat/65/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">ستارز
</a>
<a href="/detailedcat/55/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">تكنولوجيا
</a>
<a href="/detailedcat/25/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">رياضة
</a>
<a href="/detailedcat/24/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">صحة
</a>
<a href="/detailedcat/54/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">إقتصاد
</a>
<a href="/detailedcat/40/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">مقالات
</a>
<a href="/detailedcat/23/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">عالميات
</a>
<a href="/detailedcat/76/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">أسرار
</a>
<a href="/detailedcat/26/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold text-osiblue hover:border-b-2 h-full border-customRed hover:text-customRed ">محليات
</a>
<a href="/"
class="text-base xxlg1:text-lg cursor-pointer transition ease-in-out duration-100 h-full flex justify-center items-center font-notoKufiArabicBold border-b-2 border-customRed text-customRed hover:text-osiblue ">الرئيسية
</a>
</div>
</div>
<!-- MOBILE MENU -->
<div class="w-[70%] s:w-[300px] bg-gray-50 border-t border-gray-100 fixed h-full transform translate-x-full transition-transform duration-300 right-0 z-50" id="mobileMenu">
<div class="flex flex-col gap-5 overflow-y-scroll px-4 h-[60vh]">
<a href="/" class="w-full">
<div class="w-full py-3 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-customRed ">الرئيسية</p>
</div>
</a>
<a href="/detailedcat/26/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">محليات</p>
</div>
</a>
<a href="/detailedcat/76/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">أسرار</p>
</div>
</a>
<a href="/detailedcat/23/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">عالميات</p>
</div>
</a>
<a href="/detailedcat/40/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">مقالات</p>
</div>
</a>
<a href="/detailedcat/54/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">إقتصاد</p>
</div>
</a>
<a href="/detailedcat/24/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">صحة</p>
</div>
</a>
<a href="/detailedcat/25/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">رياضة</p>
</div>
</a>
<a href="/detailedcat/55/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer text-osiblue font-notoKufiArabicBold text-osiblue ">تكنولوجيا</p>
</div>
</a>
<a href="/detailedcat/65/" class="w-full">
<div class="w-full py-3 border-b border-gray-100 rtl">
<p class="text-lg cursor-pointer font-notoKufiArabicBold text-osiblue ">ستارز</p>
</div>
</a>
</div>
<div class="w-full flex justify-center items-center gap-4 mt-5">
<a target="_blank" href="https://www.instagram.com/enoomanews">
<div
class="w-[40px] h-[40px] p-1 border border-secbg-osiblue bg-transparent text-osiblue flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
<path
d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z"
stroke="currentColor" stroke-width="1.5" />
<path d="M17.5078 6.5L17.4988 6.5" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</a>
<a target="_blank" href="https://www.facebook.com/enoomalive?mibextid=ZbWKwL">
<div
class="w-[40px] h-[40px] p-1 border border-secbg-osiblue bg-transparent text-osiblue flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
</svg>
</div>
</a>
<a href="https://twitter.com/Enoomalive" target="_blank">
<div
class="w-[40px] h-[40px] p-1 border border-secbg-osiblue bg-transparent text-osiblue flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M3 21L10.5484 13.4516M21 3L13.4516 10.5484M13.4516 10.5484L8 3H3L10.5484 13.4516M13.4516 10.5484L21 21H16L10.5484 13.4516"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</div>
</a>
<a href="https://www.youtube.com/channel/UC9Sezbfjr7YNUf5aR50Q6UQ" target="_blank">
<div
class="w-[40px] h-[40px] p-1 border border-secbg-osiblue bg-transparent text-osiblue flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M12 20.5C13.8097 20.5 15.5451 20.3212 17.1534 19.9934C19.1623 19.5839 20.1668 19.3791 21.0834 18.2006C22 17.0221 22 15.6693 22 12.9635V11.0365C22 8.33073 22 6.97787 21.0834 5.79937C20.1668 4.62088 19.1623 4.41613 17.1534 4.00662C15.5451 3.67877 13.8097 3.5 12 3.5C10.1903 3.5 8.45489 3.67877 6.84656 4.00662C4.83766 4.41613 3.83321 4.62088 2.9166 5.79937C2 6.97787 2 8.33073 2 11.0365V12.9635C2 15.6693 2 17.0221 2.9166 18.2006C3.83321 19.3791 4.83766 19.5839 6.84656 19.9934C8.45489 20.3212 10.1903 20.5 12 20.5Z"
stroke="currentColor" stroke-width="1.5" />
<path
d="M15.9621 12.3129C15.8137 12.9187 15.0241 13.3538 13.4449 14.2241C11.7272 15.1705 10.8684 15.6438 10.1728 15.4615C9.9372 15.3997 9.7202 15.2911 9.53799 15.1438C9 14.7089 9 13.8059 9 12C9 10.1941 9 9.29112 9.53799 8.85618C9.7202 8.70886 9.9372 8.60029 10.1728 8.53854C10.8684 8.35621 11.7272 8.82945 13.4449 9.77593C15.0241 10.6462 15.8137 11.0813 15.9621 11.6871C16.0126 11.8933 16.0126 12.1067 15.9621 12.3129Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- DYNAMIC CONTENT -->
<div>
<div class="w-full flex flex-col justify-center items-center pb-10 lg:py-5 xlg1:py-20 px-0 s:px-[50px] gap-10 s:gap-20 relative">
<!-- 1ST NEWS SECTION -->
<div class="flex flex-wrap gap-[1.3%] gap-y-3 s:gap-y-6">
<a href="/detailednews/285079"
class="w-full xlg1:w-[49.3%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full s:w-[95%] h-fit mx-auto mb-0 s:mb-8 flex items-stretch rtl">
<div
class="w-[20%] flex-shrink-0 flex-grow bg-customRed text-white py-3 px-2 hidden s:flex items-center justify-center text-[14px] lg:text-[18px] rtl">
صحف
</div>
<div
class="w-full s:w-[80%] h-full bg-white bg-opacity-60 py-3 px-2 flex items-center justify-start text-[18px] lg:text-[23px] rtl">
لا تواصل مع الرئيس.. هل يشارك الثنائي في جلسة اليوم؟</div>
</div>
</div>
<!-- CATEGORY ON MOBILE -->
<div class="w-fit px-5 py-2 bg-customRed text-white text-sm absolute top-5 left-0 flex s:hidden z-20 ">
صحف
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3595_eUntu1j.png" alt="">
</div>
</a>
<a href="/detailednews/285077"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">ايران تدخل على خط نزع سلاح الحزب</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/Doc-P-871489-638901075752134652.png" alt="">
</div>
</a>
<a href="/detailednews/285076"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">تجدد الغارات الإسرائيلية على دير سريان ما يمنع فرق الإسعاف والإطفاء من الوصول إلى المكان المستهدف</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/20250806_223236.jpg" alt="">
</div>
</a>
<a href="/detailednews/285074"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">شقيق ابو سلة يطلق النار عشوائيا ويصيب مواطنين في حي الشراونة</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/abu-salleh.webp" alt="">
</div>
</a>
<a href="/detailednews/285070"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">حكومة نواف سلام ارتكبت خطيئة كبرى.. حزب الله ردّاً على قرار الحكومة: سنتعامل معه كأنّه غير موجود</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/1000046945_oRR9Fel.jpg" alt="">
</div>
</a>
<a href="/detailednews/285069"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">دعوة لمجلس وزراء غدا لمتابعة البحث بورقة براك</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/2-20.jpg" alt="">
</div>
</a>
<a href="/detailednews/285068"
class="relative w-full s:w-[49%] xlg1:w-[24%] h-[280px] s:h-[430px] group overflow-hidden">
<div class="relative w-full h-full overflow-hidden">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end">
<div class="w-full h-[100px] flex justify-end items-start">
<h1 class="text-white font-semibold text-lg xlg:text-xl p-[3%] rtl text-right">مقتل ابو سلة احد ابرز تجار المخدرات في اشتباك مع الجيش</h1>
</div>
<div class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex items-center">
<p class="text-white text-center">None</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/ZQLEWHBPEV.jpg" alt="">
</div>
</a>
</div>
<!-- AD 1 -->
<div class="w-full md:w-[70%] xlg:w-[50%] h-auto shadow-md block">
<a href="https://ositcom.com/web-development" target="_blank">
<img src='/media/images/ositcomad1_MktSWus.gif' alt="ositcom-web-development-in-lebanon"
class="w-full h-full object-fill s:object-cover">
</a>
</div>
<!-- 2ND NEWS SECTION -->
<div class="w-full flex-col flex lg:flex-row justify-between h-fit gap-10 lg:gap-5 rtl">
<!-- Right Section -->
<a href="/detailednews/282109" class="w-full lg:w-[65%]">
<div class="w-full relative flex justify-center group overflow-hidden cursor-pointer h-[350px] s:h-[600px]">
<div
class="w-full s:w-[95%] h-fit mx-auto absolute bottom-0 s:bottom-5 flex left-1/2 -translate-x-1/2 rtl z-20">
<div
class="w-[20%] flex-shrink-0 flex-grow bg-customRed text-white py-1 s:py-3 px-2 hidden s:flex items-center justify-start s:justify-center text-xl rtl">
لِمُتَابَعة غير تابِعَة
</div>
<div
class="w-full s:w-[80%] bg-opacity-80 s:bg-opacity-100 bg-white py-3 px-2 flex items-center justify-start text-xl rtl text-osiblue font-bold">
انضموا الى قناة اينوما على واتساب لتبقوا على اتطلاع دائم على اهم الاخبار
</div>
</div>
<!-- CATEGORY ON MOBILE -->
<div class="w-fit px-5 py-2 bg-customRed text-white text-sm absolute top-5 left-0 flex s:hidden z-20 ">
لِمُتَابَعة غير تابِعَة
</div>
<img src="/media/images/IMG_2461_BOOPO8D.jpeg"
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
alt="Recent News">
</div>
</a>
<!-- Left Section -->
<div class="w-full lg:w-[35%] h-[600px] bg-transparent border border-gray-300">
<div class="w-full h-fit px-5 py-4 flex justify-start items-center border-t-[2px] border-customRed">
<p class="text-[25px] text-osiblue">آخر الإضافات</p>
</div>
<div id="newsContainer" class="w-full h-[500px] overflow-hidden overflow-y-auto flex flex-col border-t-[1px] border-gray-300">
<a href="/detailednews/285079">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">07:50</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">لا تواصل مع الرئيس.. هل يشارك الثنائي في جلسة اليوم؟</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285078">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">07:10</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">زياد الرحباني وحافظ الاسد.. ماذا ايضا في اسرار الصحف ؟</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285077">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">22:47</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">ايران تدخل على خط نزع سلاح الحزب</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285076">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">22:32</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">تجدد الغارات الإسرائيلية على دير سريان ما يمنع فرق الإسعاف والإطفاء من الوصول إلى المكان المستهدف</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285075">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">17:55</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">إحباط خطة لتفجير كنيسة في طرطوس وتوقيف عنصرين</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285074">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">17:27</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">شقيق ابو سلة يطلق النار عشوائيا ويصيب مواطنين في حي الشراونة</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285072">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">16:31</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">البستاني: كل من يخرق القانون يجب أن يُحاسب ويُحال إلى السجن</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285071">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">15:21</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">مجلس الوزراء يعفي جان جبران من مهامه!</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285070">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">15:05</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">حكومة نواف سلام ارتكبت خطيئة كبرى.. حزب الله ردّاً على قرار الحكومة: سنتعامل معه كأنّه غير موجود</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285069">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">14:06</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">دعوة لمجلس وزراء غدا لمتابعة البحث بورقة براك</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285068">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">13:42</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">مقتل ابو سلة احد ابرز تجار المخدرات في اشتباك مع الجيش</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285067">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">09:34</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">خياران أمام نتنياهو لاحتلال غزة.. تفاصيل الخطة كاملة</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285066">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">09:27</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">خلال الـ24 ساعة الماضية.. كم بلغ عدد حوادث السّير في لبنان؟</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285065">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">07:30</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">وزير سابق ومدير عام وموظفون وشركات في اخبار بملف النافعة.. ماذا ايضا في اسرار الصحف؟</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285064">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">21:52</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">الرئيس يطالب الحزب التعاون مع الدولة</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285063">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">21:38</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">زياد الرحباني لا حافظ الأسد</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285062">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">21:12</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">مسيرة اسرائيلية تستهدف سيارة على اوتستراد بعلبك عند نقطة بريتال</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285061">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">09:46</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">جدول جديد لأسعار المحروقات</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285060">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">09:05</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">مقاطعة أم تصعيد؟ هذا ما سيفعله وزراء الحزب والحركة اليوم</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
<a href="/detailednews/285059">
<div class="w-full h-fit border-b border-gray-200 flex justify-start gap-5 items-center py-5 px-5">
<p class="text-gray-500 text-sm">07:57</p>
<div class="group flex justify-between w-full items-center gap-5">
<p class="text-lg text-gray-500 group-hover:text-customRed transition ease-in-out group-hover:scale-105">ما هو موقف الرئيسين عون وسلام من جلسة مجلس الوزراء اليوم؛</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 group-hover:text-customRed" fill="none">
<path d="M11.5 18C11.5 18 5.50001 13.5811 5.5 12C5.49999 10.4188 11.5 6 11.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5 18C18.5 18 12.5 13.5811 12.5 12C12.5 10.4188 18.5 6 18.5 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- AD 2 -->
<div class="w-full md:w-[70%] xlg:w-[50%] h-auto shadow-md">
<a href="https://ositcom.com/web-development" target="_blank">
<img src='/media/images/ositcomad1_uSx3wcU.gif' alt="ositcom-web-development-in-lebanon"
class="w-full h-full object-fill s:object-cover">
</a>
</div>
<!-- 3RD NEWS SECTION - ABRAZ AKHBAR -->
<div class="w-full">
<div class="w-full pb-5 flex flex-col items-end px-1">
<h1 class="text-3xl text-osiblue">أبرز الأخبار</h1>
<div class="w-[150px] h-0 border-2 border-customRed mt-2"></div>
</div>
<!-- Left Section -->
<div class="flex flex-wrap w-full h-fit gap-[1%] gap-y-3 rtl">
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285079">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
لا تواصل مع الرئيس.. هل يشارك الثنائي في جلسة اليوم؟
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">صحف</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3595_eUntu1j.png" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285078">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
زياد الرحباني وحافظ الاسد.. ماذا ايضا في اسرار الصحف ؟
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">أسرار الصحف</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/fb43254a-2e81-4712-a108-45a48adb7df9.jpeg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285077">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
ايران تدخل على خط نزع سلاح الحزب
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/Doc-P-871489-638901075752134652.png" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285076">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
تجدد الغارات الإسرائيلية على دير سريان ما يمنع فرق الإسعاف والإطفاء من الوصول إلى المكان المستهدف
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/20250806_223236.jpg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285075">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
إحباط خطة لتفجير كنيسة في طرطوس وتوقيف عنصرين
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">عالميات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/2025-01-24_10-51-13_968877.jpg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285074">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
شقيق ابو سلة يطلق النار عشوائيا ويصيب مواطنين في حي الشراونة
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/abu-salleh.webp" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285072">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
البستاني: كل من يخرق القانون يجب أن يُحاسب ويُحال إلى السجن
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">None</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/DYUUBHEEHK.jpg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285071">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
مجلس الوزراء يعفي جان جبران من مهامه!
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">None</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_7657.jpeg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285069">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
دعوة لمجلس وزراء غدا لمتابعة البحث بورقة براك
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">محليات</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/2-20.jpg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285068">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
مقتل ابو سلة احد ابرز تجار المخدرات في اشتباك مع الجيش
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">None</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/ZQLEWHBPEV.jpg" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285067">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
خياران أمام نتنياهو لاحتلال غزة.. تفاصيل الخطة كاملة
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">أخبار</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/1000075593.webp" alt="">
</a>
</div>
<div class="relative w-full s:w-[49%] xxlg1:w-[24.2%] h-[250px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285066">
<div
class="w-full h-full absolute flex justify-center items-end bg-gradient-to-b from-transparent to-black z-20">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[100px] flex justify-start items-start rtl">
<h1 class="text-white font-semibold text-xl p-[2%]" style="direction: rtl;">
خلال الـ24 ساعة الماضية.. كم بلغ عدد حوادث السّير في لبنان؟
</h1>
</div>
<div
class="absolute w-fit h-fit px-3 py-1 bg-customRed top-5 right-0 flex justify-center items-center">
<p class="text-white text-center">None</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/1000045415_FD9DOg2.jpg" alt="">
</a>
</div>
</div>
</div>
<!-- Asrar Left Section -->
<div class="w-full h-fit bg-osiblue px-5 s:px-9 py-9 rtl block lg:hidden">
<div class="w-full flex flex-col">
<h1 class="text-3xl text-white">أسرار شائعة
</h1>
<div class="w-[190px] h-0 border-2 border-white mt-2"></div>
</div>
<div class="w-full h-fit mt-9 flex flex-col rtl">
<a href="/detailednews/285033" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> الحزب يرفض تسليم سلاحه فهل يستطيع بري صياغة الحل المقبول؟ </h1>
</div>
</a>
<a href="/detailednews/285026" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> محمد رعد زار رئيس الجمهورية ووفيق صفا قائد الجيش هل حاول الحزب الالتفاف على خطاب جوزاف عون؟ </h1>
</div>
</a>
<a href="/detailednews/284838" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> تصدعات جديدة في تكتل لبنان القوي </h1>
</div>
</a>
<a href="/detailednews/284837" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> تعميم حاكم مصرف لبنان ومفاعيله على مؤسسة القرض الحسن </h1>
</div>
</a>
<a href="/detailednews/284836" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> النائبة ندى البستاني صحافية؟ </h1>
</div>
</a>
<a href="/detailednews/284832" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> هذا هو موقف جنبلاط مما يجري في السويداء </h1>
</div>
</a>
<a href="/detailednews/284831" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> هذا هو موقف جنبلاط مما يجري في السويداء </h1>
</div>
</a>
</div>
</div>
<!-- ASRAR SHA2I3A ON MOBILE -->
<a href="https://enooma.com/detailedtag/15603/" class="w-full">
<div class="w-full h-[300px] block md:hidden relative mb-9">
<img src="/media/images/IMG_3105_j7OkuX4.jpeg" alt="" class="w-full h-full object-cover">
<div class="w-full absolute flex flex-col justify-between bg-osiblue bg-opacity-50 h-full bottom-0">
<div class="w-full h-full justify-center items-center flex p-2">
<h1 class="text-3xl text-white text-center">
الانتخابات البلدية في موعدها.. ماذا عن التحضيرات؟
</h1>
</div>
<div class="w-full flex justify-end items-center">
<button class="w-fit p-3 bg-customRed text-white text-2xl mt-2 ml-0">تغطية
شاملة …</button>
</div>
</div>
</div>
</a>
<!-- 4TH NEWS SECTION - ENTIKHABAT -->
<div class="w-full">
<div class="w-full pb-5 hidden md:flex flex-col items-end">
<h1 class="text-3xl text-osiblue"> الانتخابات البلدية في موعدها.. ماذا عن التحضيرات؟ </h1>
<div class="w-[150px] h-0 border-2 border-customRed mt-2"></div>
</div>
<div class="w-full h-fit flex-col md:flex-row flex justify-center items-stretch gap-5 rtl">
<!-- Left Section -->
<div class="w-full md:w-[65%] lg:w-[80%] hidden md:block">
<div class="grid grid-cols-1 xlg:grid-cols-2 xl:grid-cols-3 gap-5 w-full h-fit cursor-pointer">
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284443">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3336.webp" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">محليات</p>
</div>
<h1 class="text-slate-800 text-xl">
اشكال بين رئيس ورئيس في صور
</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284442">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/20250524_091136.jpg" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">محليات</p>
</div>
<h1 class="text-slate-800 text-xl">
في كفرتبنيت لائحة انسحبت والانتخابات استمرت
</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284440">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/20250524_081253.jpg" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">محليات</p>
</div>
<h1 class="text-slate-800 text-xl">
هذه هي نسب الاقتراع حتى الساعة
</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284439">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/Doc_P_856201_638836568158097620_png_1748061062132.jpg" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">محليات</p>
</div>
<h1 class="text-slate-800 text-xl">
جوزاف عون من الجنوب: نتمنىانتهاء الإنتخابات البلدية على خير لتمهد للانتخابات النيابية
</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284415">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3319.jpeg" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">محليات</p>
</div>
<h1 class="text-slate-800 text-xl">
بالصورة - القوات اللبنانية تكتسح زحله رسميا
</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden">
<a href="/detailednews/284403">
<div
class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end items-start">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3260_6rCiylJ.webp" alt="">
</div>
<div class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">أسرار شائعة</p>
</div>
<h1 class="text-slate-800 text-xl">
ائتلاف الأضداد في بيروت هل يحافظ على المناصفة ام يطيح بها؟
</h1>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Right Section AD -->
<div class="w-full md:w-[380px] h-fit md:h-[713px] shadow-md cursor-pointer mt-10 s:mt-0">
<a href="https://ositcom.com/shared-hosting"><img src='/media/images/wordpress.png' alt=""
class="w-full h-full object-cover"></a>
</div>
</div>
</div>
<!-- 5TH NEWS SECTION - RED EKTISAD -->
<div class="w-screen h-fit bg-customRed px-5 s:px-[63px] py-6 mt-12 overflow-y-hidden">
<div class="w-full flex flex-col items-end">
<h1 class="text-white text-3xl">أخبار الاقتصاد</h1>
<div class="w-[150px] h-0 border-2 border-white mt-2"></div>
</div>
<div class="w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xlg1:grid-cols-4 mt-5 gap-3 rtl">
<div class="w-full h-fit cursor-pointer group">
<div class="w-full h-[200px] relative overflow-hidden">
<a href="/detailednews/285061">
<img src="/media/images/1000066695_0K5JNRA.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
<img src="/static/images/red-corner.png" alt="" class="w-8 absolute bottom-0 left-0">
</div>
<div class="w-full h-[150px] bg-customRed flex flex-col items-start py-3">
<h1 class="text-white text-base">الاقتصاد</h1>
<a href="/detailednews/285061">
<h1 class="text-white text-xl rtl mt-2">جدول جديد لأسعار المحروقات</h1>
</a>
</div>
</div>
<div class="w-full h-fit cursor-pointer group">
<div class="w-full h-[200px] relative overflow-hidden">
<a href="/detailednews/284827">
<img src="/media/images/1000066695_qyYdSm2.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
<img src="/static/images/red-corner.png" alt="" class="w-8 absolute bottom-0 left-0">
</div>
<div class="w-full h-[150px] bg-customRed flex flex-col items-start py-3">
<h1 class="text-white text-base">الاقتصاد</h1>
<a href="/detailednews/284827">
<h1 class="text-white text-xl rtl mt-2">انخفاض سعري البنزين والمازوت وارتفاع سعر الغاز</h1>
</a>
</div>
</div>
<div class="w-full h-fit cursor-pointer group">
<div class="w-full h-[200px] relative overflow-hidden">
<a href="/detailednews/284764">
<img src="/media/images/1000063418_SQeJhyt.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
<img src="/static/images/red-corner.png" alt="" class="w-8 absolute bottom-0 left-0">
</div>
<div class="w-full h-[150px] bg-customRed flex flex-col items-start py-3">
<h1 class="text-white text-base">الاقتصاد</h1>
<a href="/detailednews/284764">
<h1 class="text-white text-xl rtl mt-2">أسعار المحروقات... ارتفاع أم انخفاض؟</h1>
</a>
</div>
</div>
<div class="w-full h-fit cursor-pointer group">
<div class="w-full h-[200px] relative overflow-hidden">
<a href="/detailednews/284742">
<img src="/media/images/1000055860_IdrAPEx.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
<img src="/static/images/red-corner.png" alt="" class="w-8 absolute bottom-0 left-0">
</div>
<div class="w-full h-[150px] bg-customRed flex flex-col items-start py-3">
<h1 class="text-white text-base">الاقتصاد</h1>
<a href="/detailednews/284742">
<h1 class="text-white text-xl rtl mt-2">الطاقة أصدرت تسعيرة المولدات الخاصة بشهر حزيران</h1>
</a>
</div>
</div>
</div>
</div>
<!-- 6TH NEWS SECTION - AALAMYAT -->
<div class="relative w-full h-fit bg-white">
<div class="w-full pb-5 flex flex-col items-end px-1">
<h1 class="text-3xl text-osiblue">عالميات</h1>
<div class="w-[150px] h-0 border-2 border-customRed mt-2"></div>
</div>
<div class="w-full h-fit grid grid-cols-1 md:grid-cols-2 xlg:grid-cols-3 gap-5 rtl">
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/285075">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/2025-01-24_10-51-13_968877.jpg" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">إحباط خطة لتفجير كنيسة في طرطوس وتوقيف عنصرين</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/284847">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3613.webp" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">توم براك: سوريا تقف عند منعطف حاسم</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/284833">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/5dba8e03-2c08-4f07-b129-e4c2acf186c1_16x9_1200x676.jpg" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">اسرائيل تحذر احمد الشرع غارة على قلب دمشق</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/284813">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/1-1802665.jpg" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">تفاصيل مثيرة .. لهذه الاسباب تحطمت الطائرة الهندية</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/284775">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3542.png" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">انذار جديد من وزير الدفاع الاسرائيلي الى الشيخ نعيم قاسم</h1>
</div>
</div>
</a>
</div>
<div class="relative w-full h-[350px] group overflow-hidden cursor-pointer">
<a href="/detailednews/284761">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-30 flex flex-col justify-end z-20">
<div class="w-full h-[200px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3518.png" alt="">
</div>
<div
class="bg-white h-[150px] w-full border-b-4 border-customRed shadow-2xl p-3 flex flex-col items-start">
<div class="bg-customRed w-fit px-3 py-1">
<p class="text-white">عالميات</p>
</div>
<h1 class="text-slate-800 text-xl text-right mt-1">اسرائيل قد تحصل على قاذفات الشبح الأمريكية</h1>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- 7TH NEWS SECTION - AFAK -->
<div class="w-full h-fit bg-white">
<div class="w-full pb-5 flex flex-col items-end px-1">
<h1 class="text-3xl text-osiblue">آفــاق</h1>
<div class="w-[150px] h-0 border-2 border-customRed mt-2"></div>
</div>
<div class="w-full h-fit grid grid-cols-1 md:grid-cols-2 xlg:grid-cols-3 gap-5 rtl">
<div class="relative w-full h-fit group overflow-hidden cursor-pointer">
<a href="/detailednews/283579">
<div class="w-full h-[260px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_2871.png" alt="">
</div>
<div class="h-[90px] s:h-[130px] w-full bg-white p-3 shadow-lg text-right">
<h1 class="text-slate-800 text-xl">
مغالطة تعليم الله مايريده الإنسان وهذا ما تقوم به اليوم المجموعات السلفية</h1>
</div>
</a>
</div>
<div class="relative w-full h-fit group overflow-hidden cursor-pointer">
<a href="/detailednews/272205">
<div class="w-full h-[260px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/58b6106fad271.jpg" alt="">
</div>
<div class="h-[90px] s:h-[130px] w-full bg-white p-3 shadow-lg text-right">
<h1 class="text-slate-800 text-xl">
سياسة الأقدار ام أقدار السياسية...؟</h1>
</div>
</a>
</div>
<div class="relative w-full h-fit group overflow-hidden cursor-pointer">
<a href="/detailednews/271929">
<div class="w-full h-[260px] overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/5da6f5a90bb931754875821.jpg" alt="">
</div>
<div class="h-[90px] s:h-[130px] w-full bg-white p-3 shadow-lg text-right">
<h1 class="text-slate-800 text-xl">
بين فائض القوة وفائض التطرف</h1>
</div>
</a>
</div>
</div>
</div>
<!-- AD 3 -->
<div class="w-full md:w-[70%] xlg:w-[50%] h-auto shadow-md">
<a href="https://ositcom.com/web-development" target="_blank">
<img src='/media/images/ositcomad1_26anqxN.gif' alt="ositcom-web-development-in-lebanon"
class="w-full h-full object-fill s:object-cover">
</a>
</div>
<!-- 8TH NEWS SECTION - MAKALAT + ASRAR -->
<div class="w-full">
<div class="w-full pb-5 hidden s:flex flex-col items-end px-1">
<h1 class="text-3xl text-osiblue">مقالات مختارة</h1>
<div class="w-[150px] h-0 border-2 border-customRed mt-2"></div>
</div>
<div class="w-full block s:flex justify-between items-stretch gap-3">
<!-- Asrar Left Section -->
<div class="w-[29%] hidden lg:block flex-shrink-0 flex-grow bg-osiblue px-3 s:px-9 py-9 rtl">
<div class="w-full flex flex-col">
<h1 class="text-3xl text-white">أسرار شائعة</h1>
<div class="w-[190px] h-0 border-2 border-white mt-2"></div>
</div>
<div class="w-full h-fit mt-9 rtl">
<a href="/detailednews/285033" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> الحزب يرفض تسليم سلاحه فهل يستطيع بري صياغة الحل المقبول؟ </h1>
</div>
</a>
<a href="/detailednews/285026" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> محمد رعد زار رئيس الجمهورية ووفيق صفا قائد الجيش هل حاول الحزب الالتفاف على خطاب جوزاف عون؟ </h1>
</div>
</a>
<a href="/detailednews/284838" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> تصدعات جديدة في تكتل لبنان القوي </h1>
</div>
</a>
<a href="/detailednews/284837" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> تعميم حاكم مصرف لبنان ومفاعيله على مؤسسة القرض الحسن </h1>
</div>
</a>
<a href="/detailednews/284836" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> النائبة ندى البستاني صحافية؟ </h1>
</div>
</a>
<a href="/detailednews/284832" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> هذا هو موقف جنبلاط مما يجري في السويداء </h1>
</div>
</a>
<a href="/detailednews/284831" class="w-full">
<div class="w-full border-b border-white border-opacity-10 py-3">
<h1 class="text-white text-xl"> هذا هو موقف جنبلاط مما يجري في السويداء </h1>
</div>
</a>
</div>
</div>
<div class="w-full pb-5 flex s:hidden flex-col items-end mt-10 px-1">
<h1 class="text-3xl text-osiblue">مقالات مختارة</h1>
<div class="w-[200px] h-0 border-2 border-customRed mt-2"></div>
</div>
<!-- BLOGS MAKALAT LEFT SECTION -->
<div class="w-full s:w-[50%] lg:w-[70%] h-fit bg-white grid grid-cols-1 xlg:grid-cols-2 gap-3">
<div class="relative w-full h-[290px] overflow-hidden group cursor-pointer">
<a href="/detailednews/285020">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-40 flex flex-col justify-end z-10">
<div class="w-full h-[110px] flex flex-col justify-start">
<h1 class="text-white font-semibold text-xl p-2 rtl">بعد كلامِ الرَّئيسِ: القَرارُ الآنَ أو الانتحارُ</h1>
</div>
<div class="flex justify-between absolute w-full top-5 left-0 rtl">
<div class="flex flex-col items-start">
<p class="text-white text-base p-1"> انطوان العويط
</p>
<div class="w-[55px] h-0 border border-white mt-1"></div>
</div>
<div class="w-fit h-fit px-3 py-1 bg-customRed flex items-center">
<p class="text-white text-center">مقالات مختارة</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover filter transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3104_whgjXXm.jpeg" alt="">
</a>
</div>
<div class="relative w-full h-[290px] overflow-hidden group cursor-pointer">
<a href="/detailednews/284939">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-40 flex flex-col justify-end z-10">
<div class="w-full h-[110px] flex flex-col justify-start">
<h1 class="text-white font-semibold text-xl p-2 rtl">أنا الأمّ الحزينة</h1>
</div>
<div class="flex justify-between absolute w-full top-5 left-0 rtl">
<div class="flex flex-col items-start">
<p class="text-white text-base p-1"> عقل العويط
</p>
<div class="w-[55px] h-0 border border-white mt-1"></div>
</div>
<div class="w-fit h-fit px-3 py-1 bg-customRed flex items-center">
<p class="text-white text-center">مقالات مختارة</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover filter transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/05158689-d2b0-4755-ad3f-7ce5c501e226.jpeg" alt="">
</a>
</div>
<div class="relative w-full h-[290px] overflow-hidden group cursor-pointer">
<a href="/detailednews/284888">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-40 flex flex-col justify-end z-10">
<div class="w-full h-[110px] flex flex-col justify-start">
<h1 class="text-white font-semibold text-xl p-2 rtl">سِلاحٌ لا يُسَلَّمْ تَفاهُمٌ لا يُنجَزْ: لُبنانُ في قَبْضَةِ الشُّروطِ المَفروضَةِ</h1>
</div>
<div class="flex justify-between absolute w-full top-5 left-0 rtl">
<div class="w-fit h-fit px-3 py-1 bg-customRed flex items-center">
<p class="text-white text-center">مقالات مختارة</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover filter transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/6f61e590-8015-11ef-83dd-fbf1b9732cf0.png.webp" alt="">
</a>
</div>
<div class="relative w-full h-[290px] overflow-hidden group cursor-pointer">
<a href="/detailednews/284826">
<div class="w-full h-full absolute bg-gray-500 bg-opacity-40 flex flex-col justify-end z-10">
<div class="w-full h-[110px] flex flex-col justify-start">
<h1 class="text-white font-semibold text-xl p-2 rtl">خَطَأُ بارّاكَ وصوابه حَوْلَ قِطارِ دِمَشقَ ومَحطَّةِ بَيْروتَ المَهجورَةِ</h1>
</div>
<div class="flex justify-between absolute w-full top-5 left-0 rtl">
<div class="flex flex-col items-start">
<p class="text-white text-base p-1"> انطوان العويط
</p>
<div class="w-[55px] h-0 border border-white mt-1"></div>
</div>
<div class="w-fit h-fit px-3 py-1 bg-customRed flex items-center">
<p class="text-white text-center">مقالات مختارة</p>
</div>
</div>
</div>
<img class="w-full h-full object-cover filter transition-transform duration-700 transform group-hover:scale-110"
src="/media/images/IMG_3573_VFyvSVa.jpeg" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- 9TH SECTION - VIDOES -->
<div class="w-screen h-fit bg-osiblue mt-12 s:mt-16 px-5 s:px-[63px] py-9">
<div class="w-full pb-5 flex flex-col items-end">
<h1 class="text-3xl text-white">بالفيديو</h1>
<div class="w-[120px] h-0 border-2 border-white mt-2"></div>
</div>
<div class="w-full h-fit block lg:flex justify-between items-stretch gap-3 rtl">
<!-- Main Video -->
<div class="w-full lg:w-[65%] h-[260px] s:h-[570px]">
<div class="w-full h-full object-cover">
<iframe class="w-full h-full object-cover" src=https://www.youtube.com/embed/4jHSydVtc50?si=2TDh0OX_F1FIjRa1 frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</div>
<h1 class="text-white text-base mt-1">
</h1>
</div>
<!-- Rest of the videos -->
<div
class="w-full lg:w-[32%] flex-shrink-0 flex-grow bg-osiblue flex flex-col justify-between gap-3 mt-5 l:mt-0">
<div class="w-full h-[120px] flex">
<div class="w-[40%] h-full">
<div class="w-full h-full object-cover">
<iframe class="w-full h-full object-cover" src=https://www.youtube.com/embed/Bshzs6AlOVI?rel=0 frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</div>
</div>
<div class="bg-slate-700 w-[60%] h-full p-3">
<div class="border-r-4 border-customRed pr-2">
<p class="text-white text-base"></p>
</div>
<h1 class="text-white text-base mt-1">
بالفيديو: حريق كبير في محيط مرفأ بيروت..
</h1>
</div>
</div>
<div class="w-full h-[120px] flex">
<div class="w-[40%] h-full">
<div class="w-full h-full object-cover">
<iframe class="w-full h-full object-cover" src=https://www.youtube.com/embed/-bw9NdvwVp8 frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</div>
</div>
<div class="bg-slate-700 w-[60%] h-full p-3">
<div class="border-r-4 border-customRed pr-2">
<p class="text-white text-base"></p>
</div>
<h1 class="text-white text-base mt-1">
فيديو.. هبوط اضطراري لطائرة مصرية بعد وفاة قائدها "في الجو"
</h1>
</div>
</div>
<div class="w-full h-[120px] flex">
<div class="w-[40%] h-full">
<div class="w-full h-full object-cover">
<iframe class="w-full h-full object-cover" src=https://www.youtube.com/embed/fqVPh2Htwog?rel=0 frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</div>
</div>
<div class="bg-slate-700 w-[60%] h-full p-3">
<div class="border-r-4 border-customRed pr-2">
<p class="text-white text-base"></p>
</div>
<h1 class="text-white text-base mt-1">
.
</h1>
</div>
</div>
<div class="w-full h-[120px] flex">
<div class="w-[40%] h-full">
<div class="w-full h-full object-cover">
<iframe class="w-full h-full object-cover" src=https://www.youtube.com/embed/S4PMzfZO3No?rel=0 frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</div>
</div>
<div class="bg-slate-700 w-[60%] h-full p-3">
<div class="border-r-4 border-customRed pr-2">
<p class="text-white text-base"></p>
</div>
<h1 class="text-white text-base mt-1">
بالفيديو: ما توقّعه ميشال حايك..
</h1>
</div>
</div>
</div>
</div>
</div>
<!-- 10TH NEWS SECTION - ENOOMA STARS, RYADA, TECHNOLOGY -->
<div class="w-full h-fit bg-white">
<div class="w-full pb-5 flex flex-col items-end">
<h1 class="text-3xl text-slate-800">متفرقات</h1>
<div class="w-[120px] h-0 border-2 border-customRed mt-2"></div>
</div>
<div class="w-full h-fit flex flex-wrap justify-between items-center mt-5">
<!-- ENOOMA STARS -->
<div class="w-full l:w-[49%] xlg1:w-[32%] h-fit bg-white shadow-lg mb-16 xlg1:mb-0">
<!-- The main news -->
<a href="/detailednews/284854">
<div class="w-full h-fit relative flex flex-col items-center group cursor-pointer">
<div class="w-full h-[250px] overflow-hidden">
<img src="/media/images/84246-4861-4159931884-0023814043-332317326767-333537412099-335016-1820-962502.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</div>
<div class="w-full h-[145px] bg-white flex flex-col p-3 rtl">
<p class="text-sm text-gray-400 text-right">09:25 |
21-07-2025</p>
<h1 class="text-slate-800 text-[18px] text-right mt-1">
انغام تتألق في مهرجان العلمين.. ما حقيقة اصابتها بالسرطان؟
</h1>
</div>
<div class="absolute top-[-20px] w-[200px] bg-customRed p-3 flex justify-center items-center">
<h1 class="text-white text-xl">اينوما ستارز</h1>
</div>
</div>
</a>
<!-- The rest of the news in this category -->
<div class="w-full h-fit flex flex-col gap-2">
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/284805"> <img src="/media/images/IMG_2856.jpeg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/284805">
<h1 class="text-slate-800 text-[15px] text-right">سيرين عبد النور عاملتلن عقدة
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">19:39 |
11-07-2025</p>
</div>
</div>
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/284416"> <img src="/media/images/IMG_2186_4jCGeCd.jpeg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/284416">
<h1 class="text-slate-800 text-[15px] text-right">ناديا شربل والأمل في جيل جديد يحمل الدراما اللبنانية إلى العالمية
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">15:19 |
19-05-2025</p>
</div>
</div>
</div>
</div>
<!-- SPORTS -->
<div class="w-full l:w-[49%] xlg1:w-[32%] h-fit bg-white shadow-lg mb-16 xlg1:mb-0">
<!-- The main news -->
<a href="/detailednews/284413">
<div class="w-full h-fit relative flex flex-col items-center group cursor-pointer">
<div class="w-full h-[250px] overflow-hidden">
<img src="/media/images/1000067638.jpg"
class=" w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</div>
<div class="w-full h-[145px] bg-white flex flex-col p-3 rtl">
<p class="text-sm text-gray-400 text-right">09:58 |
19-05-2025</p>
<h1 class="text-slate-800 text-[18px] text-right mt-1">
النساء أم الرجال.. من يجني فوائد أكبر من الرياضة؟
</h1>
</div>
<div class="absolute top-[-20px] w-[200px] bg-customRed p-3 flex justify-center items-center">
<h1 class="text-white text-xl">رياضة</h1>
</div>
</div>
</a>
<!-- The rest of the news in this category -->
<div class="w-full h-fit flex flex-col gap-2">
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/283983"> <img src="/media/images/1-1784411.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/283983">
<h1 class="text-slate-800 text-[15px] text-right">ميسي يغيب عن مواجهة الأرجنتين من الأورغواي والبرازيل
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">19:34 |
17-03-2025</p>
</div>
</div>
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/281953"> <img src="/media/images/1000314524.jpg" alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/281953">
<h1 class="text-slate-800 text-[15px] text-right">رونالدو أول لاعب يصل للهدف 900.. تفاصيل الليلة التاريخية
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">12:29 |
06-09-2024</p>
</div>
</div>
</div>
</div>
<!-- TECHNOLOGY -->
<div class="w-full l:w-[49%] xlg1:w-[32%] h-fit bg-white shadow-lg">
<!-- The main news -->
<a href="/detailednews/284849">
<div class="w-full h-fit relative flex flex-col items-center group cursor-pointer">
<div class="w-full h-[250px] overflow-hidden">
<img src="/media/images/1986170.jfif.jpg"
class=" w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</div>
<div class="w-full h-[145px] bg-white flex flex-col p-3 rtl">
<p class="text-sm text-gray-400 text-right">09:00 |
20-07-2025</p>
<h1 class="text-slate-800 text-[18px] text-right mt-1">
تحديث جديد من واتساب.. الاعلان اولا
</h1>
</div>
<div class="absolute top-[-20px] w-[200px] bg-customRed p-3 flex justify-center items-center">
<h1 class="text-white text-xl">تكنولوجيا</h1>
</div>
</div>
</a>
<!-- The rest of the news in this category -->
<div class="w-full h-fit flex flex-col gap-2">
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/284814"> <img src="/media/images/1-1808113.png"
alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/284814">
<h1 class="text-slate-800 text-[15px] text-right">
الذكاء الاصطناعي يتنافس للحصول على خدمات الذكاء الطبيعي
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">10:09 |
13-07-2025</p>
</div>
</div>
<div class="w-full h-fit flex flex-col gap-2">
<div class="w-full h-[140px] s:h-[110px] flex rtl border-b border-gray-200 pb-2 group cursor-pointer">
<div class="w-[40%] h-full overflow-hidden">
<a href="/detailednews/283969"> <img src="/media/images/STK110_whats_app_Kradtke_02.jpg"
alt=""
class="w-full h-full object-cover transition-transform duration-700 transform group-hover:scale-110">
</a>
</div>
<div class="w-[60%] flex flex-col justify-between p-3 bg-white rtl">
<a href="/detailednews/283969">
<h1 class="text-slate-800 text-[15px] text-right">
ميزة جديدة من واتساب قريبا
</h1>
</a>
<p class="text-[13px] text-gray-400 text-right">21:37 |
15-03-2025</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- AD 4 -->
<div class="relative bg-blue-900 bg-opacity-70 w-[98%] h-fit mx-auto px-9 py-12 overflow-hidden mt-12 s:mt-16">
<div class="relative w-full z-[2]">
<div class="mb-9">
<h6 class="font-extrabold text-2xl s:text-3xl l:text-4xl mb-4 text-white">OSITCOM</h6>
<p class="text-sm s:text-xl xxlg1:text-2xl text-white">OSITCOM Ltd is dedicated to revolutionizing the
digital landscape through tailored website development, creative designs, and customized hosting
solutions. With a relentless commitment to meeting the unique needs of our clients, we have
consistently delivered excellence in every aspect of web and mobile development. Our journey began
with a singular vision: to empower individuals and businesses through:</p>
</div>
<div class="grid grid-cols-2 md:flex flex-row flex-wrap justify-start items-center gap-5 mb-9">
<a href="https://ositcom.com/web-development">
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">Web Development</p>
</div>
</a>
<a href="https://ositcom.com/mobile-development">
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">Mobile Development</p>
</div>
</a>
<a href="https://ositcom.com/vps-hosting">
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">Web Hosting</p>
</div>
</a>
<a href="https://ositcom.com/search-engine-optimization">
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">SEO</p>
</div>
</a>
<a href="https://ositcom.com/media-streaming">
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">Media Streaming</p>
</div>
</a>
<div class="w-full md:w-fit py-3 px-5 bg-blue-900 bg-opacity-70 flex items-center justify-center">
<p class="text-xs s:text-base text-white">Digital Marketing</p>
</div>
</div>
<div>
<a class="text-0.5xl md:text-2xl text-white font-semibold hover:cursor-pointer hover:text-osiblue duration-300"
href="https://ositcom.com/contact" target="_blank">Book
A Consultation With OSITCOM</a>
</div>
</div>
<div class="absolute right-[-170px] s:right-[-270px] bottom-0 w-[450px] l:w-[650px] h-[350px] l:h-[500px] -z-0">
<img class="w-full h-full opacity-25" src='/static/images/footer-logo-ositcom.png' alt="Development" />
</div>
</div>
</div>
</div>
<!-- FOOTER SECTION -->
<div class="w-full mt-10">
<div
class="w-full px-[1px] s:px-[50px] py-10 s:py-20 bg-osiblue flex flex-col justify-center items-center gap-14">
<div class="w-full flex flex-col justify-center items-center gap-8">
<img src="/static/images/enooma-logo.png" class="w-[200px] s:w-[250px]">
<div class="w-full flex justify-center items-center gap-4">
<a target="_blank" href="https://www.instagram.com/enoomanews">
<div
class="w-[40px] h-[40px] p-1 border border-white bg-transparent text-white flex justify-center items-center hover:scale-105 duration-500 transition-transform">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
<path
d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z"
stroke="currentColor" stroke-width="1.5" />
<path d="M17.5078 6.5L17.4988 6.5" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</a>
<a target="_blank" href="https://www.facebook.com/enoomalive?mibextid=ZbWKwL">
<div
class="w-[40px] h-[40px] p-1 border border-white bg-transparent text-white flex justify-center items-center hover:scale-105 duration-500 transition-transform">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
</svg>
</div>
</a>
<a href="https://twitter.com/Enoomalive" target="_blank">
<div
class="w-[40px] h-[40px] p-1 border border-white bg-transparent text-white flex justify-center items-center hover:scale-105 duration-500 transition-transform">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M3 21L10.5484 13.4516M21 3L13.4516 10.5484M13.4516 10.5484L8 3H3L10.5484 13.4516M13.4516 10.5484L21 21H16L10.5484 13.4516"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</div>
</a>
<a href="https://www.youtube.com/channel/UC9Sezbfjr7YNUf5aR50Q6UQ" target="_blank">
<div
class="w-[40px] h-[40px] p-1 border border-white bg-transparent text-white flex justify-center items-center hover:scale-105 duration-500 transition-transform">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none">
<path
d="M12 20.5C13.8097 20.5 15.5451 20.3212 17.1534 19.9934C19.1623 19.5839 20.1668 19.3791 21.0834 18.2006C22 17.0221 22 15.6693 22 12.9635V11.0365C22 8.33073 22 6.97787 21.0834 5.79937C20.1668 4.62088 19.1623 4.41613 17.1534 4.00662C15.5451 3.67877 13.8097 3.5 12 3.5C10.1903 3.5 8.45489 3.67877 6.84656 4.00662C4.83766 4.41613 3.83321 4.62088 2.9166 5.79937C2 6.97787 2 8.33073 2 11.0365V12.9635C2 15.6693 2 17.0221 2.9166 18.2006C3.83321 19.3791 4.83766 19.5839 6.84656 19.9934C8.45489 20.3212 10.1903 20.5 12 20.5Z"
stroke="currentColor" stroke-width="1.5" />
<path
d="M15.9621 12.3129C15.8137 12.9187 15.0241 13.3538 13.4449 14.2241C11.7272 15.1705 10.8684 15.6438 10.1728 15.4615C9.9372 15.3997 9.7202 15.2911 9.53799 15.1438C9 14.7089 9 13.8059 9 12C9 10.1941 9 9.29112 9.53799 8.85618C9.7202 8.70886 9.9372 8.60029 10.1728 8.53854C10.8684 8.35621 11.7272 8.82945 13.4449 9.77593C15.0241 10.6462 15.8137 11.0813 15.9621 11.6871C16.0126 11.8933 16.0126 12.1067 15.9621 12.3129Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
</svg>
</div>
</a>
</div>
</div>
<div
class="w-full flex flex-col s:flex-row flex-wrap justify-center items-center text-center gap-y-5 gap-x-10">
<a claResolver
Resolver ASN
AS60068
Resolver IP
79.127.211.213
Resolver Network Name
Datacamp Limited
Report ID
20250807T095550Z_webconnectivity_LB_43019_n1_MGhytXa6G71vIUgS
Platform
android
Software Name
ooniprobe-android-unattended (5.1.0)
Measurement Engine
ooniprobe-engine (3.26.0)