/*
Template Name: Agrigoal
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
#prosp{
padding-top:40px;
padding-bottom:40px;
}
.prosp_1 h4:before {
display: inline-block;
width: 6%;
height: 2px;
background-color:#6d8f64;
vertical-align: middle;
margin-right: 1%;
content: "";
}
.prosp_1 h4:after {
display: inline-block;
width: 6%;
height: 2px;
background-color: #6d8f64;
vertical-align: middle;
margin-left: 1%;
content: "";
}
.prosp_2i h5 a:after {
display: inline-block;
width: 10%;
height: 2px;
background-color: #6d8f64;
vertical-align: middle;
margin-left: 2%;
content: "";
}
.prosp_2{
margin-top:10px; 
}
.prosp_2i img{
border-radius:30px 0px;
}

#plan{
padding-top:40px;
padding-bottom:40px; 
background: #f5f0e9; 
  }
.plan_1i ul li{
margin-top:8px; 
 }
.plan_1i ul li i{
vertical-align:middle;
margin-right:5px;
 }
.plan_1i1 span i{
font-size:80px; 
 }
.plan_1i1i{
border-top:1px solid #ddd;  
border-bottom:1px solid #ddd;
margin-top:15px;
padding-top:15px;
padding-bottom:25px;
  }
.plan_1i1i h1{
font-size:60px;
font-weight:bold;
  }
.plan_1i1 ul{
margin-top:20px; 
 }
.plan_1i1 ul li{
margin-top:8px; 
 }
.plan_1i1 ul li i{
margin-right:5px;
vertical-align:middle; 
 }
.plan_1i1 h4{
margin-top:20px; 
 }

.plan_1i1 h4:after {
display: inline-block;
width: 10%;
height: 2px;
background-color: #ddd;
vertical-align: middle;
margin-left: 2%;
content: "";
}
.plan_1i1{
 background:#fff;
 padding:40px 30px;
 border-radius:30px 0px; 
 }
.plan_1i1_o{
 background:#404a3d;
 }
 .unique-team-section {
    background-color: #0c1b3a; /* Deep matching primary background */
    padding: 60px 0;
  }
  
  .team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 40px;
  }

  .unique-member-card {
    display: flex;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    
    /* Enforces exactly the same height for every single card on desktop */
    height: 180px; 
  }

  .unique-member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
  }

  .member-img-box {
    width: 40%;
    height: 100%;
    position: relative;
    background-color: #f5f0e9;
    overflow: hidden;
  }

  .member-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Keeps photos clear and uniformly sized without distortion */
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
  }

  .unique-member-card:hover .member-img-box img {
    transform: scale(1.05);
  }

  .member-info-box {
    width: 60%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically centers info inside the uniform height box */
  }

  .member-info-box h5 {
    font-size: 17px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 4px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Gracefully truncates text if it exceeds boundaries */
  }

  .member-info-box .designation {
    font-size: 14px;
    font-weight: 600;
    color: #6d8f64;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
  }

  .member-info-box .email-link {
    font-size: 13px;
    color: #777777;
    word-break: break-all;
    text-decoration: none;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .member-info-box .email-link:hover {
    color: #6d8f64;
  }

  /* Responsive Adjustments for Small Mobile Displays */
  @media (max-width: 480px) {
    .team-grid {
      grid-template-columns: 1fr;
    }
    .unique-member-card {
      flex-direction: column;
      height: auto; /* Allow flexible stack formatting on small phone displays */
    }
    .member-img-box {
      width: 100%;
      height: 220px;
    }
    .member-info-box {
      width: 100%;
      padding: 20px;
      text-align: center;
    }
    .member-info-box h5 {
      white-space: normal;
    }
  }
/*********************about_end****************/

@media screen and (max-width : 767px){
.prosp_1 h4{
font-size:20px; 
 }
.plan_1i1i  h3{
font-size:24px; 
 }
.prosp_2i {
margin-top:10px; 
 }
.plan_1i1_o {
margin-top:10px;  
 }
.team_h1i {
margin-top:10px!important;  
 }
.prosp_1  br{
display:none; 
 }
.service_h1 br{
display:none;  
 }
 }
@media (min-width:768px) and (max-width:991px) {
.prosp_2i  h2{
font-size:24px; 
 }
.plan_1i h2{
font-size:28px;  
 }
.plan_1i1i h3{
font-size:18px; 
 }
.prosp_1  br{
display:none; 
 }
.service_h1 br{
display:none;  
 }
.team_h1ir p{
font-size:16px; 
 }
.team_h1ir ul li a {
width:25px;
height:25px;
font-size:12px;
}
.team_h1ir ul li a i{
line-height:25px;
}
.team_h1ir {
padding: 10px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.plan_1i1i h3{
font-size:18px; 
 }
.team_h1ir p{
font-size:16px; 
 }
 }

 .about-cards-title {
    font-size: 28px;
    font-weight: 600;
    /* text-align:start; */
 }



 /* Activities Section */

 .info-box {
            background-color: white;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
        }



       .info-box  h2 {
            color: #2c3e50;
        }

       .info-box  ul {
            list-style: none;
            padding: 0;
        }

      .info-box   ul li {
            margin: 10px 0;
            font-size: 20px;
            line-height: 1.6;
            display: flex;
            align-items: center;
        }

       .info-box  ul li i {
            color: #6d8f64;
            margin-right: 20px;
            font-size: 24px;
        }

        .info-box p {
            line-height: 1.6;
        }










        .trust-about-section {
    background-color: #f5f0e9; /* तुमच्या हेडरशी मॅच होणारा हलका पार्श्वभूमी रंग */
    padding: 60px 0;
    font-family: 'Jost', sans-serif;
  }

  .trust-main-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
    border-left: 6px solid #6d8f64; /* संस्थेचा मुख्य हिरवा रंग */
  }

  .trust-title {
    font-family: "Baloo Bhai 2", sans-serif;
    font-weight: 700;
    color: #0c1b3a; /* गडद निळा रंग */
    font-size: 32px;
    margin-bottom: 5px;
  }

  .trust-subtitle {
    color: #6d8f64;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }

  .trust-text {
    font-size: 18px;
    color: #444444;
    line-height: 1.8;
    text-align: justify;
  }

  /* व्हिजन आणि मिशनसाठी एकसारख्या आकाराचे ग्रिड कार्ड्स */
  .trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
  }

  .trust-feature-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid #6d8f64;
    display: flex;
    flex-direction: column;
  }

  .trust-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
  }

  .card-icon {
    font-size: 30px;
    color: #6d8f64;
    margin-bottom: 15px;
  }

  .card-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0c1b3a;
    margin-bottom: 12px;
  }

  /* मोबाईल आणि टॅबलेटसाठी सुलभ बदल (Responsiveness) */
  @media (max-width: 768px) {
    .trust-main-card {
      padding: 25px;
    }
    .trust-title {
      font-size: 26px;
    }
    .trust-text {
      font-size: 16px;
    }
  }



  /* 4image Section */
  #custom-unique-gallery {
    padding: 60px 0;
    /* पार्श्वभूमीचा रंग बदलून तुमच्या दुसऱ्या सेक्शनपेक्षा वेगळा (Soft Pearl White) केला आहे */
    background-color: #f8fafc; 
  }

  /* आधुनिक ४ कॉलम्स ग्रिड लेआउट */
  .custom-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* डेस्कटॉपवर एका ओळीत बरोबर ४ फोटो */
    gap: 20px; /* प्रत्येक फोटोमधील अंतर */
    align-items: center; /* सर्व फोटो उंचीनुसार मध्यभागी अचूक सेट होतील */
  }

  /* प्रत्येक फोटो बॉक्सची युनिक रचना */
  .custom-gallery-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    /* पांढरी सुंदर बॉर्डर आणि हलकी सावली (Shadow) ज्यामुळे फोटो उठून दिसतील */
    background-color: #ffffff;
    padding: 8px; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  /* माउस फोटोवर नेल्यास सुंदर हॉवर इफेक्ट */
  .custom-gallery-item:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  }

  .custom-gallery-item img {
    width: 100%;
    height: auto;
    /* आता फोटो त्यांच्या मूळ आकारात (Aspect Ratio) पूर्ण आणि स्पष्ट दिसतील */
    display: block;
    border-radius: 8px;
  }

  /* स्क्रीननुसार रिस्पॉन्सिव्ह रचना (Responsive Settings) */
  @media (max-width: 992px) {
    .custom-gallery-grid {
      grid-template-columns: repeat(2, 1fr); /* टॅबलेटवर एका ओळीत २ फोटो */
    }
  }

  @media (max-width: 576px) {
    .custom-gallery-grid {
      grid-template-columns: 1fr; /* मोबाईलवर एका ओळीत १ पूर्ण फोटो */
      gap: 15px;
    }
  }