/* Add custom CSS styles below */ 
html.hydrated {
    overflow-x: hidden;
}
/*header*/
@media (min-width: 768px) {
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
    width: 70px !important;
}
}


/*cat pics*/
.group.flex-1.bg-cover.bg-center.bg-no-repeat.special_category_wrapper:nth-of-type(2) {
    display: none;
}
@media (max-width: 767px) {
.special_categories .special_category {
    opacity: 1;
}
.special_categories .special_category_wrapper a::before {
    opacity: 0.3;
}
.special_categories .col-span-3.row-span-1.flex.gap-6 .special_category_title {
    font-size: 13px !important;
}
}
@media (min-width: 767px) {
.category_section .justify-around {
    justify-content: center;
    gap:2rem;
}}


/*main_banner*/
.main_banner .h-\[90\%\] {
    height: 100%;
}
@media (max-width: 450px) {
.main_banner .h-\[90\%\] {
    height: 75%;
}
.main_banner h2.text-heading {
    width: 320px;
}}


/*questions*/
@media (min-width: 767px) {
.feq_section {
    background-position: top center;
}
}


/*moving banner video bg*/
/*.moved_banner .background-video {
    filter: brightness(0.6);
}
section:nth-child( 1 of .moved_banner) .z-0.circle ,section:nth-child( 1 of .moved_banner) 
 .flex.items-end.image-content.z-1 {
    display: none;
}
section:nth-child( 1 of .moved_banner)  .swiper-rtl.swiper-watch-progress {
    height: 40rem;
}
section:nth-child( 1 of .moved_banner)  .text-content.z-50 {
    width: 96% !important;
    justify-items: center;
    margin: auto;
    text-align: center;
}
@media (max-width: 767px) {
section:nth-child( 1 of .moved_banner)  .swiper-rtl.swiper-watch-progress {
    height: 20rem;
}}
*/
/* =========================================
   عبر الأثير | البوابات الثلاث الفاخرة
   ========================================= */

.s-block--square-photos{
  background:#FFFFFF !important;
  padding:32px 0 38px !important;
  margin:0 !important;
  overflow:hidden !important;
}

.s-block--square-photos::before,
.s-block--square-photos::after{
  display:none !important;
}

