/* ==========================================================================
   Elmemar Clean Custom CSS
   Replaces: Appearance > Customize > Additional CSS
   Duplicate selectors and repeated sections removed.
   Generated: 2026-08-03
   ========================================================================== */

.OnePruduct_keyWord__1NnjK div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body,
figure,
legend {
  margin: 0;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .elementor-243 .elementor-element.elementor-element-62176575 .elementor-heading-title {
    font-size: 10px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
  }
}

@media (max-width: 767px) {
  .elementor-243 .elementor-element.elementor-element-6caf2966 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important;
    padding: 0px !important;
  }

  .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
    margin-block-end: 0px !important;
  }

  .ast-logo-title-inline .ast-site-identity {
    padding: 0 !important;
  }

  .elementor-243 .elementor-element.elementor-element-638fb994 {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
  }
}


.elementor-widget-image img {
    display: block;
    vertical-align: middle;
    margin: 10px auto 0;
}


.elementor-243 .elementor-element.elementor-element-638fb994 {
    margin-top: 0px;
    margin-bottom: 50px;
}
.entry-header {
	display:none;
}

.content-area{
	padding:0px 9px !important;
}

.ast-container{
	width:100% !important;
}
@media (min-width: 922px) {
    #primary {
        width: 100% !important;
    }
}

/* ==================================================
   Elmemar Identity Style For DYT Video Swiper Slider
   Colors:
   Primary: #fe904c
   Dark Blue: #0E2B5C
   ================================================== */

/* ===== Section Title Fix ===== */

.wpb_wrapper > h2.bauer-text.text-center:empty {
    display: none !important;
}

.wpb_wrapper > h2.bauer-text.text-center + p {
    max-width: 950px !important;
    margin: 0 auto 34px !important;
    text-align: center !important;
    color: #0E2B5C !important;
    font-size: 42px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: -0.4px !important;
}

.wpb_wrapper > h2.bauer-text.text-center + p::after {
    content: "" !important;
    display: block !important;
    width: 78px !important;
    height: 4px !important;
    margin: 18px auto 0 !important;
    border-radius: 999px !important;
    background: #fe904c !important;
}

/* ===== Slider Wrapper ===== */

.dyt-carousel-wrap {
    position: relative !important;
    width: 100% !important;
    padding: 8px 10px 46px !important;
    overflow: hidden !important;
    direction: rtl !important;
}

.dyt-carousel-wrap .swiper {
    overflow: visible !important;
    padding: 10px 4px 46px !important;
}

/* ===== Video Card ===== */

.dyt-carousel-wrap .dyt-card {
    height: 100% !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(14, 43, 92, 0.10) !important;
    box-shadow: 0 14px 36px rgba(14, 43, 92, 0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.dyt-carousel-wrap .dyt-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(254, 144, 76, 0.45) !important;
    box-shadow: 0 22px 55px rgba(14, 43, 92, 0.18) !important;
}

.dyt-carousel-wrap .dyt-card a {
    display: block !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
    position: relative !important;
}

/* ===== Thumbnail ===== */

.dyt-carousel-wrap .dyt-card img {
    display: block !important;
    width: 100% !important;
    height: 178px !important;
    object-fit: cover !important;
    border-radius: 18px 18px 0 0 !important;
    transition: transform 0.35s ease, filter 0.35s ease !important;
}

.dyt-carousel-wrap .dyt-card:hover img {
    transform: scale(1.05) !important;
    filter: brightness(0.82) contrast(1.08) !important;
}

/* Play overlay */
.dyt-carousel-wrap .dyt-card a::before {
    content: "▶" !important;
    position: absolute !important;
    top: 74px !important;
    left: 50% !important;
    transform: translateX(-50%) scale(0.92) !important;
    z-index: 3 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-right: 3px !important;
    background: #fe904c !important;
    color: #ffffff !important;
    font-size: 19px !important;
    box-shadow: 0 14px 34px rgba(14, 43, 92, 0.25) !important;
    opacity: 0 !important;
    transition: all 0.25s ease !important;
}

.dyt-carousel-wrap .dyt-card:hover a::before {
    opacity: 1 !important;
    transform: translateX(-50%) scale(1) !important;
}

/* ===== Card Body ===== */

.dyt-carousel-wrap .dyt-card-body {
    padding: 22px 20px 24px !important;
    background: #ffffff !important;
    text-align: right !important;
}

.dyt-carousel-wrap .dyt-card-title {
    color: #0E2B5C !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 800 !important;
    margin: 0 0 14px !important;
    min-height: 60px !important;
    transition: color 0.25s ease !important;
}

.dyt-carousel-wrap .dyt-card:hover .dyt-card-title {
    color: #fe904c !important;
}

/* ===== Views ===== */

.dyt-carousel-wrap .dyt-views {
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

.dyt-carousel-wrap .dyt-views-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 6px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(14, 43, 92, 0.07) !important;
    color: #0E2B5C !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* ===== Watch Button ===== */

.dyt-carousel-wrap .dyt-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 112px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: #fe904c !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 24px rgba(254, 144, 76, 0.35) !important;
    transition: all 0.25s ease !important;
}

.dyt-carousel-wrap .dyt-card:hover .dyt-btn {
    background: #0E2B5C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(14, 43, 92, 0.26) !important;
}

/* ===== Navigation Arrows ===== */

.dyt-carousel-wrap .swiper-button-next,
.dyt-carousel-wrap .swiper-button-prev {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #0E2B5C !important;
    border: 1px solid rgba(14, 43, 92, 0.12) !important;
    box-shadow: 0 12px 30px rgba(14, 43, 92, 0.15) !important;
    transition: all 0.25s ease !important;
    top: 42% !important;
}

.dyt-carousel-wrap .swiper-button-next::after,
.dyt-carousel-wrap .swiper-button-prev::after {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: inherit !important;
}

.dyt-carousel-wrap .swiper-button-next:hover,
.dyt-carousel-wrap .swiper-button-prev:hover {
    background: #fe904c !important;
    color: #ffffff !important;
    border-color: #fe904c !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 16px 38px rgba(254, 144, 76, 0.42) !important;
}

.dyt-carousel-wrap .swiper-button-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
}

