:root {
   --primary-color: #7cba29;
   --secondary-color: #6d6d6d;
   --dark-color: #000000;
   --light-bg: #f5efe0;
   --subtle-bg: #dcd7ca;
 }

 body {
   font-family: 'Inter', sans-serif;
   color: #333;
   overflow-x: hidden;
 }

 /* Header Styles */
 .main-header {
   padding: 15px 0;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   position: sticky;
   top: 0;
   background: white;
   z-index: 1000;
 }

 .logo {
   height: 50px;
 }

 .nav-dropdown .dropdown-toggle::after {
   display: none;
 }

 .nav-dropdown .dropdown-menu {
   border: none;
   border-radius: 0;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   padding: 15px;
 }

 .main-menu-link {
   color: var(--dark-color);
   text-decoration: none;
   font-weight: 500;
   padding: 10px 15px;
   display: inline-block;
 }

 .main-menu-link:hover {
   color: var(--primary-color);
 }

 .btn-join {
   background-color: var(--primary-color);
   color: white;
   border-radius: 4px;
   padding: 8px 20px;
   font-weight: 600;
   text-decoration: none;
   display: inline-block;
 }

 .btn-join:hover {
   background-color: #b31e48;
   color: white;
 }

 /* Hero Slider */
 .hero-slider {
   margin-top: 0;
 }

 .hero-slide {
   height: 600px;
   display: flex;
   align-items: center;
   position: relative;
   color: white;
 }

 .hero-slide .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
 }

 .slide-logo {
   max-height: 80px;
   margin-bottom: 20px;
 }

 .heading-text {
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 15px;
 }

 .slide-content {
   position: relative;
   z-index: 2;
 }

 .slide-link {
   color: white;
   text-decoration: none;
   font-weight: 600;
   display: inline-flex;
   align-items: center;
   margin-top: 20px;
 }

 .slide-link img {
   margin-left: 10px;
   transition: transform 0.3s;
 }

 .slide-link:hover img {
   transform: translateX(5px);
 }

 /* Initiatives Section */
 .initiatives-section {
   padding: 80px 0;
 }

 .section-heading {
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 40px;
   position: relative;
   padding-left: 15px;
 }

 .section-heading::before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 30px;
   width: 5px;
   background-color: var(--primary-color);
 }

 .initiative-box {
   margin-bottom: 30px;
   transition: transform 0.3s;
   height: 100%;
 }

 .initiative-box:hover {
   transform: translateY(-5px);
 }

 .initiative-card {
   background: white;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   height: 100%;
   display: flex;
   flex-direction: column;
 }

 .initiative-img {
   height: 180px;
   object-fit: cover;
   width: 100%;
 }

 .initiative-details {
   padding: 20px;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
 }

 .initiative-description {
   margin-bottom: 20px;
   flex-grow: 1;
 }

 .initiative-link {
   color: var(--primary-color);
   font-weight: 600;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
 }

 .initiative-link i {
   margin-left: 8px;
   transition: transform 0.3s;
 }

 .initiative-link:hover i {
   transform: translateX(5px);
 }

 /* Why Join Section */
 .why-join-section {
   padding: 80px 0;
   background-color: var(--light-bg);
   position: relative;
 }

 .why-join-section .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
 }

 .why-join-content {
   position: relative;
   z-index: 2;
   color: white;
 }

 .avatar-img {
   width: 100%;
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }

 /* Video Section */
 .video-section {
   padding: 80px 0;
 }

 .video-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
 }

 /* News & Events Section */
 .news-events-section {
   padding: 80px 0;
 }

 .event-card {
   margin-bottom: 30px;
   transition: transform 0.3s;
 }

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

 .event-img {
   height: 200px;
   object-fit: cover;
   width: 100%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }

 .event-details {
   padding: 20px;
   background: white;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .event-description {
   font-weight: 600;
   margin-bottom: 10px;
 }

 .event-type {
   background: var(--primary-color);
   color: white;
   padding: 3px 10px;
   border-radius: 20px;
   font-size: 0.8rem;
   display: inline-block;
   margin-right: 10px;
 }

 .event-date {
   color: var(--secondary-color);
   font-size: 0.9rem;
 }

 /* Twitter Feed */
 .twitter-feed {
   background: white;
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   height: 100%;
 }

 /* Blog & Podcast Section */
 .blog-podcast-section {
   padding: 80px 0;
   background-color: var(--light-bg);
 }

 .blog-card,
 .podcast-card {
   height: 300px;
   border-radius: 8px;
   overflow: hidden;
   position: relative;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .blog-card::before,
 .podcast-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 100%);
   z-index: 1;
 }

 .blog-content,
 .podcast-content {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 20px;
   color: white;
   z-index: 2;
   width: 100%;
 }

 /* Partners Section */
 .partners-section {
   padding: 80px 0;
 }

 .partner-logo {
   height: 80px;
   width: 100%;
   object-fit: contain;
   margin-bottom: 30px;
   filter: grayscale(100%);
   opacity: 0.7;
   transition: all 0.3s;
 }

 .partner-logo:hover {
   filter: grayscale(0);
   opacity: 1;
 }

 /* Footer */
 .footer {
   background-color: #1a1a1a;
   color: white;
   padding: 60px 0 30px;
 }

 .footer-logo {
   height: 50px;
   margin-bottom: 20px;
 }

 .footer-heading {
   font-weight: 600;
   margin-bottom: 20px;
   font-size: 1.2rem;
 }

 .footer-menu {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-menu li {
   margin-bottom: 10px;
 }

 .footer-menu a {
   color: #ccc;
   text-decoration: none;
   transition: color 0.3s;
 }

 .footer-menu a:hover {
   color: white;
 }

 .social-icons {
   display: flex;
   gap: 15px;
 }

 .social-icons a {
   color: white;
   font-size: 1.2rem;
   transition: color 0.3s;
 }

 .social-icons a:hover {
   color: var(--primary-color);
 }

 .copyright {
   margin-top: 30px;
   padding-top: 20px;
   border-top: 1px solid #333;
   color: #999;
 }

 /* Responsive Adjustments */
 @media (max-width: 992px) {
   .heading-text {
     font-size: 2rem;
   }

   .hero-slide {
     height: 500px;
   }
 }

 @media (max-width: 768px) {
   .heading-text {
     font-size: 1.75rem;
   }

   .hero-slide {
     height: 400px;
   }

   .section-heading {
     font-size: 1.75rem;
   }
 }

 @media (max-width: 576px) {
   .heading-text {
     font-size: 1.5rem;
   }

   .hero-slide {
     height: 350px;
   }

   .section-heading {
     font-size: 1.5rem;
   }
 }

 .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .text-primary {
   color: #7cba29 !important
 }