/* الحاوية */
.s-block--square-photos > .container{
  width:calc(100% - 32px) !important;
  max-width:1080px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

/* العنوان */
.s-block--square-photos .s-block__title{
  width:100% !important;
  max-width:none !important;
  margin:0 0 24px !important;
  text-align:center !important;
  color:#16111D !important;
  font-size:28px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.s-block--square-photos .s-block__title::after{
  content:"" !important;
  display:block !important;
  width:38px !important;
  height:3px !important;
  margin:10px auto 0 !important;
  border-radius:50px !important;
  background:#4B206B !important;
}

/* الشبكة */
.s-block--square-photos .grid,
.s-block--square-photos [class*="grid"]{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
  align-items:stretch !important;
}

/* البطاقة */
.s-block--square-photos a{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:100% !important;
  min-width:0 !important;
  min-height:285px !important;

  padding:15px 15px 20px !important;

  background:#FFFFFF !important;
  border:1px solid #EAE5ED !important;
  border-radius:24px !important;

  overflow:hidden !important;

  box-shadow:
    0 12px 30px rgba(22,17,29,.055) !important;

  transform:none !important;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}

/* خط بنفسجي صغير فاخر */
.s-block--square-photos a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:30% !important;
  right:30% !important;
  height:3px !important;

  background:#4B206B !important;
  border-radius:0 0 30px 30px !important;

  opacity:.9 !important;
}

/* إزالة أي مؤثر قديم */
.s-block--square-photos a::before{
  display:none !important;
}

/* الصورة */
.s-block--square-photos a img{
  display:block !important;

  width:100% !important;
  max-width:220px !important;
  height:190px !important;

  margin:0 auto 13px !important;
  padding:9px !important;

  object-fit:contain !important;
  object-position:center !important;

  border-radius:18px !important;

  /* خلفية سادة */
  background:#F7F4F8 !important;

  box-shadow:none !important;
  filter:none !important;
  transform:none !important;

  transition:transform .25s ease !important;
}

/* تنويع سادة وهادئ لكل بوابة */
.s-block--square-photos a:nth-child(1) img{
  background:#F7F4F8 !important;
}

.s-block--square-photos a:nth-child(2) img{
  background:#F9F7FA !important;
}

.s-block--square-photos a:nth-child(3) img{
  background:#F5F1F7 !important;
}

/* الاسم */
.s-block--square-photos a h3,
.s-block--square-photos a p,
.s-block--square-photos a span{
  display:block !important;

  width:100% !important;
  margin:0 !important;
  padding:0 5px !important;

  text-align:center !important;

  color:#16111D !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:850 !important;

  white-space:normal !important;
}

/* منع الأسهم القديمة */
.s-block--square-photos a h3::after,
.s-block--square-photos a p::after,
.s-block--square-photos a span::after{
  display:none !important;
  content:none !important;
}

/* حركة الكمبيوتر */
@media (hover:hover) and (min-width:768px){

  .s-block--square-photos a:hover{
    transform:translateY(-5px) !important;
    border-color:#D4C4DB !important;

    box-shadow:
      0 20px 42px rgba(22,17,29,.09) !important;
  }

  .s-block--square-photos a:hover img{
    transform:scale(1.025) !important;
  }
}

/* =========================================
   الجوال
   ========================================= */

@media (max-width:767px){

  .s-block--square-photos{
    background:#FFFFFF !important;
    padding:18px 0 23px !important;
  }

  .s-block--square-photos > .container{
    width:calc(100% - 18px) !important;
    max-width:none !important;
  }

  .s-block--square-photos .s-block__title{
    font-size:20px !important;
    margin-bottom:14px !important;
  }

  .s-block--square-photos .s-block__title::after{
    width:30px !important;
    height:3px !important;
    margin-top:7px !important;
  }

  /* الثلاثة بجانب بعض دائمًا */
  .s-block--square-photos .grid,
  .s-block--square-photos [class*="grid"]{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    margin:0 !important;
  }

  .s-block--square-photos a{
    min-width:0 !important;
    min-height:145px !important;

    padding:7px 5px 10px !important;

    border-radius:15px !important;

    background:#FFFFFF !important;

    box-shadow:
      0 5px 15px rgba(22,17,29,.05) !important;

    transform:none !important;
  }

  .s-block--square-photos a::after{
    left:32% !important;
    right:32% !important;
    height:2px !important;
  }

  .s-block--square-photos a img{
    width:100% !important;
    max-width:100% !important;
    height:86px !important;

    margin:0 auto 7px !important;
    padding:3px !important;

    border-radius:11px !important;

    object-fit:contain !important;

    filter:none !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .s-block--square-photos a h3,
  .s-block--square-photos a p,
  .s-block--square-photos a span{
    width:100% !important;

    padding:0 1px !important;

    font-size:11px !important;
    line-height:1.28 !important;
    font-weight:800 !important;

    text-align:center !important;

    overflow-wrap:normal !important;
    word-break:normal !important;
    white-space:normal !important;
  }

  .s-block--square-photos a:active{
    transform:scale(.98) !important;
    border-color:#CDBBD5 !important;
  }
}

/* iPhone صغير */
@media (max-width:390px){

  .s-block--square-photos > .container{
    width:calc(100% - 12px) !important;
  }

  .s-block--square-photos .grid,
  .s-block--square-photos [class*="grid"]{
    gap:5px !important;
  }

  .s-block--square-photos a{
    min-height:137px !important;
    padding:6px 4px 9px !important;
    border-radius:14px !important;
  }

  .s-block--square-photos a img{
    height:79px !important;
    margin-bottom:6px !important;
  }

  .s-block--square-photos a h3,
  .s-block--square-photos a p,
  .s-block--square-photos a span{
    font-size:10.2px !important;
    line-height:1.22 !important;
  }
}

/* أجهزة شديدة الصغر */
@media (max-width:340px){

  .s-block--square-photos > .container{
    width:calc(100% - 8px) !important;
  }

  .s-block--square-photos .grid,
  .s-block--square-photos [class*="grid"]{
    gap:4px !important;
  }

  .s-block--square-photos a{
    min-height:129px !important;
    padding:5px 3px 8px !important;
  }

  .s-block--square-photos a img{
    height:73px !important;
  }

  .s-block--square-photos a h3,
  .s-block--square-photos a p,
  .s-block--square-photos a span{
    font-size:9.5px !important;
  }
}
/* إخفاء بنر الكمبيوتر على الجوال */
@media (max-width: 767px){
  .desktop-banner{
    display:none !important;
  }
  .mobile-banner{
    display:block !important;
  }
}

/* إخفاء بنر الجوال على الكمبيوتر */
@media (min-width: 768px){
  .desktop-banner{
    display:block !important;
  }
  .mobile-banner{
    display:none !important;
  }
}