.elementor-15 .elementor-element.elementor-element-4717332{--display:flex;--min-height:620px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.98;--padding-top:180px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-4717332:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-4717332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://windoorstechsa.com/wp-content/uploads/2026/02/imgi_2_photo-1512917774080-9991f1c4c750.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-4717332::before, .elementor-15 .elementor-element.elementor-element-4717332 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-4717332 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-4717332 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-4717332 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-4717332 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1c5a78e );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-5ed7bca4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-6d6f834a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-6d6f834a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-1860dec );}.elementor-15 .elementor-element.elementor-element-69408036{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:var( --e-global-color-astglobalcolor6 );}.elementor-15 .elementor-element.elementor-element-7f85f4cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:16px;--padding-right:16px;}.elementor-15 .elementor-element.elementor-element-7f85f4cf:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-7f85f4cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1860dec );}.elementor-15 .elementor-element.elementor-element-7f85f4cf::before, .elementor-15 .elementor-element.elementor-element-7f85f4cf > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-7f85f4cf > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-7f85f4cf > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-7f85f4cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-7f85f4cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-52da9708{--display:flex;--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-15 .elementor-element.elementor-element-541c229f .eael-grid-post{padding:6px 6px 6px 6px;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-grid-post-holder{border-radius:24px 24px 24px 24px;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-post-grid .eael-grid-post .eael-entry-media img, .elementor-15 .elementor-element.elementor-element-541c229f .eael-grid-post .eael-entry-overlay{border-radius:24px 24px 24px 24px;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-entry-title a{color:#303133;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-entry-title:hover, .elementor-15 .elementor-element.elementor-element-541c229f .eael-entry-title a:hover{color:#23527c;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-entry-title{text-align:center;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:24px;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-grid-post .eael-entry-overlay > img{height:24px;width:24px;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-post-elements-readmore-btn{color:#000BEC;}.elementor-15 .elementor-element.elementor-element-541c229f .eael-load-more-button{margin:24px 0px 0px 0px;color:#fff;background:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-541c229f .eael-load-more-button:hover{color:#fff;background:var( --e-global-color-astglobalcolor1 );}.elementor-15 .elementor-element.elementor-element-541c229f .eael-load-more-button-wrap{justify-content:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-4717332{--padding-top:150px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-7f85f4cf{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-52da9708{--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-4717332{--min-height:420px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-15 .elementor-element.elementor-element-6d6f834a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-69408036{text-align:center;}.elementor-15 .elementor-element.elementor-element-7f85f4cf{--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;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:60px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-15 .elementor-element.elementor-element-52da9708{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}}@media(min-width:1025px){.elementor-15 .elementor-element.elementor-element-4717332:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-4717332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for eael-post-grid, class: .elementor-element-541c229f */.projects-section{

  background: #f3f4f6;
}

/* ====== GRID (Flex + real gaps) ====== */
.projects-section .projects-grid .eael-post-grid{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important; /* المسافة بين الكروت أفقي/عمودي */
}

/* كل كارت = عمود */
.projects-section .projects-grid article.eael-grid-post.eael-post-grid-column{
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 calc((100% - 48px) / 3) !important; /* 3 أعمدة مع gap 24 (يعني 48 بين 3) */
  max-width: calc((100% - 48px) / 3) !important;
}

/* تابلت: عمودين */
@media (max-width: 1024px){
  .projects-section .projects-grid article.eael-grid-post.eael-post-grid-column{
    flex: 0 0 calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
  }
}

/* موبايل: عمود واحد */
@media (max-width: 767px){
  .projects-section .projects-grid article.eael-grid-post.eael-post-grid-column{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ====== CARD LOOK ====== */
.projects-section .projects-grid .eael-grid-post{
  border-radius: 32px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 14px 40px rgba(15,23,42,.08) !important;
  transition: .35s ease !important;
}

.projects-section .projects-grid .eael-grid-post:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.14) !important;
  border-color: rgba(122,75,179,.35) !important;
}

/* ====== IMAGE AREA (no white edges) ====== */
.projects-section .projects-grid .eael-grid-post-holder-inner{
  position: relative !important;
}

