*{ padding: 0;
        margin:0;
       
    }

:root {
  --primary: #2e7d32;      /* أخضر داكن */
  --secondary: #66bb6a;    /* أخضر فاتح */
  --accent: #f9a825;       /* ذهبي زراعي */
  --dark: #1b5e20;
  --light: #f1f8e9;
}

body{
font-family: Arial, sans-serif;
min-height:200vh;
/*background: linear-gradient(to right,#b8c96bda);*/
background: #b8c96b;
color:#333;
}

.navbar p{
margin-top: 15px;
    text-align: center;
   
    font-size: 18px;
    font-family:cooper;
    color:#155005;
}   
 

/* Floating Navbar */
.custom-navbar{
max-width:1200px;
margin:auto;
margin-top:15px;
padding:10px 25px;

background:rgba(255, 255, 255, 0.512);
backdrop-filter:blur(6px);

border-radius:40px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);

left:0;
right:0;
width:95%;
}

/* space for navbar */
body{
padding-top:100px;
}

.dropdown-menu {
    
    font-size: 14px;
    padding:0;
    min-width: 100px;
}
.dropdown-item {
    padding: 5px 5px;
    
}


.navbar .nav-link{

    margin-top: 5px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 18px;
    
}

/*.nav-pill-bg {
  background-color: #6d8068;
  border-radius: 20px;
  padding: 2px;
}*/

.nav-pill-bg .nav-link {
  color:  #b8c96b;
  border-radius: 30px;
  padding: 10px 18px;
  transition: 0.3s;
}

.nav-pill-bg .nav-link-active,
.nav-pill-bg .nav-link:hover {
  background-color:#6d8068;
  color: #fff;
}
 
.nav-link:hover {
  color: var(--accent) !important;
  transform: translateY(-3px);
}

