.antaryog-events {
      --primary: #09A59A;
      --primary-dark: #067C74;
      --accent: #F0854D;
      --calm: #09A59A;
      /* --bg: #F7FBFB; */
      --bg: #FFFFFF;
      --card: #FFFFFF;
      --text: #2B3636;
      --text-light: #6D7B7B;
      --border: #E4ECEC;

      /* font-family: "Segoe UI", Roboto, sans-serif; */
      font-family: "Plus Jakarta Sans", sans-serif;
      background: linear-gradient(180deg, #ffffff, #F4FAFA);
      /* background: linear-gradient(180deg, #ffffff, #ffffff); */
      padding: 40px 15px;
    }

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

    .antaryog-events .header {
      text-align: center;
      padding: 30px 10px 20px;
    }

    .antaryog-events .header h1 {
      font-size: 40px;
      font-weight: 700;
      color: #000000;
      margin-bottom: 12px;
    }

    .antaryog-events .header p {
      font-size: 18px;
      color: var(--text-light);
      max-width: 700px;
      margin: auto;
      line-height: 1.7;
    }

    .antaryog-events .divider {
      width: 90px;
      height: 5px;
      margin: 25px auto;
      border-radius: 50px;
      background: linear-gradient(90deg, #09A59A, #62D6CC);
    }

    /* ================= LAYOUT ================= */

    .antaryog-event-layout {
      display: flex;
      gap: 35px;
      max-width: 1400px;
      margin: auto;
    }

    /* ================= SIDEBAR ================= */

    .antaryog-event-sidebar {
      width: 230px;
      position: sticky;
      top: 100px;
      align-self: flex-start;
    }

    .antaryog-event-tab {

      width: 100%;
      padding: 15px 18px;
      margin-bottom: 12px;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #fff;
      color: var(--text);
      font-size: 15px;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
      transition: .25s;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
    }

    .antaryog-event-tab:hover {
      border-color: var(--primary);
      color: var(--primary);
    }

    .antaryog-event-tab.active {
      background: linear-gradient(135deg, #09A59A, #16B8AD);
      color: #fff;
      border-color: #09A59A;
      box-shadow: 0 10px 25px rgba(9, 165, 154, .28);
    }

    .antaryog-event-content {
      flex: 1;
    }

    /* ================= CALENDAR ================= */
    .antaryog-events .calendar {
      max-width: 1100px;
      margin: auto;
    }

    /* ================= MONTH ================= */
    .antaryog-events .month-separator {
      margin: 35px 0 25px;
      padding: 18px;
      border-radius: 14px;
      background: linear-gradient(135deg, #09A59A, #15B8AE);
      color: #fff;
      text-align: center;
      box-shadow: 0 10px 24px rgba(9, 165, 154, .20);
    }

    .antaryog-events .month-separator h2 {
      margin: 0;
      font-size: 24px;
      font-weight: 700;
    }

    /* ================= GRID ================= */
    .antaryog-events .calendar-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    /* ================= EVENT CARD ================= */
    .antaryog-events .event {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 22px;
      display: flex;
      flex-direction: column;
      height: 100%;
      transition: .25s;
      box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    }

    .antaryog-events .event:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 35px rgba(9, 165, 154, .18);
    }

    /* ================= EVENT TEXT ================= */
    .antaryog-events .event-date {
      font-size: 14px;
      color: #7B8787;
    }

    .antaryog-events .event-name {
      font-size: 21px;
      font-weight: 700;
      color: var(--text);
      margin: 12px 0;
    }

    .antaryog-events .event-detail {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--border);
      font-size: 15px;
      line-height: 1.7;
      color: #555;
    }

    .antaryog-events .event-detail p {
      margin: 6px 0;
    }

    /* ================= BUTTON ================= */
    .antaryog-events .register-button {
      display: inline-block;
      margin-top: auto;
      padding: 12px 18px;
      background: linear-gradient(135deg, #F0854D, #E87058);
      color: #fff;
      text-decoration: none;
      text-align: center;
      border-radius: 8px;
      font-weight: 600;
      transition: .25s;
      box-shadow: 0 8px 18px rgba(240, 133, 77, .28);
    }

    .antaryog-events .register-button:hover {
      background: linear-gradient(135deg, #E87058, #D65E42);
      transform: translateY(-2px);
      color: #fff;
    }

    /* ================= ONLINE EVENT ================= */
    .antaryog-events .event.online {
      background: #F5FEFD;
      border-top: 5px solid #09A59A;
    }

    /* ================= SCROLL BUTTON ================= */
    .antaryog-events .circle-arrow {
      position: fixed;
      right: 22px;
      bottom: 22px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 28px;
      font-weight: bold;
      color: #fff;
      background: linear-gradient(135deg, #09A59A, #16B8AD);
      box-shadow: 0 12px 30px rgba(9, 165, 154, .35);
      z-index: 99999;
      opacity: 0;
      visibility: hidden;
      transform: translateY(15px);
      transition: .3s;
    }

    .antaryog-events .circle-arrow.visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
  	
  	/* Main Section Heading */
  	.antaryog-events .section-title {
  		margin-bottom: 35px;
  		text-align: center;
  		padding-bottom: 16px;
  		border-bottom: 2px solid #E6EEEE;
  		position: relative;
  	}

  	.antaryog-events .section-title h2 {
  		margin: 0;
  		font-size: 32px;
  		color: #2B3636;
  		font-weight: 700;
  	}

      /* ================= MOBILE ================= */
      @media(max-width:900px) {
        .antaryog-event-layout {
          display: block;
        }

        .antaryog-event-sidebar {
          width: 100%;
          display: flex;
          gap: 10px;
          position: static;
          margin-bottom: 25px;
        }

        .antaryog-event-tab {
          flex: 1;
          text-align: center;
          margin-bottom: 0;
        }

        .antaryog-events .calendar-grid {
          grid-template-columns: 1fr;
        }

        .antaryog-events .header h1 {
          font-size: 30px;
        }

        .antaryog-events .header p {
          font-size: 16px;
        }

        .antaryog-events .month-separator h2 {
          font-size: 20px;
        }

        .antaryog-events .circle-arrow {
          width: 56px;
          height: 56px;
          font-size: 26px;
          right: 16px;
          bottom: 16px;
        }
  	  
  	    .antaryog-events .section-title {
  			margin-bottom: 28px;
  			padding-bottom: 14px;
  		}

  		.antaryog-events .section-title h2 {
  			font-size: 26px;
  		}
    
      }
      #currentEvents{
        margin-top:80px;
        padding-top:20px;
        clear:both;
    }

    #currentEvents .calendar{
        margin-top:0;
    }

    #currentEvents .month-separator:first-child{
        margin-top:0;
    }