:root {
        --primary: #393185;
        --primary-dark: #251f63;
        --secondary: #008043;
        --secondary-dark: #006b38;
        --ink: #17211e;
        --muted: #66736e;
        --surface: #fff;
        --soft: #f3f7f4;
        --line: #dce6df;
      }

      body {
        margin: 0;
        color: var(--ink);
        background: #f7f9f7;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
      }

      .btn-primary {
        background-color: var(--primary);
        border: 0;
      }

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

      .section-pad {
        padding: 56px 0;
      }

      .container {
        max-width: 1280px;
      }

      .eyebrow {
        color: var(--secondary);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .event-date table td {
        vertical-align: top;
        font-size: 14px;
      }
      .event-item {
        width: 100%;
      }
      .hero-slide {
        min-height: 390px;
        position: relative;
        overflow: hidden;
        background-position: bottom center;
        background-size: cover;
        background-image: url("event-banner.webp");
      }

      .hero-slide:before {
        position: absolute;
        inset: 0;
        content: "";
        background: #000;
        background: linear-gradient(
          90deg,
          rgb(8 8 8 / 92%) 0%,
          rgb(204 204 204 / 0%) 100%
        );
      }

      .hero-content {
        position: relative;
        z-index: 1;
        max-width: 670px;
        padding: 68px 0;
        color: #fff;
        margin-top: 75px;
      }

      .hero-content h1 {
        max-width: 620px;
        margin: 12px 0 18px;
        font-size: clamp(2rem, 4vw, 3.85rem);
        font-weight: 800;
        line-height: 1.2;
      }

      .hero-content p {
        max-width: 560px;
        margin-bottom: 28px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 1.05rem;
        line-height: 1.65;
      }

      .btn-brand {
        --bs-btn-bg: var(--secondary);
        --bs-btn-border-color: var(--secondary);
        --bs-btn-color: #fff;
        --bs-btn-hover-bg: var(--secondary-dark);
        --bs-btn-hover-border-color: var(--secondary-dark);
        --bs-btn-hover-color: #fff;
        font-weight: 700;
        padding: 12px 22px;
      }

      .btn-outline-light {
        font-weight: 700;
        padding: 12px 22px;
      }

      .inquire-now-tab {
        position: fixed;
        top: 50%;
        right: -5px;
        z-index: 50;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 124px;
        min-height: 48px;
        padding: 12px 18px;
        background: #fff;
        color: #111;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        transform: translate(38px, -50%) rotate(-90deg);
        transform-origin: center;
      }

      .inquire-now-tab:hover {
        color: var(--secondary);
      }

      .owl-theme .owl-dots {
        margin-top: 18px;
      }

      .owl-theme .owl-dots .owl-dot span {
        width: 28px;
        height: 4px;
        margin: 5px;
        border-radius: 999px;
        background: #b9c9c1;
      }

      .owl-theme .owl-dots .owl-dot.active span {
        background: var(--primary);
      }

      .events-carousel {
        position: relative;
        padding: 0 46px;
      }

      .event-tools {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(20, 48, 39, 0.06);
        padding: 22px;
      }

      .event-tools label {
        color: var(--ink);
        font-size: 0.78rem;
        font-weight: 700;
        text-transform: uppercase;
      }

      .event-tools .form-control,
      .event-tools .form-select {
        min-height: 46px;
        border-color: var(--line);
        border-radius: 4px;
      }

      .event-results-meta {
        color: var(--muted);
        font-size: 0.92rem;
      }

      .events-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
      }

      .events-list .event-item {
        display: flex;
      }

      .events-list .event-card {
        min-height: 100%;
      }

      .event-pagination .page-link {
        min-width: 42px;
        border-color: var(--line);
        color: var(--primary);
        font-weight: 600;
        text-align: center;
      }

      .event-pagination .page-item.active .page-link {
        background: var(--secondary);
        border-color: var(--secondary);
        color: #fff;
      }

      .event-pagination .page-item.disabled .page-link {
        color: #99a5a0;
      }

      .event-empty {
        display: none;
        border: 1px dashed var(--line);
        border-radius: 8px;
        background: #fff;
        color: var(--muted);
        padding: 30px;
        text-align: center;
      }

      .events-carousel .owl-stage {
        display: flex;
      }

      .events-carousel .owl-item {
        display: flex;
      }

      .events-carousel .owl-nav {
        margin: 0;
      }

      .events-carousel .owl-nav button.owl-next,
      .events-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
        width: 42px;
        height: 42px;
        border: 1px solid var(--line) !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: var(--primary) !important;
        box-shadow: 0 12px 28px rgba(20, 48, 39, 0.15);
        transform: translateY(-50%);
        transition:
          background-color 0.2s ease,
          color 0.2s ease;
      }

      .events-carousel .owl-nav button.owl-prev {
        left: 0;
      }

      .events-carousel .owl-nav button.owl-next {
        right: 0;
      }

      .events-carousel .owl-nav button span {
        display: block;
        font-size: 2rem;
        line-height: 34px;
      }

      .events-carousel .owl-nav button.owl-next:hover,
      .events-carousel .owl-nav button.owl-prev:hover {
        background: var(--primary) !important;
        color: #fff !important;
      }

      .event-card {
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--surface);
        box-shadow: 0 18px 42px rgba(20, 48, 39, 0.08);
        transition:
          transform 0.22s ease,
          box-shadow 0.22s ease;
      }

      .event-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 54px rgba(20, 48, 39, 0.13);
      }
   .event-media  {
        padding: 15px;height:100px;display: flex;;
   }
   .event-media img{
width:auto;height: 50px;
      }