/* RTL */
.dyt-carousel-wrap .swiper-button-next {
    left: 6px !important;
    right: auto !important;
}

.dyt-carousel-wrap .swiper-button-prev {
    right: 6px !important;
    left: auto !important;
}

/* ===== Pagination Dots ===== */

.dyt-carousel-wrap .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 28px !important;
    text-align: center !important;
}

.dyt-carousel-wrap .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: rgba(254, 144, 76, 0.28) !important;
    opacity: 1 !important;
    margin: 0 5px !important;
    transition: all 0.25s ease !important;
}

.dyt-carousel-wrap .swiper-pagination-bullet-active {
    width: 32px !important;
    background: #fe904c !important;
    box-shadow: 0 7px 18px rgba(254, 144, 76, 0.42) !important;
}

/* ===== Mobile ===== */

@media (max-width: 768px) {
    .wpb_wrapper > h2.bauer-text.text-center + p {
        font-size: 30px !important;
        line-height: 1.5 !important;
        margin-bottom: 24px !important;
    }

    .dyt-carousel-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dyt-carousel-wrap .dyt-card img {
        height: 170px !important;
    }

    .dyt-carousel-wrap .dyt-card-body {
        padding: 20px 18px 22px !important;
    }

    .dyt-carousel-wrap .dyt-card-title {
        font-size: 17px !important;
        line-height: 1.6 !important;
        min-height: auto !important;
    }

    .dyt-carousel-wrap .swiper-button-next,
    .dyt-carousel-wrap .swiper-button-prev {
        width: 38px !important;
        height: 38px !important;
        top: 38% !important;
    }

    .dyt-carousel-wrap .swiper-button-next::after,
    .dyt-carousel-wrap .swiper-button-prev::after {
        font-size: 14px !important;
    }

    .dyt-carousel-wrap .swiper-button-next {
        left: 2px !important;
    }

    .dyt-carousel-wrap .swiper-button-prev {
        right: 2px !important;
    }

    .dyt-carousel-wrap .swiper-pagination {
        margin-top: 22px !important;
    }

    .dyt-carousel-wrap .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }

    .dyt-carousel-wrap .swiper-pagination-bullet-active {
        width: 25px !important;
    }
}
/* ==================================================
   General Responsive Spacing Fix
   Elementor + Astra
   Only spacing / margin / padding / gaps
   No colors - No backgrounds - No font family
   ================================================== */


/* منع أي خروج عرضي بسبب الهوامش أو الجريد */
.entry-content,
.entry-content .elementor,
.site-content,
.ast-container,
.content-area,
#primary {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}


/* تطبيق box sizing على عناصر المحتوى فقط */
.entry-content *,
.entry-content *::before,
.entry-content *::after {
  box-sizing: border-box;
}


/* مسافة مريحة بين أقسام Elementor */
.entry-content .elementor-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* المسافة بين كل Section واللي بعده */
.entry-content .elementor-section + .elementor-section {
  margin-top: 45px !important;
}


