:root
{
     --pink-color:#C492B1;
     --blue-color:#3b82f6;
     --white-color:#f9fafb;
     --gray-color:#6b7280;
     --gray2:#1f2937;
     --na:#1e90ff;
     --na2:#0b1f3a;
     
  /*========== Colors ==========*/
  /*Color mode HSL(hue, saturation, lightness)*/
  --first-color: hsl(230, 62%, 56%);
  --title-color: hsl(230, 70%, 16%);
  --text-color: hsl(230, 16%, 45%);
  --border-color: hsl(230, 50%, 90%);
  --white-color: hsl(0, 0%, 100%);
  --body-color: hsl(230, 100%, 96%);
  --container-color: hsl(230, 100%, 97%);

}
body
{
  font-family: 'Cairo', sans-serif !important;
  
}

.navbar
{
  /*background-color: var(--gray-color); */ 
  background-color: #002b7f;
  color: white;
  font-family: 'Cairo', sans-serif;
  
  
}
.navbar .navbar-nav .nav-link
{
   /*color: var(--white-color);*/
   color:var(--gray2);
   font-size: 14px;
   


}
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover
{
color: goldenrod;
}
.navbar .search
{
border-right:1px solid var(--white-color);
}
.navbar .search svg{
   color: var(--white-color);
}
.navbar  .navbar-toggler
{
   color: white;
   font-size: 25px;
   border-color: #3b82f6;
}

.landing
{
   background-color: var(--gray-color);
   min-height: calc(100vh - 72px);
}
.main-btn
{
   background-color: red;
   padding: 0.5rem 1rem;
}
/**/
.swiper-slide {
  height: auto; /* يجعل الكروت متناسقة الطول تلقائياً */
}
/* لتغيير لون نقاط التنقل السفلى للون الأخضر المتناسق مع البلدية */
.swiper-pagination-bullet-active {
  background: #198754 !important;
}
/**/

.c-item
 {
   height: 550px;
 }
 .c-img
 {
   height: 100%;
   object-fit: cover;
   filter: brightness(.6);
 }
 .dropdown-item
 {
  
 }
 .custom-dropdown
 {
border-radius: 12px;
border: none;
bottom: 0 10 25px rgba(0,0,0,0.15);
padding: 10px;
color: red;
font-family: 'Cairo', sans-serif;
 }
 .carousel-control-next-icon,
 .carousel-control-prev-icon
 {
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 50%;
   padding: 20px;
 }
 .carousel-control-next-icon
 {
  left: 20px;
 }
 .carousel-control-prev-icon
 {
   
    right: 40px;
 }
.carousel-slide

 {
 filter: brightness(.6);

 }
 

/* خلفية شريط الأخبار الكحلي الداكن المتناسق مع الصورة */
.news-ticker-bar {
  background-color: #1a252f !important; /* لون كحلي داكن */
  font-size: 0.9rem;
}

/* حركة النص التلقائية */
.ticker-wrapper {
  overflow: hidden;
  width: 100%;
}

.ticker-text {
  display: inline-block;
  padding-right: 100%; /* يبدأ الحركة من خارج الشاشة يميناً */
  animation: ticker-animation 25s linear infinite;
}

/* عند تمرير الماوس فوق الخبر يتوقف تماماً ليتمكن المستخدم من قراءته */
.ticker-text:hover {
  animation-play-state: paused;
  cursor: pointer;
}

@keyframes ticker-animation {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0); /* يتحرك لليسار بالكامل */
  }
}
 


#carouselExampleCaptions
{
  
   position: relative;
}
.carousel-control-next.custom-arrow,
.carousel-control-prev.custom-arrow
{
top: auto;
bottom: -1px;
transform: none;
opacity: 0.8;
}
.carousel-control-next-icon,
.carousel-control-prev-icon
{
   width: 15px;
   height: 15px;
}
.card
{
backdrop-filter: blur(16px);
box-shadow: 0px 8px 30px rgba(31, 38, 138, 0.37);
border: 1.5px solid rgba(255, 255, 255, 0.18);


}
.fancy-btn {
  position: relative;
  padding: 12px 30px;
  color: #0d6efd;
  border: 2px solid #0d6efd;
  background: transparent;
  overflow: hidden;
  transition: 0.3s;
}

/* تأثير الإضاءة */
.fancy-btn:hover {
  color: white;
  box-shadow: 0 0 10px #0d6efd, 0 0 40px #0d6efd, 0 0 80px #0d6efd;
}

/* الخط المتحرك */
.fancy-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, #0d6efd, transparent);
  transition: 0.5s;
}

.fancy-btn:hover::before {
  left: 100%;
}

.vertical-text
{
  writing-mode: vertical-lr;
  direction: ltr;
}
.card1
{
backdrop-filter: blur(4px);
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);



}
.img-up
{
  margin-top: -100px;
  position: relative;
  z-index: 2;
}
 .card-stat {
            border: none;
            border-right: 4px solid #2b3e50;
            transition: transform 0.2s;
    }
   .card-stat:hover {
            transform: translateY(-3px);
        }






 .member-card 
  
  {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  transition: 0.3s;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  max-width: 300px;
}

.member-card:hover
 {
  transform: translateY(-5px);
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.member-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
}

.member-card h5 
{
  margin-bottom: 5px;
}


.members .member-card:hover {
  transform: translateY(-5px);
}

.members .col-lg-4:nth-child(odd) .member-card:hover {
  background-color: #c0bfcf;
  /*color: white;*/
}

.members .col-lg-4:nth-child(even) .member-card:hover {
  background-color: #e6e3e3;
  /*color: white;*/
} 
/*??? ????  row ??? ???? ??hover even/odd */