.card-footer .btn {margin: -20px 10px 20px 0;}
      .event-body {
        padding: 5px 20px;
      }

      .event-date text-body-tertiary mb-3 {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        color: var(--secondary);
        font-size: 0.88rem;
        font-weight: 700;
      }

      .event-title {
        background-color: #f9f9f9;
        padding: 15px 10px 10px 15px;
        border-bottom: 1px solid #ccc;
            display: flex;
    align-items: center;
      }

      .header_logo img {
        width: 60px;
        max-width: 60px;
      }

      .event-card {
        border-radius: 10px;
      }

      .event-card h3 {
        margin-bottom: 0;
        font-size: 0.89rem;
        font-weight: 600;
      }

      .event-card p {
        min-height: 72px;
        margin-bottom: 0;
        color: var(--muted);
        line-height: 1.6;
      }

      .btn-event {
        float: right;
        font-size: 0.8rem;
        font-weight: 400;
        padding: 10px;
      }

      .cta-band {
        overflow: hidden;
        border-radius: 8px;
        background:
          linear-gradient(
            90deg,
            rgba(37, 31, 99, 0.96),
            rgba(0, 128, 67, 0.88)
          ),
          url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1600&q=80")
            center/cover;
        color: #fff;
      }

      .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        padding: 38px 44px;
      }

      .cta-band h2 {
        margin: 0 0 8px;
        font-size: clamp(1.55rem, 3vw, 2.35rem);
        font-weight: 800;
      }

      .cta-band p {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
      }

      .site-header {
        position: fixed;
        z-index: 20;
        background-color: hsla(0, 0%, 100%, 0.8);
        backdrop-filter: blur(5px);
        margin-bottom: -75px;
        width: 100%;
      }

      .site-header .header-inner {
        min-height: 74px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
      }

      .brand-area {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
      }

      .brand-mark {
        width: 180px;
        min-height: 75px;
        display: flex;
        align-items: center;
        justify-content: left;
        padding-left: 30px;
      }

      .established_icon {
        padding-right: 30px;
      }

      .brand-mark img {
        max-width: 100%;
        max-height: 48px;
        width: auto;
        height: auto;
        display: block;
      }

      .home-link {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        text-decoration: none;
        font-size: 1.25rem;
        transition:
          background-color 0.2s ease,
          color 0.2s ease;
      }

      .home-link:hover {
        background: var(--secondary);
        border-color: var(--secondary);
        color: #fff;
      }

      @media (max-width: 767.98px) {
        .section-pad {
          padding: 34px 0;
        }

        .hero-slide {
          min-height: 430px;
        }

        .hero-slide:before {
          background: #000;
           background: linear-gradient(
          90deg,
          rgb(8 8 8 / 92%) 0%,
          rgb(204 204 204 / 0%) 100%
        );
        }

        .hero-content {
          padding: 42px 24px;
        }

        .hero-content p {
          font-size: 1rem;
        }

        .cta-band .inner {
          align-items: flex-start;
          flex-direction: column;
          padding: 30px 24px;
        }

        .event-card p {
          min-height: auto;
        }

        .events-carousel {
          padding: 0 34px;
        }

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

        .events-carousel .owl-nav button.owl-next,
        .events-carousel .owl-nav button.owl-prev {
          width: 36px;
          height: 36px;
        }

        .events-carousel .owl-nav button span {
          font-size: 1.65rem;
          line-height: 29px;
        }

        .site-header .header-inner {
          min-height: 64px;
        }

        .brand-mark {
          width: 120px;
          min-height: 42px;
        }

        .home-link {
          width: 40px;
          height: 40px;
        }
      }

      @media (min-width: 768px) and (max-width: 1199.98px) {
        .events-list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }