:root {
     --primary-color: #1a5a1a;
     /* Dark green */
     --secondary-color: #FFD700;
     /* Gold/Yellow */
     --accent-color: #2e8b57;
     /* Medium green */
     --light-color: #f8f9fa;
     --dark-color: #212529;
           --yct-green: #007A33;
      --yct-gold: #FDB913;
 }

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

 body {
     font-family: 'Montserrat', sans-serif;
     background-color: #f5f5f5;
     color: var(--dark-color);
     line-height: 1.6;
 }

 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 header {
     background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
     color: white;
     padding: 20px 0;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .header-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .logo {
     display: flex;
     align-items: center;
 }

 .logo img {
     height: 60px;
     margin-right: 15px;
 }

 .logo-text h1 {
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .logo-text p {
     font-size: 14px;
     opacity: 0.9;
 }

 .main-content {
     padding: 60px 0;
     text-align: center;
 }

 .welcome-section {
     margin-bottom: 50px;
 }

 .welcome-section h2 {
     font-size: 36px;
     color: var(--primary-color);
     margin-bottom: 20px;
     font-weight: 700;
 }

 .welcome-section p {
     font-size: 18px;
     max-width: 800px;
     margin: 0 auto 30px;
     color: #555;
 }

 .action-buttons {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 30px;
     margin-top: 40px;
 }

 .action-btn {
     background: white;
     border-radius: 10px;
     width: 250px;
     padding: 30px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     text-align: center;
     border: 2px solid transparent;
 }

 .action-btn:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
     border-color: var(--secondary-color);
 }

 .action-btn i {
     font-size: 50px;
     color: var(--primary-color);
     margin-bottom: 20px;
 }

 .action-btn h3 {
     font-size: 22px;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .action-btn p {
     font-size: 15px;
     color: #666;
     margin-bottom: 20px;
 }

 .btn {
     display: inline-block;
     background: var(--primary-color);
     color: white;
     padding: 12px 30px;
     border-radius: 50px;
     text-decoration: none;
     font-weight: 600;
     transition: all 0.3s ease;
     font-size: 16px;
 }

 .btn:hover {
     background: var(--accent-color);
     transform: translateY(-2px);
 }

 .btn-secondary {
     background: var(--secondary-color);
     color: var(--dark-color);
 }

 .btn-secondary:hover {
     background: #e6c20d;
 }

 footer {
     background: var(--dark-color);
     color: white;
     padding: 40px 0 20px;
     text-align: center;
     font-size: 14px;
 }

 .social-links {
     display: flex;
     justify-content: center;
     margin: 20px 0;
 }

 .social-links a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     background: rgba(255, 255, 255, 0.1);
     border-radius: 50%;
     margin: 0 10px;
     color: white;
     font-size: 18px;
     transition: all 0.3s ease;
 }

 .social-links a:hover {
     background: var(--secondary-color);
     color: var(--dark-color);
     transform: translateY(-3px);
 }

 .footer-links {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     margin: 15px 0;
 }

 .footer-links a {
     color: white;
     margin: 0 15px;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .footer-links a:hover {
     color: var(--secondary-color);
 }

 .copyright {
     margin-top: 20px;
     opacity: 0.8;
 }

 @media (max-width: 768px) {
     .header-content {
         flex-direction: column;
         text-align: center;
     }

     .logo {
         margin-bottom: 20px;
         justify-content: center;
     }

     .action-buttons {
         flex-direction: column;
         align-items: center;
     }

     .welcome-section h2 {
         font-size: 28px;
     }

     .footer-links a {
         margin: 5px 10px;
     }
 }



    /* body {
      background-color: #f8f9fa;
      font-family: 'Segoe UI', sans-serif;
    } */

    .header {
      background-color: var(--yct-green);
      color: white;
      padding: 2rem 1rem;
      text-align: center;
    }

    .position-card {
      border-left: 6px solid var(--yct-gold);
      margin-bottom: 2rem;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
    }

    .position-card h5 {
      color: var(--yct-green);
    }

    .title {
      font-weight: bold;
      color: var(--yct-gold);
    }

    ul {
      padding-left: 1.2rem;
    }

    @media (max-width: 576px) {
      .position-card {
        padding: 1rem;
      }
    }