/* ضبط المسافات داخل الكونتينر */
.entry-content .elementor-container {
  row-gap: 30px;
  column-gap: 24px;
}


/* ضبط أعمدة Elementor */
.entry-content .elementor-column {
  margin-bottom: 0 !important;
}


/* المسافات داخل كل عمود */
.entry-content .elementor-widget-wrap {
  row-gap: 18px;
  column-gap: 18px;
}


/* إلغاء الالتصاق بين الودجتس بدون لمس التصميم */
.entry-content .elementor-widget {
  margin-bottom: 18px !important;
  margin-block-end: 18px !important;
}


/* آخر عنصر داخل العمود بدون مسافة زيادة */
.entry-content .elementor-widget-wrap > .elementor-widget:last-child {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}


/* ضبط مسافات النصوص داخل الودجت */
.entry-content .elementor-widget-container > * {
  margin-top: 0;
}


/* مسافة بين العناوين والنصوص */
.entry-content .elementor-widget-heading + .elementor-widget-text-editor,
.entry-content .elementor-widget-text-editor + .elementor-widget-heading,
.entry-content .elementor-widget-text-editor + .elementor-widget-text-editor {
  margin-top: 8px !important;
}


/* الفقرات داخل Elementor */
.entry-content .elementor-widget-text-editor p {
  margin-top: 0;
  margin-bottom: 14px;
  line-height: 1.9;
}


/* آخر فقرة بدون فراغ زائد */
.entry-content .elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}


/* العناوين */
.entry-content .elementor-heading-title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.45;
}


/* الصور بدون فراغات عشوائية */
.entry-content .elementor-widget-image {
  margin-bottom: 20px !important;
}

.entry-content .elementor-widget-image img {
  max-width: 100%;
  height: auto;
}


/* الجريد الموجود في الصفحة مثل grid-group */
.entry-content .grid-group {
  display: grid;
  gap: 24px;
  margin-top: 0;
  margin-bottom: 30px;
}


/* عناصر الجريد الداخلية */
.entry-content .grid-group > * {
  margin-top: 0;
  margin-bottom: 0;
}


/* عناوين الجريد */
.entry-content .grid-group h1,
.entry-content .grid-group h2,
.entry-content .grid-group h3,
.entry-content .grid-group h4 {
  margin-top: 0;
  margin-bottom: 14px;
  line-height: 1.45;
}


/* القوائم داخل الجريد */
.entry-content .grid-group ul,
.entry-content .grid-group ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
}


/* مسافات عناصر القوائم */
.entry-content .grid-group li {
  margin-bottom: 10px;
  line-height: 1.8;
}

.entry-content .grid-group li:last-child {
  margin-bottom: 0;
}


/* ==================================================
   Tablet
   ================================================== */
@media (max-width: 1024px) {

  .site-content .ast-container,
  .content-area,
  #primary {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .entry-content .elementor-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .entry-content .elementor-section + .elementor-section {
    margin-top: 36px !important;
  }

  .entry-content .elementor-container {
    row-gap: 26px;
    column-gap: 20px;
  }

  .entry-content .elementor-widget-wrap {
    row-gap: 16px;
    column-gap: 16px;
  }

  .entry-content .elementor-widget {
    margin-bottom: 16px !important;
    margin-block-end: 16px !important;
  }

  .entry-content .grid-group {
    gap: 20px;
    margin-bottom: 26px;
  }
}


/* ==================================================
   Mobile
   ================================================== */
@media (max-width: 767px) {

  .site-content .ast-container,
  .content-area,
  #primary {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .entry-content .elementor-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .entry-content .elementor-section + .elementor-section {
    margin-top: 30px !important;
  }

  .entry-content .elementor-container {
    row-gap: 22px;
    column-gap: 0;
  }

  .entry-content .elementor-column {
    margin-bottom: 20px !important;
  }

  .entry-content .elementor-column:last-child {
    margin-bottom: 0 !important;
  }

  .entry-content .elementor-widget-wrap {
    row-gap: 14px;
    column-gap: 0;
  }

  .entry-content .elementor-widget {
    margin-bottom: 14px !important;
    margin-block-end: 14px !important;
  }

  .entry-content .elementor-widget-container {
    margin-top: 0 !important;
  }

  .entry-content .elementor-widget-text-editor p {
    margin-bottom: 12px;
    line-height: 1.9;
  }

  .entry-content .elementor-heading-title {
    line-height: 1.45;
  }

  .entry-content .elementor-widget-heading + .elementor-widget-text-editor,
  .entry-content .elementor-widget-text-editor + .elementor-widget-heading,
  .entry-content .elementor-widget-text-editor + .elementor-widget-text-editor {
    margin-top: 6px !important;
  }

  .entry-content .grid-group {
    gap: 18px;
    margin-bottom: 24px;
  }

  .entry-content .grid-group h1,
  .entry-content .grid-group h2,
  .entry-content .grid-group h3,
  .entry-content .grid-group h4 {
    margin-bottom: 12px;
  }

  .entry-content .grid-group li {
    margin-bottom: 9px;
  }
}


