header.main-header {
    position: sticky;
    top: 0;
    z-index: 999;
}

header.main-header .header-sticky {
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

header.main-header.scrolled .header-sticky {
    background-color: white;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
header.main-header.header-gold.scrolled .header-sticky .navbar{
	padding: 10px 0;
}

.main-header .navbar .navbar-brand img.logo{
	width: 150px;
}

.main-header.scrolled .header-sticky .navbar .navbar-brand img.logo{
	width: 100px;
}

.header-gold .main-menu ul li.active > a {
    color: var(--accent-color);
}

.header-gold .main-menu ul li.active ul li a {
    color: initial; /* ya apna default color */
}

.leaf{
	width:25px;
}
.hero-image-title-gold h2{
	font-size: 22vw !important;
}
.hero-gold{
	margin-top: -200px;
}

.mission-list{
	background-color: var(--divider-color);
    border-radius: 12px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 30px;
}
.leaf-color{
	color:#71c275;
}
.about-counter-item-gold{
	padding-bottom: unset;
}
.bg-dark-green{
	background-color: #052f08 !important;
}
.icon-box{
	background-color:white !important;
}
.icon-box::before{
	background-color:var(--accent-color) !important;
}
.how-works-item-gold::before{
	background-color:#052f08 !important;;
}
.team-item-image-gold figure{
	width:200px ;
	height:200px ;
	overflow: hidden;
}
.team-item-image-gold figure img{
	height:200px ;
}

.main-footer-box-gold{
	justify-content: unset !important;
}

.footer-links-box-gold{
	display: flex !important;
    flex-wrap: wrap !important;
    width: calc(49% - 66.66px)!important;
    justify-content: space-between !important;
}


/***************************************************/
:root {
            /* Configuration Variables */
             /* Farmer Green */
            --track-color: #cccccc;
            --bg-gradient: radial-gradient(circle, #ffffff 0%, #6cc177 100%);
            --card-bg: #ffffff;
            --text-main: #1e293b;
            --text-sub: #64748b;
            
            /* Speed Control (Single Source of Truth) */
            --animation-duration: 15s; 
        }

        .process-wrapper {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: var(--agriox-base, #f1cf69);
            background-image: url(<?php echo base_url('public/assets/images/icon/blog-bg-top-1-1.png');?>);

            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }

        .process-wrapper::before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: #f6f4ec;
            opacity: .30;
            content: "";
            z-index: -1;
        }

        /* Main Wrapper */
        .process-container {
            position: relative;
            width: 650px;
            height: 650px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* SVG Layout */
        .svg-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: visible;
        }

        .track-circle {
            fill: none;
            stroke: var(--track-color);
            stroke-width: 2;
            stroke-dasharray: 6 6;
        }

        .animated-arrow {
            fill: var(--primary-color);
            /* SVG Path for a circle with radius 240 centered at 325,325 */
            offset-path: path("M 325, 85 A 240,240 0 1,1 324.9,85 Z");
            animation: flowMove var(--animation-duration) linear infinite;
            filter: drop-shadow(0 0 5px rgba(34, 197, 94, 0.5));
        }

        @keyframes flowMove {
            from { offset-distance: 0%; }
            to { offset-distance: 100%; }
        }

        /* Pause Logic */
        .process-container:hover .animated-arrow {
            animation-play-state: paused;
        }

        /* Center Farmer Profile */
        .center-node {
            position: absolute;
            width: 140px;
            height: 140px;
            background: white;
            border-radius: 50%;
            border: 5px solid var(--primary-color);
            z-index: 20;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15);
            overflow: hidden;
        }

        .center-node img {
            width: 100%;
            /*height: 85%;*/
            object-fit: contain;
            transform: translateY(10%);
        }

        /* Cards Styling */
        .node-card {
            position: absolute;
            width: 115px;
            height: 115px;
            background: var(--card-bg);
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            border: 2px solid transparent;
            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
            z-index: 10;
            pointer-events: auto;
        }

        .node-card img {
            width: 50px;
            height: 50px;
            margin-bottom: 8px;
            object-fit: contain;
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));
        }

        .node-card span {
            font-size: 12px;
            font-weight: 700;
            color: var(--text-sub);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-align: center;
        }

        /* ACTIVE state synced with arrow */
        .node-card.active {
            transform: translate(-50%, -50%) scale(1.25) !important;
            border-color: var(--primary-color);
            box-shadow: 0 20px 30px -10px rgba(34, 197, 94, 0.4);
            z-index: 30;
        }

        .node-card.active span {
            color: var(--primary-color);
        }

        /* Responsive scaling */
        @media (max-width: 700px) {
            .process-container { transform: scale(0.6); }
        }

/*************************************************************/
/*******************.team card ******************************/
/***********************************************************/

.team-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    text-align: center;
    margin-bottom: 30px;
    transition: 0.3s;
}

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

.team-card .team-image img {
    border-radius: 10px;
    margin-bottom: 15px;
}

.team-content span {
    display: block;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 10px;
}

.team-small img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}


.footer-links-gold .row ul {
    list-style-position: inside;  /* Bullet text ke saath align hoga */
    padding-left: 0;              /* Default left gap remove */
    display: inline-block;        /* Pure list ko center karega */
    text-align: left;             /* Text ko natural alignment dega */
}

.footer-social-icons-gold ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    border: 1px solid var(--dark-divider-color);
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
}

.footer-social-icons-gold ul li::marker {
    color: transparent !important;
}

@media only screen and (max-width: 576px){
.hero-gold {
    margin-top: -135px;
}
}