@media (max-width:768px){

.custom-navbar{
 width:90%;
border-radius:20px;
padding:10px 15px;
}

.navbar-collapse{
background:white;
margin-top:10px;
padding:15px;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.navbar-nav{
text-align:left;
margin-left: 12px;
}

.navbar-nav .nav-item .nav-link{
margin:5px 0;

font-size: 12px;    
}

.navbar p{
margin-top: 12px;
    text-align: center;
   
    font-size: 10px;
    font-family:cooper;
    color:#155005;
}

.dropdown-menu {
    
    font-size: 10px;
    padding:0;
    min-width: 100px;
}
}
.partners-section {

    background-color: white;
    padding: 30px 0;

}

.partners-title {
   
    margin-bottom: 10px;
    margin-left:10px;
    text-align: left;
    color: #4F7942;
    font-weight: bold;
    font-size: 2rem;
      
}

.partner-logo {
    max-height: 200px;
    margin: 20px;
    transition: 0.3s ease;
   
}

.partner-logo:hover {
    filter: grayscale(0%);
    transform: scale(1.08);
}
 /*  .partners{
        padding-top:20px;
        background-color: #b8c96bda;
        text-align:center;
    } */
.partners-section .row a img {
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 0px;
}
   
  /*  .features i {
       
        width:100px ;
        height:100px;
        line-height: 100px;
        color: rgb(237, 167, 167);
        font-size: 30px; 
    } */

 /*   .partners h2 {
margin-top:30px;
        margin-left:50px;
        text-align: left;
        color:#566950;
        font-size: 30px;
        font-family: Cooper;
        margin-bottom:20px;
    }
*/
    
  
    .our-team{
        /*background-color:*/
        padding-top:40px;
        background-image: url('../images/olife.jpg');
         background-size: cover;
         padding-bottom: 40px;
    }
.our-team h2 {
         color:white;
        font-size: 40px;
        font-family: Cooper;
        margin-bottom:30px;
    }

/**/




/* Header Section */
.about-header {
    text-align: center;
    padding: 40px 20px 20px;
    background: var(--light);
    position: relative;
}

.about-header h1 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.curve {
    width: 200px;
    height: 40px;
    border-bottom: 3px solid var(--accent);
    border-radius:50%;
    margin: auto;
}

/* Content Section */
.about-content {
    background: #f2f2e9;
    padding: 80px 10%;
}

.container {
    display: flex;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

.about-image {
    flex: 1;
    min-width: 300px;
}

.about-image img {
    width: 100%;
    border-radius: 10px 50px;
    display: block;
}

.about-text {
    flex: 1;
    min-width: 300px;
}

.about-text h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.about-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #5f6f81;
}

/* Responsive */
@media (max-width: 768px) {
    .container .intro-content{
        flex-direction: column;
        text-align: center;
    }

    .about-text h2 {
        margin-top: 30px;
    }
}


.our-story{
        background-color:rgb(232, 229, 229);
        padding-top:40px;
        padding-bottom: 40px;
    }
.our-story h2 {
         color:#566950;
        font-size: 40px;
        font-family: Cooper;
        margin-bottom:30px;
    }
   

.read-more-btn {
    margin-top: auto; /* يدفع الزر إلى أسفل الكارد مهما كان النص الذي فوقه قصيراً */
}
/*.container {
    display: flex;
    flex-wrap: wrap; /* للسماح للكاردات بالنزول لسطر جديد في الشاشات الصغيرة */
   /* align-items: stretch;
}*/
    
    
  
   

.about-img {
    /*padding-top:10px;*/
    background-image: url('../images/abu2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width:100%; height: 500px;
    color:white;
    line-height: 200px;
}
.about-row {
    padding-top:200px;
    padding-left:100px;
    color: white;
}
   


footer{
        /*background-color:rgba(52, 171, 161, 0.312);*/
        background: linear-gradient(to right, #b8c96bab);
        padding-top: 30px;
        padding-bottom: 30px;
        
        color: white;
       
    }
   footer a{ color: #4F7942;    }
    footer a:hover{ color: white  }

    footer ul li{ list-style: none; font-size: 18px;   }

    footer p{  font-size: 18px;    }
    footer h2{ font-size: 25px;    }
 
    .jumbotron{ padding :20px;
        display:flex;
        justify-content: space-between;
    }



.title {

color:#4F7942;
        font-family: Arial Unicode MS;
            font-size: 30px;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

  .n_info p_info p{
     font-size: 15px;
     text-align: justify;   
    }

    .News_img {
       padding-left: 20px;
       padding-top: 20px;
    }

    /* تنسيقات عامة */


/* قسم المشاريع */
.projects-section {
padding:40px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}

/* الجزء النصي على اليسار */
.intro-content {
    flex: 1;
}

.subtitle {
    color: #4F7942;
    font-weight: bold;
    margin-bottom: 25px;font-size: 1.5rem;
}

h1 {
    font-size: 2.0rem;
    color: #1d580d;
    margin-top: 0;
    line-height: 1.2;
}

.description {
    line-height: 1.6;
    color: #666;
}

/* حاوية البطاقات */
.cards-container {

    flex: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 40px;
}

/* تصميم البطاقة */
.card {
    height: 300px;
    border-radius: 25px; /* زوايا مستديرة كما في الصورة */
    display: flex;
    align-items: center;
    justify-content:bottom;
    text-align: center;
    padding: 20px;
    color: white;
 
    background-size: cover;
    background-position: center;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
   
}

/* إضافة طبقة تظليل فوق الصور لتوضيح النص */
.card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 35, 71, 0.01);
    border-radius: 25px;
}

.card h3 {
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    
}

/* خلفيات البطاقات (استبدل الروابط بصورك الخاصة) */
.card-1 { background-image: url('../images/abuaisha1.jpg'); }
.card-2 { background-image: url('../images/tar-p.jpg'); }

/* تأثيرات عند مرور الماوس على البطاقة */
.card {
    transition: transform 0.4s ease, box-shadow 0.4s ease; /* تنعيم الحركة */
    cursor: pointer;
    overflow: hidden;
    
}

.card:hover {
    transform: translateY(-10px); /* رفع البطاقة للأعلى قليلاً */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); /* زيادة قوة الظل لإعطاء إيحاء بالعمق */
}


/* تأثير إضافي على الطبقة الملونة فوق الصورة */
.card::before {
    transition: background 0.4s ease;
}

.card:hover::before {
    background: rgba(0, 35, 71, 0.16); /* زيادة تعتيم الخلفية لإبراز العنوان أكثر */
}

/* حركة بسيطة للنص عند المرور */
.card h3 {
  
    transition: transform 0.4s ease;
}

.card:hover h3 {
  color: #b8c96bda;
    transform: scale(1.1); /* تكبير النص بنسبة بسيطة */
}

@media (max-width:768px){

.container{
flex-direction:column;
gap:20px;
}

.about-content{
padding:40px 20px;
}

.about-image img{
width:100%;
height:auto;
}

}
/*عرض أقصى للموقع
.container{
max-width:1200px;
margin:auto;
}*/
/*جعل الصور دائمًا responsive
img{
max-width:100%;
height:auto;
}*/

/*صغر الهيدر في الموبايل*/
@media(max-width:768px){

.navbar-brand{
font-size:14px;
}

}
/*responsive للموبايل*/
@media (max-width:768px){

.cards-container{
grid-template-columns:1fr;
}

}


/* slider image height */
.carousel-item img{
width:100%;
height:clamp(400px,100vh,800px);
object-fit:cover;
object-position:center;
}

/* caption position */
.carousel-caption{
bottom:10%;
}

.carousel-item::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0.05);
}

/* title animation */
.slide-title{
font-size:40px;
font-weight:bold;
animation:slideDown 1.2s ease;
}

/* text animation */
.slide-text{
font-size:20px;
animation:fadeUp 1.5s ease;
}

/* animations */
@keyframes slideDown{
from{
opacity:0;
transform:translateY(-40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}