/* ==================================================
   Small Mobile
   ================================================== */
@media (max-width: 480px) {

  .site-content .ast-container,
  .content-area,
  #primary {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .entry-content .elementor-section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .entry-content .elementor-section + .elementor-section {
    margin-top: 24px !important;
  }

  .entry-content .elementor-container {
    row-gap: 18px;
  }

  .entry-content .elementor-column {
    margin-bottom: 16px !important;
  }

  .entry-content .elementor-widget-wrap {
    row-gap: 12px;
  }

  .entry-content .elementor-widget {
    margin-bottom: 12px !important;
    margin-block-end: 12px !important;
  }

  .entry-content .elementor-widget-text-editor p {
    margin-bottom: 10px;
    line-height: 1.85;
  }

  .entry-content .grid-group {
    gap: 15px;
    margin-bottom: 20px;
  }

  .entry-content .grid-group li {
    margin-bottom: 8px;
  }
}
/* ==================================================
   Footer / Contact Responsive Spacing
   Using current Elementor classes only
   ================================================== */

/* ضبط عمود الاتصال وعمود الحقوق */
.elementor-element-7de1b647,
.elementor-element-834ed7a {
  box-sizing: border-box;
}

/* محتوى العمودين */
.elementor-element-7de1b647 .elementor-widget-wrap,
.elementor-element-834ed7a .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

/* تقليل أي مارجن عشوائي داخل عناصر الفوتر */
.elementor-element-7de1b647 .elementor-widget,
.elementor-element-834ed7a .elementor-widget {
  margin-bottom: 0 !important;
}

/* رابط الاتصال */
.elementor-element-177ac4a4 .elementor-widget-container {
  line-height: 1.8;
}

/* copyright */
.elementor-element-565cb8c .elementor-widget-container,
#copyright {
  line-height: 1.8;
}

/* لوجو دلتاوي */
.elementor-element-2cf6617 .elementor-widget-container {
  line-height: 1;
}

.elementor-element-2cf6617 img {
  display: block;
  margin: 8px auto 0 auto !important;
  max-width: 90px;
  height: auto;
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-element-7de1b647,
  .elementor-element-834ed7a {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .elementor-element-7de1b647 .elementor-widget-wrap,
  .elementor-element-834ed7a .elementor-widget-wrap {
    gap: 10px;
  }
}


/* Mobile */
@media (max-width: 767px) {

  /* خلي العمودين تحت بعض */
  .elementor-element-7de1b647,
  .elementor-element-834ed7a {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* مسافة بين عمود الاتصال وعمود الحقوق */
  .elementor-element-7de1b647 {
    margin-bottom: 18px !important;
  }

  .elementor-element-834ed7a {
    margin-bottom: 0 !important;
  }

  /* توسيط محتوى الفوتر في الموبايل */
  .elementor-element-7de1b647 .elementor-widget-wrap,
  .elementor-element-834ed7a .elementor-widget-wrap {
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  /* رابط الاتصال */
  .elementor-element-177ac4a4 .elementor-widget-container {
    text-align: center;
    margin-bottom: 0 !important;
  }

  .elementor-element-177ac4a4 a {
    display: inline-block;
    line-height: 1.8;
  }

  /* حقوق النشر */
  .elementor-element-565cb8c .elementor-widget-container,
  #copyright {
    text-align: center;
    margin-bottom: 0 !important;
  }

  /* اللوجو */
  .elementor-element-2cf6617 {
    margin-top: 2px !important;
  }

  .elementor-element-2cf6617 img {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }
}


/* Small Mobile */
@media (max-width: 480px) {

  .elementor-element-7de1b647,
  .elementor-element-834ed7a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .elementor-element-7de1b647 {
    margin-bottom: 16px !important;
  }

  .elementor-element-7de1b647 .elementor-widget-wrap,
  .elementor-element-834ed7a .elementor-widget-wrap {
    gap: 8px;
  }

  .elementor-element-177ac4a4 a,
  #copyright {
    line-height: 1.75;
  }

  .elementor-element-2cf6617 img {
    max-width: 82px;
    margin-top: 5px !important;
  }
}
/* ==================================================
   Services Cards Grids
   Targets: 38dcae7 + 5ef220e
   ================================================== */

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
).elementor-section-boxed > .elementor-container,
body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) > .elementor-container {
  display: grid !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) > .elementor-container > .elementor-column,
