.main-section {background: #f8f9fa;padding: 4rem 0;min-height: 100vh;}
.main-section .main-title {font-size: 2.5rem;font-weight: bold;color: #333;margin-bottom: 1rem;line-height: 1.2; font-family: 'buenos_airesbold';}
.main-section .main-title {font-size: 2.5rem;font-weight: bold;color: #333;margin-bottom: 1rem;line-height: 1.2; font-family: 'buenos_airesbold';}
.main-section .main-subtitle {font-size: 1.1rem;color: #666;margin-bottom: 2rem;}
.main-section .btn-read-more {background: #333;color: white;padding: 12px 30px;border: none;border-radius: 4px;font-weight: 600;text-decoration: none;display: inline-block;transition: background 0.3s ease;}
.main-section .btn-read-more:hover {background: #222;color: white;text-decoration: none;} */
/* Service card */
.service-card {background: #fff;padding: 2rem 1.5rem;text-align: center;height: 100%;transition: all 0.3s ease;}
.service-card:hover {background: #f8f9fa;}
.service-icon {width: 60px;height: 60px;margin: 0 auto 1rem;border-radius: 60px;}
.service-title {font-size: 1.1rem;font-weight: 600;color: #333;margin: 0;line-height: 1.4;}
.evaluation-items {font-size: 0.9rem;color: #666;margin-top: 0.5rem;}
/* Inner borders only */
.service-grid {display: flex;flex-wrap: wrap;}
.service-grid .col-md-4 {border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 0; /* remove gap */}

.service-grid .col-md-4:nth-child(3n) {border-right: none;}
.service-grid .col-md-4:nth-last-child(-n+3) {border-bottom: none;}



/* Service Icon Styles (same as Ã Â¤ÂªÃ Â¤Â¹Ã Â¤Â²Ã Â¥â€¡ Ã Â¤ÂµÃ Â¤Â¾Ã Â¤Â²Ã Â¥â€¡) */
.icon-red-blue-right { background: linear-gradient(45deg, #f7d12d 50%, #509aa4 50%);clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);}
.icon-blue-red-square { background: linear-gradient(45deg, #509aa4 50%, #f7d12d 50%);}
.icon-blue-red-arrows { background: linear-gradient(90deg, #509aa4 50%, #f7d12d 50%);clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%, 20% 50%);}
.icon-blue-red-bars { background: linear-gradient(90deg, #509aa4 33%, #f7d12d 33%, #f7d12d 66%, #509aa4 66%);}
.icon-blue-center { background: radial-gradient(circle, #509aa4 40%, #f7d12d 40%);border-radius: 50%;}
.icon-red-blue-left { background: linear-gradient(45deg, #f7d12d 50%, #509aa4 50%);clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
.icon-blue-red-chart { background: linear-gradient(135deg, #509aa4 60%, #f7d12d 60%);clip-path: polygon(0 100%, 0 40%, 60% 0, 100% 0, 100% 100%);}
.icon-blue-red-leaf { background: linear-gradient(45deg, #509aa4 50%, #f7d12d 50%);border-radius: 50% 0 50% 0;}
.icon-blue-red-circle { background: radial-gradient(circle, #509aa4 60%, #f7d12d 60%);border-radius: 50%;}	



.SGDs .section-subtitle{ padding-bottom: 20px;}
.SGDs { background: #fff; padding: 4rem 0; }
.SGDs .carousel { position: relative; overflow: hidden; }
.SGDs .carousel-track-wrapper { overflow: hidden; width: 100%; }
.SGDs .carousel-track { display: flex; transition: transform 0.5s ease; }
.SGDs .sdg-item { text-align: center; padding: 0; }
.SGDs .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: #333; color: #fff; border: none; padding:5px 7px; cursor: pointer; z-index: 10; font-size: 14px;}
.SGDs .carousel-prev { left: 0; }
.SGDs .carousel-next { right: 0; }
.SGDs .carousel-indicators { text-align: center; margin-top: 10px; bottom: 0px; }
.SGDs .carousel-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #bbb; cursor: pointer; }
.SGDs .carousel-dot.active { background: #333; }

.SGDs .sdg-section {background: #f8f9fa;padding: 60px 0;}
.SGDs .section-title {font-size: 2.5rem;font-weight: 700;color: #333;text-align: center;margin-bottom: 20px;letter-spacing: 2px;}
.SGDs .section-subtitle {color: #666;text-align: center;margin-bottom: 30px;font-size: 1.1rem;line-height: 1.6;}
.SGDs .sdg-item {text-align: center;padding: 5px 10px;background: white;border-radius: 15px;transition: transform 0.3s ease;height: 180px;display: flex;flex-direction: column;justify-content: center;}
.SGDs .sdg-item:hover {transform: translateY(-5px);}
.SGDs .sdg-icon {width: 60px;height: 60px;margin: 0 auto 5px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 2rem;color: #fff;}

.SGDs .climate-action .sdg-icon { background: linear-gradient(135deg, #4CAF50, #2E7D32); }
.SGDs .education .sdg-icon { background: linear-gradient(135deg, #F44336, #C62828); }
.SGDs .food-security .sdg-icon { background: linear-gradient(135deg, #FF9800, #F57C00); }
.SGDs .gender .sdg-icon { background: linear-gradient(135deg, #E91E63, #AD1457); }
.SGDs .healthcare .sdg-icon { background: linear-gradient(135deg, #4CAF50, #2E7D32); }
.SGDs .inclusion .sdg-icon { background: linear-gradient(135deg, #FF5722, #D84315); }
.SGDs .livelihoods .sdg-icon { background: linear-gradient(135deg, #9C27B0, #7B1FA2); }
.SGDs .wash .sdg-icon { background: linear-gradient(135deg, #2196F3, #1565C0); }

.SGDs .sdg-title {font-size: 15px;line-height: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 10px;min-height: 33px;display: flex; align-items: center; justify-content: center;}
.SGDs .sdg-name {font-size: 14px;font-weight: 700;color: #333;}

.SGDs .climate-action .sdg-title { color: #2e7d32; }
.SGDs .education .sdg-title { color: #c62828; }
.SGDs .food-security  .sdg-title { color: #f57c00;; }
.SGDs .gender .sdg-title { color:#AD1457; }
.SGDs .healthcare .sdg-title { color: #2e7d32; }
.SGDs .inclusion .sdg-title { color: #d84315; }
.SGDs .livelihoods .sdg-title { color: #7b1fa2; }
.SGDs .wash .sdg-title { color: #1565c0; }



.stm_staff__info .stm_staff__name { margin: 0 0 0px; font-size: 1rem; line-height: 1.2; }
.stm_staff__info .text-transform { text-transform: capitalize; }
.stm_staff__info .stm_staff__job { color: var(--muted); font-weight: 500;line-height: 20px; }
.stm_staff__info .stm_staff__info p { }
.js_trigger__click{ font-size: 14px;}
.stm_staff__info .btn-text{ font-size: 14px; font-weight: 600; color: #fff; }
.stm_staff__info .js_trigger__unit {overflow: hidden;max-height: 0;transition: max-height 320ms ease;}
.stm_staff__info .js_trigger__unit.is-open { max-height: 600px;color: #000;line-height: 21px;}  
.stm_staff__info .stm_staff__links { } 
.stm_staff__info .btn { display:inline-flex; align-items:center;border-radius: 0px;border: 1px solid #47959f;background: #47959f; color:#fff; text-decoration:none; font-weight:600; line-height:1; cursor:pointer; }
.stm_staff__info .btn:focus { outline: 0px solid #fff; outline-offset: 2px;border-radius: 0;}
.stm_staff__info .btn[aria-expanded="true"] { background:#656463; border-color:#656463; }
.stm_staff__info .chev { display:inline-block; transition: transform .25s ease;color: #fff; }
.stm_staff__info .btn[aria-expanded="true"] .chev { transform: rotate(180deg); }
.stm_staff__info .stm_staff__links a { color: #fff; text-decoration: none; }

.job-card {background: #44939d;border-radius: 0;padding: 40px 30px;color: white;margin-bottom: 0;height: 280px;display: flex;flex-direction: column;justify-content: flex-start;border: none;position: relative;}
.job-card:hover {background: #1f2b2c;}
.job-icon {width: 60px;height: 60px;background: transparent;margin-bottom: 15px;display: flex;align-items: center;justify-content: flex-start;}
.job-icon svg {width: 60px;height: 60px;stroke: white;fill: none;stroke-width: 1.5;}
.job-title {font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: auto;margin-top: 0; color: white;}
.job-location {font-size: 16px;font-weight: 400;position: absolute;bottom: 20px;left: 30px; color: white;}
.section-header {margin-bottom: 50px;margin-top: 60px;}
.section-subtitle {color: #6c757d;font-size: 14px;margin-bottom: 5px;font-weight: 400;}
/* .section-title {color: #2c3e50;font-size: 36px;font-weight: 300;letter-spacing: 3px;text-transform: uppercase;margin: 0;} */
.row.no-gutters > [class*="col-"] {padding: 0;}
.row.no-gutters .job-card {border-right: 5px solid white;border-bottom: 5px solid white;}
.row.no-gutters .col-lg-4:nth-child(3n) .job-card {border-right: none;}
.row.no-gutters .col-lg-4:nth-last-child(-n+3) .job-card {border-bottom: none;}


.widget-cat li a.active {
    color: white;
    background: #f7d12d;
}



.teams__content p {
    color: #000;
    line-height: 21px;
}
.teams__content .semi-02-title {
  color: #061738;
  position: relative; /* pseudo-element position ke liye */
  display: inline-block; /* taki border text ke hisaab se aaye */
  padding-top: 10px; /* thoda gap upar ke liye */
}

.teams__content .semi-02-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;   /* border ki length */
  height: 4px;   /* border ki thickness */
  background: #47959f;  /* border ka color */
  border-radius: 2px;   /* thoda rounded look ke liye */
}