/* full screen page */

    .welcome-section {
      
      ackground-color: #f8f9fa;
    }
    #welcomeSection{
        background:  linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../IMG/cd4.jpg') no-repeat center center/cover;
        text-align: left!important;
        width: 100%;
        padding: 100px 20px;
        background-color: #f8f9fa;
        font-family: 'Zilla Slab','Zilla-fallback',serif;
        
    }
  
   
    #welcome_st{
      color: white;
      font-family: 'Roboto', sans-serif;
      font-size: 60px;
    }
    #bigSection{
      color: white;
      font-family: 'Roboto', sans-serif;
      text-align: left!important;
    }

    .welcome-section img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }

    .welcome-section h2 {
      font-size: 32px;
      margin-top: 20px;
      font-weight: bold;
    }

    .welcome-section p {
      font-size: 19px;
      color: #555;
      max-width: 600px;
      margin: 15px auto;
    }

    .welcome-btn {
      position: relative;
      display: inline-block;
      margin-top: 20px;
      padding: 10px 25px;
      font-weight: bold;
      font-size: 16px;
      color: white;
      background-color: transparent;
      /* border: 1px solid #0a57a4; */
      border-radius: 6px;
      text-decoration: none;
      overflow: hidden;
      transition: color 0.3s ease;
      background-color: #00933b;
    }

   

    .welcome-btn:hover::after {
      width: 100%;
    }

   /* event section styling  */
    .events-section {
      padding: 4rem 1rem;
      background-color: #003314;
    }

    .event-title {
      font-weight: 800;
      font-size: 2rem;
      color: #ddd;
      text-align: left;
    }

    .view-all-btn {
      background-color: black;
      color: white;
      font-weight: bold;
      padding: 1rem 2rem;
      border: none;
      text-decoration: none;
      display: inline-block;
      position: relative;
      transition: all 0.3s ease;
    }

    .view-all-btn::after {
      content: '';
      position: absolute;
      bottom: 8px;
      left: 50%;
      width: 0;
      height: 2px;
      background-color: white;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }

    .view-all-btn:hover::after {
      width: 80%;
    }

    .view-all-btn:hover {
      text-decoration: none;
      color: white;
    }

    .event-img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid #00933b;
      box-shadow: 0 0 0 3px #00933b;
      margin-bottom: 1rem;
    }

    .event-card h5 {
      font-weight: 700;
      color: #ddd;
    }

    .event-card {
      text-align: center;
    }

    .event-meta {
      font-size: 0.95rem;
      color: #888;
    }

    @media (max-width: 768px) {
      .event-title {
        text-align: center;
        margin-bottom: 1rem;
      }

      .view-all-btn {
        display: block;
        margin: 0 auto 2rem auto;
      }
    }

  /* before footer styling */
   .info-card {
      border: 1px solid #e0e0e0;
      background-color: white;
      margin-bottom: 2rem;
    }

    .info-card img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .info-card-body {
      padding: 2rem;
    }

    .info-card h4 {
      font-weight: bold;
      margin-bottom: 1rem;
    }

    .underline-btn {
      background-color: transparent;
      color: black;
      font-weight: 500;
      padding: 0.75rem 1.5rem;
      border: 1px solid #00933b;
      position: relative;
      text-decoration: none;
      display: inline-block;
      margin-top: 1.5rem;
      transition: all 0.3s ease;
    }

    .underline-btn::after {
      content: '';
      position: absolute;
      bottom: 8px;
      left: 50%;
      width: 0;
      height: 2px;
      background-color: #00933b;
      transform: translateX(-50%);
      transition: all 0.3s ease;
    }

    .underline-btn:hover::after {
      width: 80%;
    }

    .underline-btn:hover {
      text-decoration: none;
      color: black;
    }
    #mpt{
        text-decoration: none;
        color: black;
    }