.advanced-slider .swiper .swiper-slide-active h2 {
  color: white;
  text-shadow:
    -2px -2px 0 #3697B9,
     2px -2px 0 #3697B9,
    -2px  2px 0 #3697B9,
     2px  2px 0 #3697B9,
    0px  -2px 0 #3697B9,
    0px   2px 0 #3697B9,
    -2px  0px 0 #3697B9,
     2px  0px 0 #3697B9;
}
a.advanced-slider__caption__inner__content__button {
    padding: 8px 35px;
    border: 1px solid white;
}

@media (min-width: 768px) {
  .first-banner-section > .grid.one-row {
    display: grid;
    grid-template-columns: 1fr 2fr; /* العمود الأول أصغر (لبانر 1 و 2) */
    grid-template-rows: repeat(2, auto);
    gap: 1rem;
    grid-template-areas:
      "banner-1 banner-3"
      "banner-2 banner-3";
    height: 100%;
  }

  .first-banner-section > .grid.one-row .banner-entry:nth-child(1) {
    grid-area: banner-1;
    height: 255px !important;
  }

  .first-banner-section > .grid.one-row .banner-entry:nth-child(2) {
    grid-area: banner-2;
    height: 255px !important;
  }

  .first-banner-section > .grid.one-row .banner-entry:nth-child(3) {
    grid-area: banner-3;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .first-banner-section > .grid.one-row .banner-entry:nth-child(3) > div {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .banner-entry {
    height: 43em;
    }
}

/* ==============================
   4- إعدادات الصور والبنرات
============================== */
a.banner-entry.square-photos {
    background: transparent; /* خلفية شفافة */
}

.banner-entry {
    transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),       /* حركة تكبير/تصغير */
        background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* انتقال حجم الخلفية */
        background-position 0.6s ease;                             /* انتقال موضع الخلفية */
}

.banner-entry:hover {
    transform: scale(1.05) translateY(-10px); /* تكبير وتحريك لأعلى عند الهوفر */
}

img {
    background: transparent !important; /* إزالة خلفية الصور */
    border-radius: 0;                   /* إزالة الزوايا الدائرية */
}

    
    .bg-gray-900 {
    background-color: rgb(17 24 39 / 0%);
}

@media (max-width: 767px) {
  /* استهداف ثاني section من نوعه */
  .s-block.s-block--banners.container:nth-of-type(5) > .grid.one-row .banner-entry {
    height: 25em; /* ارتفاع أقل للموبايل للسكشن التاني */
  }
}

.advanced-slider .swiper .swiper-slide-active p {
    color: white;
}