header , footer{
  background-image: linear-gradient(90deg,#0077b6,#00b4d8,#0096c7);
}
header a {
    color: rgba(61, 61, 58, 1); 
  font-size: 25px;
  font-style: italic;
  font-weight: 900px ; 
}
.group{

}
/* body{
  background-color: #30302e;
} */

.group{
  /* border: 1px solid  
  #009bcb ;  
  ; */
  /* background-color: #ffffff ;  */
  border-radius: 5px ; 
  color: white;
}
.group button {
    background-image: linear-gradient(90deg,#0077b6,#00b4d8,#0096c7);
   color: white ; 
}
.group img {
  transition: all 2s ; 
}
.group:hover img {
  transform: scale(1.3);
}
html{
  scroll-behavior: smooth ; 
}

.group:hover
{

  border : 1px dashed #0096c7 ; 
}

 button {
    background-image: linear-gradient(90deg,#0077b6,#00b4d8,#0096c7);
   color: white ; 
}
























::-webkit-scrollbar {
    width: 10px;
}

/* خلفية الاسكرول */
::-webkit-scrollbar-track {
    background: #dffcff; /* لون مائي فاتح */
    border-radius: 10px;
}

/* لون الاسكرول */
::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #00cfff,
        #00e0b8
    ); /* سماوي + مائي */
    
    border-radius: 10px;
}

/* عند المرور بالماوس */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #00b7e6,
        #00c7a3
    );
}

/* دعم Firefox */
html {
    scrollbar-color: #00cfff #dffcff;
    scrollbar-width: thin;
}

body{
  /* background-color: #f6f6f6 ;  */
}



p.text-foreground.text-sm{
 /* font-size: 20px; 
  font-weight: 700px ; */
}


img .block {
  border-radius: 15px ;  
}

img[alt="صفوة المياه"]{
  width: 300px ; 
}

img[width="106"]{
  width:300px ; 
}