body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) > .elementor-container > .elementor-column.elementor-col-33 {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
  flex-basis: auto !important;
  flex-grow: unset !important;
  flex-shrink: unset !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) > .elementor-container > .elementor-column > .elementor-widget-wrap {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) > .elementor-container
  > .elementor-column
  > .elementor-widget-wrap
  > .elementor-widget-image:first-child img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) .elementor-inner-section .elementor-widget-image .elementor-widget-container {
  text-align: center !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) .elementor-widget {
  margin-bottom: 12px !important;
  margin-block-end: 12px !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) .elementor-widget:last-child {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

body .elementor :is(
  .elementor-element.elementor-element-38dcae7,
  .elementor-element.elementor-element-5ef220e
) .elementor-inner-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .elementor :is(
    .elementor-element.elementor-element-38dcae7,
    .elementor-element.elementor-element-5ef220e
  ).elementor-section-boxed > .elementor-container,
  body .elementor :is(
    .elementor-element.elementor-element-38dcae7,
    .elementor-element.elementor-element-5ef220e
  ) > .elementor-container {
    max-width: 100% !important;
    gap: 18px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 767px) {
  body .elementor :is(
    .elementor-element.elementor-element-38dcae7,
    .elementor-element.elementor-element-5ef220e
  ).elementor-section-boxed > .elementor-container,
  body .elementor :is(
    .elementor-element.elementor-element-38dcae7,
    .elementor-element.elementor-element-5ef220e
  ) > .elementor-container {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 20px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body .elementor :is(
    .elementor-element.elementor-element-38dcae7,
    .elementor-element.elementor-element-5ef220e
  ) > .elementor-container > .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

/* ==================================================
   Responsive Fix - Experience + Counters Section
   Target tablet: 768px to 1024px
   Only margin / padding / layout spacing
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  /* العمودين الأساسيين */
  body .elementor .elementor-element.elementor-element-78fdde8,
  body .elementor .elementor-element.elementor-element-35af678 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  /* الكونتينر الأب */
  body .elementor .elementor-element.elementor-element-78fdde8,
  body .elementor .elementor-element.elementor-element-35af678,
  body .elementor .elementor-element.elementor-element-78fdde8 > .elementor-widget-wrap,
  body .elementor .elementor-element.elementor-element-35af678 > .elementor-widget-wrap {
    min-width: 0 !important;
    overflow: visible !important;
  }

  /* السكشن الداخلي بتاع 2001 والخبرة */
  body .elementor .elementor-element.elementor-element-11ce10c,
  body .elementor .elementor-element.elementor-element-dd460ca {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* الكونتينر الداخلي */
  body .elementor .elementor-element.elementor-element-11ce10c > .elementor-container,
  body .elementor .elementor-element.elementor-element-dd460ca > .elementor-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
  }

  /* الأعمدة الداخلية */
  body .elementor .elementor-element.elementor-element-2e8a624,
  body .elementor .elementor-element.elementor-element-d40291d,
  body .elementor .elementor-element.elementor-element-c6ed695,
  body .elementor .elementor-element.elementor-element-bd49314 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  /* منع التراكب داخل الأعمدة */
  body .elementor .elementor-element.elementor-element-2e8a624 > .elementor-widget-wrap,
  body .elementor .elementor-element.elementor-element-d40291d > .elementor-widget-wrap,
  body .elementor .elementor-element.elementor-element-c6ed695 > .elementor-widget-wrap,
  body .elementor .elementor-element.elementor-element-bd49314 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  /* تقليل مارجن العناصر */
  body .elementor .elementor-element.elementor-element-11ce10c .elementor-widget,
  body .elementor .elementor-element.elementor-element-dd460ca .elementor-widget {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  /* رقم 2001 */
  body .elementor .elementor-element.elementor-element-c39157f .elementor-heading-title {
    line-height: 1.1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* نص 20 عاما + شركة المعمار */
  body .elementor .elementor-element.elementor-element-89ae903 .elementor-widget-container,
  body .elementor .elementor-element.elementor-element-3a14a9e .elementor-heading-title {
    line-height: 1.4 !important;
    margin: 0 !important;
  }

  /* العدادات */
  body .elementor .elementor-counter {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body .elementor .elementor-counter-title {
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    white-space: normal !important;
  }

  body .elementor .elementor-counter-number-wrapper {
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}


/* ==================================================
   Extra Fix: من 768px إلى 850px
   لو المساحة ضيقة، خلي كل بلوك تحت بعض
   ================================================== */

@media (min-width: 768px) and (max-width: 850px) {

  /* العمودين الأساسيين يبقوا تحت بعض بدل التداخل */
  body .elementor .elementor-element.elementor-element-78fdde8,
  body .elementor .elementor-element.elementor-element-35af678 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 18px !important;
  }

  body .elementor .elementor-element.elementor-element-35af678 {
    margin-bottom: 0 !important;
  }
}
/* توسيط الشرطة / الخط داخل grid-group */
.grid-group hr {
  width: 80px !important;
  max-width: 80px !important;
  margin: 12px auto 18px auto !important;
  float: none !important;
  display: block !important;
  clear: both !important;
}
/* ==================================================
   Simple Clean Style - Grid Group Links
   Target shortcode section only
   ================================================== */

/* حاوية الجريد */
.elementor-11 .elementor-element.elementor-element-282f7b0 .elementor-shortcode {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  direction: rtl;
  width: 100%;
  box-sizing: border-box;
}

/* الكارت */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group {
  background: #ffffff;
  border: 1px solid rgba(14, 43, 92, 0.12);
  border-radius: 12px;
  padding: 22px 20px;
  box-shadow: 0 4px 16px rgba(14, 43, 92, 0.06);
  box-sizing: border-box;
}

/* العنوان */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group h2 {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  line-height: 1.5;
}

/* رابط العنوان */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group h2 a {
  color: var(--e-global-color-b5efa00, #0E2B5C) !important;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none !important;
  font-family: "Almarai", Sans-serif;
}

/* الشرطة في المنتصف */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group hr {
  width: 55px !important;
  max-width: 55px !important;
  height: 3px !important;
  border: 0 !important;
  background: var(--e-global-color-d91e8ac, #FE904C) !important;
  border-radius: 30px;
  margin: 12px auto 16px auto !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  opacity: 1 !important;
}

/* القائمة */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* عنصر القائمة */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li {
  margin: 0 !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid rgba(14, 43, 92, 0.08);
  line-height: 1.7;
}

.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0 !important;
}

/* الرابط */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li a {
  position: relative;
  display: block;
  color: var(--e-global-color-085156e, #7E8A96) !important;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none !important;
  line-height: 1.7;
  padding-right: 18px;
  transition: color 0.2s ease, padding-right 0.2s ease;
}

/* نقطة بسيطة قبل الرابط */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 6px;
  height: 6px;
  background: var(--e-global-color-d91e8ac, #FE904C);
  border-radius: 50%;
}

/* Hover بسيط */
.elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li a:hover {
  color: var(--e-global-color-b5efa00, #0E2B5C) !important;
  padding-right: 22px;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-11 .elementor-element.elementor-element-282f7b0 .elementor-shortcode {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group {
    padding: 20px 18px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-11 .elementor-element.elementor-element-282f7b0 .elementor-shortcode {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group {
    padding: 18px 15px;
    border-radius: 10px;
  }

  .elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group h2 a {
    font-size: 19px;
  }

  .elementor-11 .elementor-element.elementor-element-282f7b0 .grid-group ul li a {
    font-size: 14px;
  }
}
/* =====================================================
   Single Post Header Logo Stability
   ===================================================== */

.single-post #masthead .site-logo-img {
  display: block;
  width: 136px;
  height: 67px;
  min-width: 136px;
  min-height: 67px;
  flex: 0 0 136px;
  overflow: hidden;
}

.single-post #masthead .custom-logo-link {
  display: block;
  width: 136px;
  height: 67px;
  line-height: 0;
}

.single-post #masthead img.custom-logo {
  display: block;
  width: 136px !important;
  height: 67px !important;
  max-width: 110px !important;
  object-fit: contain;
}

.single-post .site-logo-img img {
  transition: none !important;
}

/* =====================================================
   CLS FIX - Single Post
   شركة المعمار
   ===================================================== */


/* توحيد طريقة حساب أبعاد العناصر داخل صفحة المقال */
.single-post *,
.single-post *::before,
.single-post *::after {
    box-sizing: border-box;
}


/* =====================================================
   1. تثبيت قالب المقال
   ===================================================== */

.single-post .elementor-location-single.elementor-243 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* منع تغير أبعاد أقسام Elementor بعد التحميل */
.single-post
.elementor-location-single.elementor-243
.elementor-section,
.single-post
.elementor-location-single.elementor-243
.elementor-container,
.single-post
.elementor-location-single.elementor-243
.elementor-column,
.single-post
.elementor-location-single.elementor-243
.elementor-widget-wrap {
    box-sizing: border-box;
    min-width: 0;
}


/* =====================================================
   2. تثبيت قسم عنوان المقال
   ===================================================== */

.single-post
.elementor-location-single.elementor-243
.elementor-element-6caf2966 {
    width: 100%;
    min-height: 150px;
}


/* تثبيت عنوان المقال */
.single-post
.elementor-location-single.elementor-243
.elementor-element-62176575
.elementor-heading-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}


/* تثبيت رقم الهاتف الموجود أسفل العنوان */
.single-post
.elementor-location-single.elementor-243
.elementor-element-3a0aade
.elementor-heading-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}


/* =====================================================
   3. تثبيت مساحة الصورة البارزة قبل تحميلها
   الأبعاد الأصلية 1024 × 768
   النسبة 4:3
   ===================================================== */

.single-post
.elementor-location-single.elementor-243
.elementor-element-979cbc0 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* حجز مساحة الصورة قبل اكتمال تحميلها */
.single-post
.elementor-location-single.elementor-243
.elementor-element-979cbc0
.elementor-widget-container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #f3f4f6;
    border-radius: 10px;
}


/* تثبيت الصورة داخل المساحة المحجوزة */
.single-post
.elementor-location-single.elementor-243
.elementor-element-979cbc0
img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
}


/* تثبيت عمود الصورة */
.single-post
.elementor-location-single.elementor-243
.elementor-element-4b233b79 {
    min-width: 0;
    flex-shrink: 0;
}


/* =====================================================
   4. تثبيت بيانات المقال
   ===================================================== */

.single-post
.elementor-location-single.elementor-243
.elementor-element-67394ac4 {
    min-height: 30px;
}


/* تثبيت قائمة التاريخ والوقت والتعليقات */
.single-post .elementor-post-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 28px;
    margin: 0;
}


/* تثبيت عناصر بيانات المقال */
.single-post .elementor-post-info .elementor-icon-list-item {
    min-height: 24px;
}


/* تثبيت مساحة الأيقونات قبل تحميل Font Awesome */
.single-post .elementor-post-info .elementor-icon-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
}


/* منع تغير عرض الأيقونة */
.single-post .elementor-post-info i {
    display: inline-block;
    width: 18px;
    min-width: 18px;
    text-align: center;
}


/* =====================================================
   5. تثبيت محتوى المقال
   ===================================================== */

.single-post
.elementor-location-single.elementor-243
.elementor-element-3cde3ff9 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* منع النصوص من تجاوز عرض الصفحة */
.single-post
.elementor-widget-theme-post-content
.elementor-widget-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-wrap: break-word;
}


/* =====================================================
   6. صور محتوى المقال
   تمت إضافة المسافات المطلوبة
   ===================================================== */

.single-post
.elementor-widget-theme-post-content
img[width][height] {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;

    margin-bottom: 30px;
    border-radius: 10px;
    margin-top: 30px;
}


/* منع المسافة الناتجة عن عرض الصورة كعنصر inline */
.single-post
.elementor-widget-theme-post-content
p > a:has(> img) {
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 0;
}


/* منع فقرة الصورة من إضافة ارتفاعات غير متوقعة */
.single-post
.elementor-widget-theme-post-content
p:has(> a > img) {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0;
}


/* إعادة المسافات إلى الصورة نفسها فقط */
.single-post
.elementor-widget-theme-post-content
p:has(> a > img)
img[width][height] {
    margin-top: 30px;
    margin-bottom: 30px;
}


/* تثبيت عناصر figure */
.single-post
.elementor-widget-theme-post-content
figure {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}


/* منع الصورة من تجاوز الحاوية */
.single-post
.elementor-widget-theme-post-content
figure img {
    max-width: 100%;
}


/* =====================================================
   7. صورة البانر الموجودة في بداية المحتوى
   أبعادها 1024 × 205
   ===================================================== */

.single-post
.elementor-widget-theme-post-content
img.wp-image-28037 {
    width: 100%;
    max-width: 1024px;
    height: auto;
    aspect-ratio: 1024 / 205;
    object-fit: contain;
}


/* =====================================================
   8. تثبيت جدول المحتويات
   ===================================================== */

.single-post
.elementor-widget-theme-post-content
.dwtoc-box {
    display: block;
    clear: both;
    float: none;
    width: 60% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-top: 22px;
    margin-right: 0;
    margin-bottom: 22px;
    margin-left: 0;
    padding: 18px;
    box-sizing: border-box;
    contain: layout;
}


/* تثبيت رأس جدول المحتويات */
.single-post
.elementor-widget-theme-post-content
.dwtoc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 32px;
    margin-bottom: 12px;
}