/* نخلي مساحة الصورة ثابتة = دي اللي هنوسّط جوّاها */
.projects-section .projects-grid .eael-entry-media{
  position: relative !important;
  height: 280px !important;
  overflow: hidden !important;
  background: #0f172a !important;   /* لو فيه أي فراغ مايبقاش أبيض */
  line-height: 0 !important;
}

/* EA thumbnail wrapper */
.projects-section .projects-grid .eael-entry-thumbnail{
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.projects-section .projects-grid .eael-entry-thumbnail img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
  transition: .45s ease !important;
}

.projects-section .projects-grid .eael-grid-post:hover .eael-entry-thumbnail img{
  transform: scale(1.06) !important;
}

/* ====== SOFT OVERLAY (على الصورة فقط) ====== */
.projects-section .projects-grid .eael-entry-media::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(15,23,42,.25); /* بسيط */
  opacity: 1;
  transition: .35s ease;
  z-index: 2;
  pointer-events: none;
}

.projects-section .projects-grid .eael-entry-media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to top,
    rgba(15,23,42,.75) 0%,     /* أغمق عند النص */
    rgba(15,23,42,.45) 40%,
    rgba(15,23,42,.15) 70%,
    rgba(15,23,42,0) 100%
  );
  opacity: 1;
  transition: .35s ease;
  z-index: 2;
  pointer-events: none;
}
/* مهم: اقفل overlay الافتراضي بتاع EA عشان مايلعبش في الشكل */
.projects-section .projects-grid .eael-entry-overlay{
  display: none !important;
}

/* ====== CENTER CONTENT (title + button) ====== */
.projects-section .projects-grid .eael-entry-wrapper{
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;  /* ينزل لتحت */
padding-bottom: 36px !important;      /* مسافة من تحت */
  align-items: center !important;      /* وسط أفقي */
  text-align: center !important;

  padding: 18px !important;
  background: transparent !important;

  /* حركة خفيفة */
  transform: translateY(6px) !important;
  transition: .35s ease !important;
}

.projects-section .projects-grid .eael-grid-post:hover .eael-entry-wrapper{
  transform: translateY(0) !important;
}

/* Title */
.projects-section .projects-grid .eael-entry-title{
  margin: 0 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  font-size: 22px !important;
}

.projects-section .projects-grid .eael-entry-title a{
  color: #fff !important;
  text-decoration: none !important;
  max-width: 92% !important;
  display: inline-block !important;
  text-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
}

/* Read more container */
.projects-section .projects-grid .eael-entry-content{
  margin-top: 14px !important;
}

.projects-section .projects-grid .eael-grid-post-excerpt{
  margin: 0 !important;
}

/* ====== GLASS BUTTON STYLE ====== */
.projects-section .projects-grid a.eael-post-elements-readmore-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 11px 20px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.30) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;

  transition: .25s ease !important;
}

.projects-section .projects-grid a.eael-post-elements-readmore-btn:hover{
  background: rgba(255,255,255,0.20) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
}

.projects-section .projects-grid a.eael-post-elements-readmore-btn:hover{
  background: rgba(122,75,179,.85) !important;
  border-color: rgba(122,75,179,.85) !important;
  color: #fff !important;
}
/* ====== FORCE GLASS BUTTON (EA) + KILL FILL HOVER ====== */
.projects-section .projects-grid .eael-entry-wrapper a.eael-post-elements-readmore-btn,
.projects-section .projects-grid .eael-entry-wrapper a.eael-post-elements-readmore-btn:visited{
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.30) !important;

  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;

  color: #fff !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* مهم جدًا: EA ساعات بتعمل Fill باستخدام ::before / ::after */
.projects-section .projects-grid .eael-entry-wrapper a.eael-post-elements-readmore-btn::before,
.projects-section .projects-grid .eael-entry-wrapper a.eael-post-elements-readmore-btn::after{
  content: none !important;
  display: none !important;
}

/* Hover الحقيقي */
.projects-section .projects-grid .eael-entry-wrapper a.eael-post-elements-readmore-btn:hover{
  background: rgba(255,255,255,0.20) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* لو فيه rule تاني بيشتغل بسبب hover على الكارت نفسه */
.projects-section .projects-grid .eael-grid-post:hover .eael-entry-wrapper a.eael-post-elements-readmore-btn{
  background: rgba(255,255,255,0.20) !important;
  border-color: rgba(255,255,255,0.35) !important;
}/* End custom CSS */