.elementor-1383 .elementor-element.elementor-element-1d98131{--display:flex;--min-height:450px;--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;}.elementor-1383 .elementor-element.elementor-element-474d149{--display:flex;--min-height:100vh;}.elementor-1383 .elementor-element.elementor-element-474d149:not(.elementor-motion-effects-element-type-background), .elementor-1383 .elementor-element.elementor-element-474d149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .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-primary );}.elementor-1383 .elementor-element.elementor-element-07952e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title{font-family:"Almarai Bold", Sans-serif;font-size:42px;font-weight:600;line-height:3rem;color:#FFFFFF;}.elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title a:hover, .elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title a:focus{color:#D1D0D0;}.elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title a{transition-duration:0.3s;}@media(max-width:1024px){.elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title{font-size:32px;line-height:2.8rem;}}@media(max-width:767px){.elementor-1383 .elementor-element.elementor-element-07952e4 .elementor-heading-title{font-size:24px;line-height:2.2rem;}}/* Start custom CSS for container, class: .elementor-element-1d98131 */.card {
  position: relative;
  overflow: hidden;
  height: 300px;
  color: #fff;
}

/* الصورة */
.card-bg {
  position: absolute;
  inset: -10px;
  transition: transform 0.4s ease;
}


.card::before {
  content: "";
  position: absolute;
  inset: 0px; /* يغطي الحواف*/
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 26.43%,
    #000000 100%
  );
  z-index: 1;
}

/* overlay إضافي للتعتيم */
.card::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: #000;
  opacity: 0;
  transition: opacity 0.1s ease;
  z-index: 1;
}

/* العنوان (يدعم RTL / LTR) */
.card-title {
  position: absolute;
  bottom: 20px;
  inset-inline-start: 2rem;
  z-index: 2;
  margin: 0;
}

/* hover */
.card:hover .card-bg {
  transform: scale(1.08);
}

.card:hover::after {
  opacity: 0.3;
}

/* Responsive */

/* تابلت */
@media (max-width: 992px) {
  .card-title {
    inset-inline-start: 1.5rem;
    bottom: 15px;
  }
}

/* موبايل */
@media (max-width: 576px) {
  .card-title {
    inset-inline-start: 1rem;
    bottom: 10px;
  }
}/* End custom CSS */