/* تثبيت عنوان جدول المحتويات */
.single-post
.elementor-widget-theme-post-content
.dwtoc-title {
    margin: 0 !important;
    line-height: 1.5;
}


/* تثبيت زر إظهار وإخفاء المحتويات */
.single-post
.elementor-widget-theme-post-content
.dwtoc-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 62px;
    min-height: 30px;
    white-space: nowrap;
    flex-shrink: 0;
}


/* تثبيت القائمة عندما تكون مفتوحة */
.single-post
.elementor-widget-theme-post-content
.dwtoc-mobile-collapsed.is-open
.dwtoc-list {
    display: block;
}


/* إخفاؤها فقط عند إزالة is-open */
.single-post
.elementor-widget-theme-post-content
.dwtoc-mobile-collapsed:not(.is-open)
.dwtoc-list {
    display: none;
}


/* =====================================================
   9. تثبيت الجداول داخل المقال
   ===================================================== */

.single-post
.elementor-widget-theme-post-content
table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}


/* منع محتوى الجدول من توسيع الصفحة */
.single-post
.elementor-widget-theme-post-content
th,
.single-post
.elementor-widget-theme-post-content
td {
    overflow-wrap: anywhere;
    word-break: normal;
}


/* =====================================================
   11. تثبيت ارتفاع الهيدر
   ===================================================== */

