/* ================================
   Global Variables
================================= */
:root {
  --primary: #16324F;   /* dark blue */
  --accent: #E3B23C;    /* gold */
  --light: #F8F9FA;     /* off-white */
  --mid: #F2F5F8;       /* light gray background */
  --text: #333;         /* base text */
  --footer-bg: #16324F; /* footer */
  --footer-text: #F1F4F6;
  --hover: #FFD166;     /* link hover accent */
}

/* ================================
   General Styles
================================= */
body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  color: var(--text);
  background-color: var(--light);
}

h1, h2, h3, h4, h5 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  text-align: center;
}

/* ================================
   Navbar
================================= */
.bg-dkblue {
  background-color: var(--primary);
}

.navbar-nav .nav-link {
  color: var(--light);
  transition: color 0.2s ease-in-out;
}

.navbar-nav .nav-link:hover {
  color: var(--hover);
}

.navbar-nav .nav-item.active .nav-link {
  color: var(--light);
  font-weight: bold;
}

/* ================================
   Sections
================================= */
.container-1 {
  padding: 80px 0 50px;
  background-color: var(--primary);
}
.container-1 h1 {
  color: var(--light);
}

.cont-about {
  padding: 80px 0;
  background-color: var(--mid);
}

.container-3 {
  padding: 80px 0;
}

.black-text {
  color: #000;
}

.contact {
    padding-top: 31px;
}
.contact-top {
    margin-top: 112px;
    padding-bottom: 47px;
    padding-top: 9px;
}

.container-fluid.events {
  padding-top: 94px;
  background-color: #BEB7B7;
}

.con-ty {
  padding-top: 272px;
  text-align: center;
}

.look {
  padding-top: 0;
}

.bottom-container {
  margin-bottom: 0;
  padding-bottom: 27px;
}

/* ================================
   Hero
================================= */
.hero {
  position: relative;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(22, 50, 79, 0.6); /* overlay */
}
.hero .container {
  position: relative;
  z-index: 2;
}

.bg-ellen {
  background-color: var(--primary);
}

/* ================================
   Footer
================================= */
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--footer-bg);
  color: var(--footer-text);
  text-align: center;
  padding-top: 14px;
  padding-bottom: 46px;
  margin-bottom: -40px;
}

ul.list-unstyled li {
  font-size: 1.05rem;
  line-height: 1.6;
}

.footer .container.text-center.py-3.text-white {
  /* override if needed */
}

/* ================================
   Utility
================================= */
#about, #history {
  scroll-margin-top: 80px; /* offset for fixed navbar */
}
.events {
  background-color: #f8f9fa; /* light gray */
  padding: 80px 0;
}

.events h1 {
  font-weight: 700;
  color: #16324F; /* your brand dark blue */
}

.card {
  border: none;
  border-radius: 12px;
  transition: transform 0.2s ease-in-out;
}

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

.card-img-top {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}.my-5 {
    padding-top: 50px;
}
.space {
    width: 28px;
}
.thankyou-wrapper {
    margin-top: 96px;
}