:root {

    --primary: #006B3D;
    --secondary: #A6D82A;
    --dark: #02253B;
    --light: #F8FAF8;
    --text: #5F6368;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {

    font-family: 'Poppins', sans-serif;

    color: var(--text);

    overflow-x: hidden;

    background: #fff;
}


a {
    text-decoration: none;
}

/* =====================
TOP BAR
===================== */

.top-bar {

    background:
        linear-gradient(90deg,
            #a0cb32,
            #0A7A46);

    padding: 10px 0;
}

.topbar-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.topbar-left {

    display: flex;

    gap: 25px;
}

.topbar-left a {

    color: #fff;

    font-size: 14px;

    font-weight: 500;
}

.topbar-left i {

    margin-right: 8px;
}

.topbar-center {

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .5px;
}

.topbar-right a {

    color: #fff;

    margin-left: 15px;

    font-size: 15px;

    transition: .3s;
}

.topbar-right a:hover {

    opacity: .8;
}

/* =====================
HEADER
===================== */

.main-header {

    position: sticky;

    top: 0;

    z-index: 999;

    background:
        rgba(255, 255, 255, .92);

    backdrop-filter: blur(16px);

    -webkit-backdrop-filter: blur(16px);

    border-bottom:
        1px solid rgba(0, 0, 0, .05);

    box-shadow:
        0 10px 35px rgba(0, 0, 0, .05);
}

.navbar {

    padding: 0;
}

.navbar-brand {

    background:
        rgba(255, 255, 255, .75);

    padding: 8px;

    border-radius: 20px;
}

.navbar-brand img {

    height: 110px;
}

.navbar-nav {

    gap: 8px;
}

.nav-link {

    color: #222;

    font-size: 14px;

    font-weight: 600;

    padding: 10px !important;

    border-radius: 50px;

    transition: .3s;
}

.nav-link:hover,
.nav-link.active {

    color: var(--primary);

    background:
        rgba(166, 216, 42, .15);
}

.btn-collaborate {

    background: linear-gradient(135deg, var(--dark), var(--primary));

    color: var(--secondary);

    padding: 14px 28px;

    border-radius: 50px;

    font-weight: 600;

    box-shadow:
        0 12px 25px rgba(0, 107, 61, .25);

    transition: .35s;
}

.btn-collaborate:hover {

    color: #fff;

    transform:
        translateY(-2px);

    box-shadow:
        0 18px 35px rgba(0, 107, 61, .35);
}

.navbar-toggler {

    border: none;

    box-shadow: none !important;
}

.navbar-toggler i {

    font-size: 34px;

    color: var(--primary);
}

/* =====================
MOBILE
===================== */

@media(max-width:1199px) {

    .navbar-collapse {

        margin-top: 20px;

        background: #fff;

        padding: 20px;

        border-radius: 20px;

        box-shadow:
            0 15px 30px rgba(0, 0, 0, .08);
    }

    .btn-collaborate {

        display: inline-block;

        margin-top: 15px;
    }

}

@media(max-width:991px) {

    .topbar-center {

        display: none;
    }

}

@media(max-width:767px) {

    .top-bar {

        display: none;
    }

    .navbar-brand img {

        height: 65px;
    }

}


.page-banner {
    padding: 60px 0;
    /* Padding badhai hai thoda khula-khula dikhane ke liye */
    background: linear-gradient(to right, rgba(2, 37, 59, 0.85), rgba(0, 107, 61, 0.75)),
        url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=1800&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* Premium Parallax Effect */
    text-align: center;
    color: #fff;
    position: relative;
}

.page-banner-content {
    max-width: 800px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Naya H1 Title (Bohot Zaroori Tha) */
.page-banner h1 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: capitalize;
    letter-spacing: -0.5px;
}

/* Glassmorphism Breadcrumb Wrapper */
.banner-breadcrumb {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 10px 25px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.page-banner .breadcrumb {
    margin: 0;
}

.page-banner .breadcrumb-item a {
    color: var(--secondary);
    font-weight: 500;
    transition: color 0.3s ease;
    text-decoration: none;
}

.page-banner .breadcrumb-item a:hover {
    color: #fff;
}

.page-banner .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.8);
}

/* Modern Arrow Separator instead of '/' */
.page-banner .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
    .page-banner {
        padding: 40px 0 40px;
    }

    .page-banner h1 {
        font-size: 24px;
    }
}