.single-post #masthead .main-header-bar,
.single-post #masthead .ast-primary-header-bar,
.single-post #masthead .site-primary-header-wrap {
    min-height: 75px;
}


/* تثبيت شبكة الهيدر */
.single-post #masthead .ast-builder-grid-row {
    min-height: 75px;
    align-items: center;
}


/* =====================================================
   12. تثبيت أيقونة قائمة الموبايل
   ===================================================== */

.single-post
#masthead
.main-header-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
}


/* تثبيت SVG القائمة */
.single-post
#masthead
.main-header-menu-toggle
svg {
    display: block;
    width: 24px;
    height: 24px;
}


/* =====================================================
   13. تعطيل مؤثرات Elementor التي قد تسبب حركة
   ===================================================== */

.single-post
.elementor-location-single.elementor-243
.elementor-widget,
.single-post
.elementor-location-single.elementor-243
.elementor-element {
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}


/* تعطيل Transform الابتدائي */
.single-post
.elementor-location-single.elementor-243
.elementor-element {
    --e-transform-transition-duration: 0s;
}


/* =====================================================
   14. أجهزة التابلت والموبايل
   ===================================================== */

@media screen and (max-width: 1024px) {

    .single-post
    .elementor-location-single.elementor-243
    .elementor-element-6caf2966 {
        min-height: 140px;
    }

    .single-post
    .elementor-location-single.elementor-243
    .elementor-element-4b233b79 {
        width: 100%;
        max-width: 100%;
    }

    .single-post
    .elementor-location-single.elementor-243
    .elementor-element-979cbc0 {
        width: 100%;
        max-width: 100%;
    }
}


