:root{
  --brand-color:#f06423;
}

/* تلوين الكلمة */
.brand-highlight{
  color: var(--brand-color);
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: brandFadeUp 0.8s ease forwards;
  animation-delay: .3s;
}

/* حركة سينمائية ناعمة */
@keyframes brandFadeUp{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}



/* Add custom CSS styles below */ 
.brand-accent {
  color: #F06423;
  transition: all 0.3s ease;
}
/* ===================================
   HERO CENTER PREMIUM STYLE
=================================== */

#saji-hero-video-0 .absolute.inset-0{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

#saji-hero-video-0 .animated-background-data{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
}

#saji-hero-video-0 .animated-background-text{
    text-align:center !important;
    align-items:center !important;
    max-width:700px;
    padding:0 20px;
}

/* ===================================
   TITLE STYLE
=================================== */

#saji-hero-video-0 h2{
    font-size:52px !important;
    font-weight:800 !important;
    line-height:1.2;
    letter-spacing:-1px;
    margin-bottom:20px;
}

/* ===================================
   SUBTITLE STYLE
=================================== */

#saji-hero-video-0 p{
    font-size:20px !important;
    opacity:0.9;
    margin-bottom:30px;
}

/* ===================================
   BRAND WORD COLOR
=================================== */

.brand-word{
    color:#f06423 !important;
}

/* ===================================
   BUTTON STYLE UPGRADE
=================================== */

#saji-hero-video-0 .btn{
    padding:12px 32px !important;
    font-size:15px !important;
    border-radius:30px !important;
    transition:0.3s ease !important;
}

#saji-hero-video-0 .btn:hover{
    transform:translateY(-3px);
}

/* ===================================
   MOBILE
=================================== */

@media(max-width:768px){

    #saji-hero-video-0 h2{
        font-size:30px !important;
    }

    #saji-hero-video-0 p{
        font-size:15px !important;
    }

}
/* ===================================
   HERO HEIGHT 90% SCREEN
=================================== */

#saji-hero-video-0{
    height:90vh !important;
    min-height:90vh !important;
    overflow:hidden;
}

/* يخلي الفيديو يملأ الارتفاع */
#saji-hero-video-0 video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* يكسر aspect-video اللي الثيم فارضه */
#saji-hero-video-0 .aspect-video{
    height:100% !important;
    aspect-ratio:auto !important;
}

/* يخلي overlay ياخد نفس الارتفاع */
#saji-hero-video-0 .aspect-video::before{
    height:100% !important;
}

/* ===================================
   MOBILE SHORTER VERSION
=================================== */

@media(max-width:768px){

    #saji-hero-video-0{
        height:75vh !important;
        min-height:75vh !important;
    }

}

/* ============================= */
/*        ABOUT SECTION          */
/* ============================= */

#about-charity-7{
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* عنوان من نحن */
#about-charity-7 strong{
  letter-spacing: 1px;
  font-size: 13px;
  opacity: .7;
}

/* العنوان الرئيسي */
#about-charity-7 h2{
  font-size: 28px !important;
  line-height: 1.6;
}

/* البراجراف */
#about-charity-7 p{
  line-height: 1.9;
  font-size: 15px;
}

/* ============================= */
/*       FEATURES CARDS          */
/* ============================= */

#about-charity-7 #item-sicon-quote{
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  transition: all .4s ease;
  border: 1px solid rgba(0,0,0,.05);
}

/* Hover Effect */
#about-charity-7 #item-sicon-quote:hover{
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,.08);
}

/* الأيقونة الدائرية */
#about-charity-7 #item-sicon-quote span{
  background: rgba(240,100,35,.08);
  border-radius: 50%;
  transition: all .3s ease;
}

/* أيقونة عند hover */
#about-charity-7 #item-sicon-quote:hover span{
  background: #f06423;
}

#about-charity-7 #item-sicon-quote:hover i{
  color: #fff !important;
}

/* ============================= */
/*         IMAGE STYLE           */
/* ============================= */

#about-charity-7 .lazy{
  border-radius: 20px;
  overflow: hidden;
  transition: transform .6s ease;
}

#about-charity-7 .lazy:hover{
  transform: scale(1.03);
}

/* ============================= */
/*            BUTTON             */
/* ============================= */

#about-charity-7 .btn{
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  transition: all .3s ease;
}

#about-charity-7 .btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(240,100,35,.4);
}

/* ============================= */
/*        RESPONSIVE FIX         */
/* ============================= */

@media(max-width:1024px){
  #about-charity-7 h2{
    font-size:22px !important;
  }
}

@media(max-width:768px){
  #about-charity-7{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }

  #about-charity-7 .about-charity-data-all{
    gap:40px;
  }
}
#about-charity-7 .btn{
  color: #ffffff !important;
}

#about-charity-7 .btn span{
  color: #ffffff !important;
}

#about-charity-7 .btn i{
  color: #ffffff !important;
}
/* في الموبايل خلي الصورة فوق */
@media (max-width: 991px) {

  #about-charity-7 .about-charity-data-all{
    display: flex !important;
    flex-direction: column-reverse;
  }

}