.elementor-884 .elementor-element.elementor-element-e50cc4b{--display:flex;}.elementor-884 .elementor-element.elementor-element-c29dbe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-884 .elementor-element.elementor-element-5f619f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-884 .elementor-element.elementor-element-4719686{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-884 .elementor-element.elementor-element-f6e43d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-884 .elementor-element.elementor-element-b729f98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-884 .elementor-element.elementor-element-3c17f76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-884 .elementor-element.elementor-element-c29dbe2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:9px;--padding-right:10px;}.elementor-884 .elementor-element.elementor-element-5f619f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 210px 0px;}.elementor-884 .elementor-element.elementor-element-4719686{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:9px;--padding-right:10px;}.elementor-884 .elementor-element.elementor-element-f6e43d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 210px 0px;}.elementor-884 .elementor-element.elementor-element-b729f98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:9px;--padding-right:10px;}.elementor-884 .elementor-element.elementor-element-3c17f76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 210px 0px;}}@media(min-width:768px){.elementor-884 .elementor-element.elementor-element-c29dbe2{--content-width:1600px;}.elementor-884 .elementor-element.elementor-element-4719686{--content-width:1600px;}.elementor-884 .elementor-element.elementor-element-b729f98{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-5f619f0 *//* =======================
   Facebook Video Card – Unified & Responsive
======================= */

.video-cards {
  display: grid;
  gap: 20px;
  margin-bottom: 48px;
  grid-template-columns: repeat(3, 1fr); /* 3 بطاقات بشكل افتراضي */
}

.card {
  --radius: 18px;
  background: #fff;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}


.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* خلفية جمالية */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(at 30% 80%, #166b46, transparent 55%),
    radial-gradient(at 70% 40%, #166b46, transparent 55%);
  filter: blur(28px);
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.55);
}

/* الفيديو */
.card__view {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* أو 4 / 3 حسب ما تحب */
  z-index: 1;
}

.preview__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* مدة الفيديو */
.card__view__data {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.badge {
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 10px;
  padding: 4px 7px;
  border-radius: 6px;
}

/* المحتوى */
/* المحتوى */
.card__content {
  position: relative;
  z-index: 2;
  padding: 8px 12px;      /* padding أقل */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* اجعل المحتوى يبدأ من الأعلى */
  gap: 4px;               /* مسافة صغيرة بين العنوان والفوتر */
}

.channel__video__name {
  font-size: clamp(13px, 2.4vw, 15px);
  font-weight: 700;
  line-height: 1.2;        /* أقل من السابق */
  margin: 0;               /* إزالة أي هامش */
}

.channel__data {
  display: flex;
  align-items: center;
  gap: 6px;                /* تقليل المسافة بين الصورة والنص */
  margin: 0;               /* إزالة أي هامش إضافي */
  padding: 0;              /* إزالة padding إضافي */
}

.channel__img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #166b46;
  flex-shrink: 0;
}

.channel__name {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.channel__meta {
  font-size: 10px;
  color: #166b46;
  margin: 0;
}


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

/* تابليت (768px – 1024px) */
@media (max-width: 1024px) {
  .video-cards {
    grid-template-columns: repeat(3, 1fr); /* 3 بطاقات أيضًا */
  }
}

/* موبايل */
@media (max-width: 768px) {
  .video-cards {
    grid-template-columns: repeat(2, 1fr); /* 2 بطاقات */
  }

  .card {
    isolation: isolate;
  }
}

/* صغير جدًا (أقل من 480px) */
@media (max-width: 480px) {
  .video-cards {
    grid-template-columns: 1fr; /* بطاقة واحدة لكل صف */
  }
}

.card__view iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6e43d3 *//* =======================
   Facebook Video Card – Unified & Responsive
======================= */

.video-cards {
  display: grid;
  gap: 20px;
  margin-bottom: 48px;
  grid-template-columns: repeat(3, 1fr); /* 3 بطاقات بشكل افتراضي */
}

.card {
  --radius: 18px;
  background: #fff;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}


.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* خلفية جمالية */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(at 30% 80%, #166b46, transparent 55%),
    radial-gradient(at 70% 40%, #166b46, transparent 55%);
  filter: blur(28px);
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.55);
}

/* الفيديو */
.card__view {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* أو 4 / 3 حسب ما تحب */
  z-index: 1;
}

.preview__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* مدة الفيديو */
.card__view__data {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.badge {
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 10px;
  padding: 4px 7px;
  border-radius: 6px;
}

/* المحتوى */
/* المحتوى */
.card__content {
  position: relative;
  z-index: 2;
  padding: 8px 12px;      /* padding أقل */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* اجعل المحتوى يبدأ من الأعلى */
  gap: 4px;               /* مسافة صغيرة بين العنوان والفوتر */
}

.channel__video__name {
  font-size: clamp(13px, 2.4vw, 15px);
  font-weight: 700;
  line-height: 1.2;        /* أقل من السابق */
  margin: 0;               /* إزالة أي هامش */
}

.channel__data {
  display: flex;
  align-items: center;
  gap: 6px;                /* تقليل المسافة بين الصورة والنص */
  margin: 0;               /* إزالة أي هامش إضافي */
  padding: 0;              /* إزالة padding إضافي */
}

.channel__img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #166b46;
  flex-shrink: 0;
}

.channel__name {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.channel__meta {
  font-size: 10px;
  color: #166b46;
  margin: 0;
}


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

/* تابليت (768px – 1024px) */
@media (max-width: 1024px) {
  .video-cards {
    grid-template-columns: repeat(3, 1fr); /* 3 بطاقات أيضًا */
  }
}

/* موبايل */
@media (max-width: 768px) {
  .video-cards {
    grid-template-columns: repeat(2, 1fr); /* 2 بطاقات */
  }

  .card {
    isolation: isolate;
  }
}

/* صغير جدًا (أقل من 480px) */
@media (max-width: 480px) {
  .video-cards {
    grid-template-columns: 1fr; /* بطاقة واحدة لكل صف */
  }
}

.card__view iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c17f76 *//* =======================
   Facebook Video Card – Unified & Responsive
======================= */

.video-cards {
  display: grid;
  gap: 20px;
  margin-bottom: 48px;
  grid-template-columns: repeat(3, 1fr); /* 3 بطاقات بشكل افتراضي */
}

.card {
  --radius: 18px;
  background: #fff;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}


.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* خلفية جمالية */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(at 30% 80%, #166b46, transparent 55%),
    radial-gradient(at 70% 40%, #166b46, transparent 55%);
  filter: blur(28px);
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.55);
}

/* الفيديو */
.card__view {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* أو 4 / 3 حسب ما تحب */
  z-index: 1;
}

.preview__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* مدة الفيديو */
.card__view__data {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.badge {
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 10px;
  padding: 4px 7px;
  border-radius: 6px;
}

/* المحتوى */
/* المحتوى */
.card__content {
  position: relative;
  z-index: 2;
  padding: 8px 12px;      /* padding أقل */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* اجعل المحتوى يبدأ من الأعلى */
  gap: 4px;               /* مسافة صغيرة بين العنوان والفوتر */
}

.channel__video__name {
  font-size: clamp(13px, 2.4vw, 15px);
  font-weight: 700;
  line-height: 1.2;        /* أقل من السابق */
  margin: 0;               /* إزالة أي هامش */
}

.channel__data {
  display: flex;
  align-items: center;
  gap: 6px;                /* تقليل المسافة بين الصورة والنص */
  margin: 0;               /* إزالة أي هامش إضافي */
  padding: 0;              /* إزالة padding إضافي */
}

.channel__img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #166b46;
  flex-shrink: 0;
}

.channel__name {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.channel__meta {
  font-size: 10px;
  color: #166b46;
  margin: 0;
}


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

/* تابليت (768px – 1024px) */
@media (max-width: 1024px) {
  .video-cards {
    grid-template-columns: repeat(3, 1fr); /* 3 بطاقات أيضًا */
  }
}

/* موبايل */
@media (max-width: 768px) {
  .video-cards {
    grid-template-columns: repeat(2, 1fr); /* 2 بطاقات */
  }

  .card {
    isolation: isolate;
  }
}

/* صغير جدًا (أقل من 480px) */
@media (max-width: 480px) {
  .video-cards {
    grid-template-columns: 1fr; /* بطاقة واحدة لكل صف */
  }
}

.card__view iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}/* End custom CSS */