:root {
--primary-green: #6FBF3A;
--primary-blue: #1C9ACB;
--text-dark: #1f2d3d;
--text-light: #1f2933;
--background-light: #f7f9f8;
}
/* ================= GLOBAL ================= */
body {
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: var(--text-dark);
line-height: 1.8;
}
p {
color: var(--text-light);
}
h2 {
color: var(--text-dark);
}
/* ================= TOP BAR ================= */
.top-bar {
background: var(--primary-green);
color: #fff;
padding: 8px 0;
font-size: 14px;
}
.top-left {
display: flex;
align-items: center;
gap: 8px;
}
.top-right span {
margin-left: 20px;
}
.top-right i {
margin-right: 6px;
}
.top-social {
color: #fff;
margin-left: 12px;
font-size: 14px;
transition: 0.3s;
}
.top-social:hover {
color: #e8f5e0;
}
/* ================= HEADER ================= */
.main-header {
background: #f8f9fa;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border-bottom: 1px solid #e6e6e6;
}
.navbar {
padding: 0;
}
.site-header {
position: sticky;
top: 0;
z-index: 1000;
}
.top-bar {
background: var(--primary-green);
color: #fff;
padding: 8px 0;
font-size: 14px;
}
.main-header {
background: #f8f9fa;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border-bottom: 1px solid #e6e6e6;
padding: 12px 0;
/* top-bottom spacing */
}
/* ================= LOGO ================= */
.logo {
height: 37px;
}
/* ================= MENU ================= */
.custom-menu {
align-items: center;
}
.custom-menu .nav-item {
margin-left: 18px;
position: relative;
display: flex;
align-items: center;
}
.custom-menu .nav-item:not(:last-child)::after {
content: "|";
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
color: #ccc;
font-size: 14px;
}
.custom-menu .nav-link {
font-size: 13.5px;
font-weight: 600;
/* text-transform: uppercase; */
color: var(--text-dark);
letter-spacing: 0.4px;
position: relative;
padding-bottom: 4px;
transition: all 0.25s ease;
}
.custom-menu .nav-link:hover {
color: var(--primary-blue);
}
/* underline */
.custom-menu .nav-link::after {
content: "";
position: absolute;
width: 0;
height: 3px;
background: var(--primary-green);
left: 50%;
bottom: -2px;
transform: translateX(-50%);
transition: 0.3s;
}
.custom-menu .nav-link:hover::after {
width: 18px;
}
.custom-menu .active .nav-link {
color: var(--primary-blue);
}
.custom-menu .active .nav-link::after {
width: 18px;
}
/* ================= HERO SLIDER ================= */
.hero-slider {
position: relative;
}
.hero-img {
height: 512px;
object-fit: cover;
}
/* ================= AIM SECTION ================= */
.aim-section {
background: var(--background-light);
position: relative;
}
.aim-img {
position: relative;
text-align: center;
}
.aim-img img {
width: 320px;
border-radius: 50%;
position: relative;
z-index: 2;
}
.shape-circle {
position: absolute;
width: 340px;
height: 340px;
background: var(--primary-green);
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.15;
z-index: 1;
}
.aim-text {
padding-left: 30px;
}
.aim-text h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
}
.aim-text p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 25px;
}
.objectives-section {
background: #ffffff;
}
.section-title {
font-size: 36px;
font-weight: 700;
margin-bottom: 30px;
}
/* OBJECTIVES */
/* CARD */
.objective-card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
transition:all .3s ease;
height: 100%;
}
.objective-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
/* IMAGE */
.objective-img img {
width: 100%;
height: 220px;
object-fit: cover;
}
/* BODY */
.objective-body {
padding: 30px 25px;
position: relative;
}
.objective-body h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
/* green divider */
.objective-body h4::after {
content: "";
display: block;
width: 40px;
height: 3px;
background: #6FBF3A;
margin-top: 8px;
}
.objective-body p {
font-size: 14px;
color: #666;
line-height: 1.7;
margin-top: 15px;
}
/* ICON */
.objective-icon {
width: 50px;
height: 50px;
background: #6FBF3A;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 22px;
position: absolute;
top: -25px;
left: 25px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
/* READ MORE */
.read-more {
display: inline-block;
margin-top: 15px;
color: #6FBF3A;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
.read-more:hover {
text-decoration: underline;
}
.vision-section {
background: #f7f9f8;
}
.vision-text {
font-size: 16px;
line-height: 1.8;
color: #6c757d;
max-width: 700px;
margin: auto;
}
/* PARTNERS SECTION */
.partners-section {
/* background:#f7f9f8; */
overflow: hidden;
}
.partners-title {
font-size: 32px;
font-weight: 700;
color: #173b5f;
margin-bottom: 10px;
}
.partners-subtitle {
color: #6c757d;
margin-bottom: 50px;
}
/* SLIDER */
.partners-slider {
width: 100%;
overflow: hidden;
position: relative;
}
.partners-track {
display: flex;
gap: 60px;
align-items: center;
animation: partnersScroll 25s linear infinite;
}
/* LOGOS */
.partners-track a {
display: flex;
align-items: center;
}
.partners-track img {
height: 60px;
filter: grayscale(100%);
opacity: 0.6;
transition: 0.3s;
}
/* HOVER EFFECT */
.partners-track img:hover {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.05);
}
/* ANIMATION */
@keyframes partnersScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* hover pause */
.partners-slider:hover .partners-track {
animation-play-state: paused;
}
/* FOOTER */
/* ================= FOOTER ================= */
/* FOOTER */
.site-footer {
background: #173b5f;
color: #fff;
padding: 70px 0 0;
border-top: 4px solid #6FBF3A;
}
/* TEXT */
.site-footer p {
color: #cbd6e2;
font-size: 14px;
line-height: 1.7;
}
/* TITLE */
.footer-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
/* LINKS */
.footer-links {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links li {
margin-bottom: 10px;
}
/* SOCIAL */
.footer-social {
margin-top: 15px;
}
.footer-social a {
display: inline-block;
width: 36px;
height: 36px;
background: #1f4e7a;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 36px;
margin-right: 8px;
transition: 0.3s;
}
.footer-social a:hover {
background: #6FBF3A;
}
/* NEWSLETTER */
.footer-newsletter {
display: flex;
margin-top: 10px;
}
.footer-newsletter input {
border: none;
padding: 8px;
width: 100%;
border-radius: 4px 0 0 4px;
}
.footer-newsletter button {
background: #6FBF3A;
border: none;
color: #fff;
padding: 8px 12px;
border-radius: 0 4px 4px 0;
}
/* COPYRIGHT */
.footer-bottom {
background: #122a43;
padding: 15px 0;
margin-top: 40px;
}
.footer-bottom p {
margin: 0;
text-align: center;
font-size: 14px;
color: #cbd6e2;
}
.site-footer {
border-top: 4px solid #6FBF3A;
}
.back-to-top {
position: fixed;
right: 20px;
bottom: 20px;
background: #6FBF3A;
color: #fff;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: 0.3s;
z-index: 999;
}
.back-to-top:hover {
background: #173b5f;
color: #fff;
}
/* ================= SECTION SPACING ================= */
.aim-section,
.objectives-section,
.vision-section,
.partners-section{
padding:70px 0;
}
.top-left{
display:flex;
align-items:center;
gap:20px;
}
.top-right{
display:flex;
align-items:center;
justify-content:flex-end;
gap:15px;
}
.top-social-icons{
display:flex;
gap:12px;
}
.pdf-download{
color:#fff;
font-size:14px;
font-weight:600;
text-decoration:none;
display:flex;
align-items:center;
gap:6px;
}
.pdf-download:hover{
color:#e8f5e0;
}
/* MOBILE VIEW */
@media (max-width:768px){
.top-bar .row{
flex-direction:column;
text-align:center;
}
.top-left{
display:none;
}
.top-right{
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
.pdf-download{
font-size:13px;
}
.top-social-icons{
justify-content:center;
}
}
.page-banner{
background:#1f4266;
padding:80px 0;
text-align:center;
color:#fff;
}
.page-banner h1{
font-size:40px;
font-weight:700;
margin-bottom:10px;
}
.breadcrumb-box{
font-size:16px;
}
.breadcrumb-box a{
color:#6fbf3a;
text-decoration:none;
}
.breadcrumb-box span{
margin:0 5px;
}
.breadcrumb-box .active{
color:#fff;
}
.btn-linkedin{
background:#0077b5;
color:#fff;
}
.custom-menu .nav-item.active .nav-link{
color:#6fbf3a;
font-weight:600;
}
/* PROFILE SECTION */
.profile-section{
padding:40px 0;
background:#f7f9f8;
}
/* ROW SPACING FIX */
.profile-section .row{
margin-bottom:25px;
align-items:center;
}
.profile-section .row:last-child{
margin-bottom:0;
}
/* COLUMN PADDING FIX */
.profile-section .col-md-5,
.profile-section .col-md-7{
padding-top:10px;
padding-bottom:10px;
}
/* IMAGE */
.profile-img{
width:100%;
max-width:320px;
}
.profile-img img{
width:100%;
height:340px;
object-fit:cover;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transition:0.3s;
}
.profile-img img:hover{
transform:scale(1.02);
}
/* TEXT */
.profile-content h3{
font-weight:700;
font-size:26px;
margin-bottom:6px;
color:#1f2d3d;
}
.profile-section .designation{
color:#6FBF3A;
font-weight:600;
font-size:14px;
margin-bottom:12px;
text-transform:uppercase;
letter-spacing:0.5px;
}
.profile-section p{
line-height:1.8;
font-size:16px;
color:#555;
margin-bottom:12px;
}
/* BUTTONS */
.profile-buttons .btn{
margin-right:10px;
margin-top:8px;
padding:6px 14px;
font-size:13px;
border-radius:6px;
}
.profile-img{
margin:auto;
}
.top-social-icons a{
display:inline-block;
margin-left:8px;
color:#fff;
font-size:14px;
transition:0.3s;
}
.top-social-icons a:hover{
transform:scale(1.3);
color:#e8ffe8;
}
.main-btn{
background:#6bc048;
color:#fff;
padding:7px 14px;
border-radius:6px;
font-weight:500;
text-decoration:none;
border:none;
display:inline-block;
transition:0.3s;
}
.main-btn:hover{
background:#5ab23b;
color:#fff;
}
.footer-links li{
margin-bottom:8px;
}
.footer-links i{
margin-right:6px;
font-size:12px;
}
.footer-links a{
font-size:14px;
color:#cfd8e3;
text-decoration:none;
display:inline-block;
margin-bottom:6px;
}
.footer-links a:hover{
color:#6cc04a;
}
.footer-links a.active{
color:#6cc04a;
font-weight:500;
}
.contact-section{
padding:70px 0;
background:#f7f9fb;
}
.contact-form-box{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}
.contact-info-box{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
height:100%;
}
.contact-info-box h3,
.contact-form-box h3{
margin-bottom:25px;
font-weight:600;
}
.contact-item{
display:flex;
gap:15px;
margin-bottom:20px;
}
.contact-item i{
font-size:20px;
color:#6cc04a;
}
.contact-item p{
margin:0;
}
.map-box iframe{
border-radius:8px;
}
.contact-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
background:#eef3f7;
border-radius:50%;
margin-right:8px;
color:#1f4266;
font-size:18px;
transition:0.3s;
}
.contact-social a:hover{
background:#6cc04a;
color:#fff;
}


/* RESOURCES SECTION */

.resources-section{
padding:70px 0;
background:#f1f8ec;
border-top:1px solid #e6efe0;
}
.section-header h2{
font-size:34px;
font-weight:700;
color:#1f2d3d;
margin-bottom:12px;
}

.section-header p{
max-width:650px;
margin:auto;
color:#6c757d;
font-size:16px;
line-height:1.7;
}


/* CARDS */

.resource-card{
background:#fff;
padding:35px 25px;
border-radius:14px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:0.35s;
height:100%;
position:relative;
overflow:hidden;
}


/* CARD HOVER */

.resource-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}


/* ICON CIRCLE */

.resource-icon{
width:65px;
height:65px;
margin:auto;
margin-bottom:15px;
border-radius:50%;
background:#eaf7e3;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
color:#6FBF3A;
transition:0.3s;
}


/* ICON ANIMATION */

.resource-card:hover .resource-icon{
background:#6FBF3A;
color:#fff;
transform:rotate(10deg) scale(1.1);
}


/* TITLE */

.resource-card h4{
font-size:18px;
font-weight:600;
margin-bottom:10px;
color:#1f2d3d;
}


/* LINK */

.resource-card a{
color:#6FBF3A;
font-weight:600;
text-decoration:none;
font-size:14px;
}

.resource-card a:hover{
color:#4caf50;
}
/* Scientific Publications section*/
.publications-section{
padding:70px 0;
background:var(--background-light);
}


/* LEFT SIDE SCROLL */

.publications-list{
max-height:650px;
overflow-y:auto;
padding-right:20px;
}


/* PUBLICATION ITEM */

.publication-item{
display:flex;
gap:20px;
padding:25px;
border-bottom:1px solid #e6e6e6;
cursor:pointer;
transition:0.3s;
border-radius:10px;
}


/* ACTIVE ITEM */

.publication-item.active{
background:#f1f8ec;
border-left:4px solid var(--primary-green);
}


/* IMAGE */

.pub-img img,
.pub-img canvas{
width:150px;
height:210px;
object-fit:cover;
border-radius:6px;
box-shadow:0 6px 15px rgba(0,0,0,0.08);
}


/* CONTENT */

.pub-content h5{
font-size:18px;
font-weight:600;
color:var(--text-dark);
margin-bottom:8px;
}

.pub-content p{
font-size:14px;
color:var(--text-light);
margin-bottom:5px;
}


/* DATE */

.pub-date{
color:var(--primary-blue);
font-weight:500;
}


/* DOWNLOAD BUTTON */

.btn-download{
display:inline-block;
margin-top:8px;
background:var(--primary-green);
padding:7px 16px;
border-radius:6px;
font-weight:600;
font-size:14px;
color:#fff;
text-decoration:none;
transition:0.3s;
}

.btn-download:hover{
background:#5aa92f;
color:#fff;
}


/* RIGHT SIDE PDF VIEWER */

.publication-preview{
background:#fff;
padding:10px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.publication-preview iframe{
width:100%;
height:650px;
border:none;
border-radius:6px;
}
/* e-Dialogues */

.dialogues-section{
padding:70px 0;
background:#f7f9f8;
}

/* HEADER */

.dialogues-header{
max-width:750px;
margin:auto;
margin-bottom:50px;
}

.dialogues-header h2{
font-size:34px;
font-weight:700;
color:#1f2d3d;
margin-bottom:12px;
}

.dialogues-header p{
font-size:18px;
color:#6c757d;
line-height:1.6;
}

/* VIDEO CARD */

.dialogue-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
}

.dialogue-card:hover{
transform:translateY(-6px);
}

/* VIDEO THUMB */

.video-thumb{
position:relative;
}

.video-thumb img{
width:100%;
height:220px;
object-fit:cover;
}



/* TITLE */

.dialogue-info{
padding:18px;
}

.dialogue-info h5{
font-size:16px;
font-weight:600;
margin:0;
color:#1f2d3d;
}


/* Resource Materials */
/* =========================
   RESOURCE SECTION
========================= */

.resources-library{
padding:80px 0;
background:#f7f9f8;
}


/* =========================
   SECTION TITLE
========================= */

.section-title{
max-width:800px;
margin:auto;
margin-bottom:40px;
text-align:center;
}

.section-title h2{
font-size:32px;
font-weight:700;
color:#1f2d3d;
margin-bottom:10px;
}

.section-subtitle{
font-size:18px;
color:#6c757d;
line-height:1.6;
}


/* =========================
   FILTER BUTTONS
========================= */

.resource-filter{
margin-bottom:40px;
text-align:center;
}

.filter-btn{
border:none;
background:#e9ecef;
padding:8px 18px;
margin:5px;
border-radius:25px;
font-size:14px;
cursor:pointer;
transition:0.3s;
}

.filter-btn:hover{
background:#dfe3e7;
}

.filter-btn.active{
background:#6FBF3A;
color:#fff;
}


/* =========================
   RESOURCE CARD
========================= */

.resource-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
transition:0.3s;
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
text-align:center;
}

.resource-card:hover{
transform:translateY(-5px);
}

.resource-card h5{
font-size:20px;
font-weight:600;
color:#1f2d3d;
margin-bottom:10px;
}

.resource-card p{
color:#6c757d;
font-size:15px;
}


/* =========================
   DATE
========================= */

.resource-date{
color:#6c757d;
font-size:14px;
margin-bottom:10px;
}


/* =========================
   BUTTONS
========================= */

.resource-buttons{
margin-top:15px;
}

.btn-view{
background:#6FBF3A;
color:#fff !important;
padding:8px 20px;
border-radius:6px;
text-decoration:none;
display:inline-block;
font-weight:500;
margin-right:10px;
}

.btn-view:hover{
background:#5aa92f;
color:#fff;
}

.btn-download{
background:#ffc107;
color:#000 !important;
padding:8px 20px;
border-radius:6px;
text-decoration:none;
display:inline-block;
font-weight:500;
}

.btn-download:hover{
background:#e0a800;
color:#000 !important;
}