/* =====================================================
   15. الموبايل
   ===================================================== */

@media screen and (max-width: 768px) {

    /* جدول المحتويات بعرض كامل */
    .single-post
    .elementor-widget-theme-post-content
    .dwtoc-box {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 18px;
        margin-bottom: 18px;
        padding: 14px;
    }

    /* تثبيت الهيدر */
    .single-post #masthead .main-header-bar,
    .single-post #masthead .ast-primary-header-bar,
    .single-post #masthead .site-primary-header-wrap,
    .single-post #masthead .ast-builder-grid-row {
        min-height: 75px;
    }

    /* الحفاظ على المسافات المطلوبة للصور */
    .single-post
    .elementor-widget-theme-post-content
    img[width][height] {
        max-width: 100%;
        height: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        border-radius: 10px;
    }

    /* عنوان المقال */
    .single-post
    .elementor-location-single.elementor-243
    .elementor-element-62176575
    .elementor-heading-title {
        line-height: 1.4;
    }
}

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    overflow: hidden;
}
.single-post
.elementor-location-single.elementor-243
.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}

.single-post
.elementor-location-single.elementor-243
.elementor-widget-theme-post-featured-image,
.single-post
.elementor-location-single.elementor-243
.elementor-widget-theme-post-featured-image
.elementor-widget-container,
.single-post
.elementor-location-single.elementor-243
img.elmemar-lcp-featured {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}
