/* ===== home page styles ===== */
.blc{
    color: #444!important;
    width: 85%;
    display: block;
    margin: auto!important;
}
.bck {
    border: none;
    background: transparent;
    position: relative;
}

/* ===== team page styles ===== */
.profile-container {
  margin-bottom: 25px; /* space between cards */
  text-align: center;
}

.profile-pic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #142163;
  margin-bottom: 8px; /* controls space between image and name */
}

.profile-name {
  margin: 0 !important; /* remove default spacing */
  font-weight: bold;
  font-size: 1rem;
  color: #343a40;
  line-height: 1.2;
}

.profile-title {
  margin: 0;
  font-size: 0.85rem;
  color: #6c757d;
  line-height: 1.2;
}

/* ===== partners page styles ===== */
.btn-custom-outline {
    border: 1px solid black !important;
    color: #3c7c2c !important;
    background-color: transparent;
  }

  .btn-custom-outline:hover {
    background-color: #3c7c2c !important;
    color: white !important;
    border-color: #3c7c2c !important;
  }

   .cont.abt {
            padding-bottom: 50px;
        }
 
        .partnersContainer {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px; /* Space between cards */
			flex-direction: row;
        }

        .partner-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none; /* Remove underline from link behavior on wrapper */
            color: inherit;
			margin-bottom: -15px;
        }

        .partner-card {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 200px; /* Standard width for all cards */
            height: 150px; /* Standard height for all cards */
            padding: 15px; /* Reduced padding slightly */
            border: 1px solid #000;
            border-radius: 15px; /* Slightly less rounded */
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08); /* Enhanced shadow */
            transition: all 0.3s ease-in-out;
            background-color: #fff;
        }
        
        .partner-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

        .partner-card img {
            max-width: 90%; /* General image size for all logos */
            max-height: 130px; /* General image height for all logos */
            object-fit: contain;
            transition: transform 0.3s ease-in-out;
        }

        .partner-card:hover img {
            transform: scale(1.05); /* Slightly grow image on hover */
        }

        .partner-name {
            margin-top: 2px; /* Space between card and name */
            text-align: center;
            font-weight: 900 !important;
            font-size: 1.1rem !important;
            color: #3c7c2c; /* Distinct green */
            transition: color 0.3s ease-in-out;
        }

        .partner-wrapper:hover .partner-name {
            color: #2a5a20; /* Darker green on hover */
        }

	.ncn-card .ncn-logo {
            
         /*   padding: 10px;  Adjust padding to make the logo smaller relative to background */
            border-radius: 10px;
            max-height: 90px; /* Smaller specific height */
            max-width: 120px; /* Smaller specific width */
        }

/* ===== themes page styles ===== */
.themes2{display:none;}
/*    .themestable {*/
/*    display: grid;*/
/*    gap: 20px 10px;*/
/*    grid-template-columns: 1fr 1fr 1fr 1fr;*/
/*}*/

.themes	ul {
    column-count: 4; 
    column-gap: 20px;
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
}

.themes ul li {
    break-inside: avoid; 
    margin-bottom: 10px; 
}

.col-md-10 li{font-size: 16px;}
.col-md-10 ul{margin-bottom:0;}

@media screen and (max-width:767px){
    
    .themestable {
        /*display: none;*/
}

.themes2{display:block;}
.themes2 ul {
    column-count: 2;
    padding-left: 0.6rem;
    
}
.themes	ul {
    column-count: 2; 
}
}