.register-container {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.left-panel {
  background: #FDFBD4;
  color: #fff;
  text-align: center;
  padding: 3rem 2rem;
}

.left-panel img {
  max-width: 180px;
  margin-bottom: 1.5rem;
}

.right-panel {
  background: #fff;
  padding: 2.5rem;
}

.form-control,
.form-select {
  border-radius: 10px;
}

.btn-success {
  background: linear-gradient(90deg, #28a745, #20c997);
  border: none;
  border-radius: 10px;
  transition: all 0.3s;
}

.btn-success:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(40, 167, 69, 0.4);
}

.form-register-button {
  background-color: #800000;
  color: #fff;
}

.header .sitename {
    color: #fff !important;
    text-transform: capitalize !important;
}

.header .bi::before {
  color: #fff !important;
}

li.header-nav-items a {
  color: #fff !important;
}

li.header-nav-items.header-register-button a {
  background: #fff;
  padding-inline: 18px !important;
  color: #111111 !important;
  font-weight: bold;
}

.footer span.sitename {
    color: #010101 !important;
}

.footer h4 {
    color: #010101;
}
.footer-contact p {
    color: #010101;
}

.maajisa-timing-container,
.maajisa-timing-desc,
.maajisa-events-desc {
color: #800000;
font-size: 16px;
margin-bottom: 25px;
}


/* Lists */
.maajisa-timing-list,
.maajisa-events-list {
list-style: none;
padding: 0;
margin-bottom: 28px;
}


.maajisa-timing-item,
.maajisa-events-item {
font-size: 17px;
margin: 10px 0;
color: #800000;
font-weight: 500;
}


/* Buttons */
.maajisa-timing-btn,
.maajisa-events-btn {
display: inline-block;
background: #800000;
color: #fff;
padding: 12px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
border: 2px solid #800000;
}


.maajisa-timing-btn:hover,
.maajisa-events-btn:hover {
background: #FF9933;
border-color: #FF9933;
}


/* Section Backgrounds */
.maajisa-timing-section {
background: linear-gradient(to right, #fff2e6, #ffe6cc);
}


.maajisa-events-section {
background: linear-gradient(to right, #fff4e6, #ffe8cc);
}

.maajisa-register-container {
background: #fff;
max-width: 1100px;
width: 100%;
padding: 50px 40px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
border-top: 8px solid #800000;
text-align: center;
}


.maajisa-register-title {
font-size: 32px;
font-weight: 700;
color: #800000;
margin-bottom: 12px;
}


.maajisa-register-desc {
color: #800000;
font-size: 16px;
margin-bottom: 25px;
}


.maajisa-register-btn {
display: inline-block;
background: #800000;
color: #fff;
padding: 12px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
border: 2px solid #800000;
}


.maajisa-register-btn:hover {
background: #FF9933;
border-color: #FF9933;
color: #fff;
}


.maajisa-register-section {
background: linear-gradient(to right, #fff2e6, #ffe6cc);
}

.maajisa-about-img {
border: 4px solid #800000;
}


.maajisa-about-title {
font-size: 32px;
font-weight: 700;
color: #800000;
margin-bottom: 12px;
}


.maajisa-about-desc {
color: #800000;
font-size: 16px;
margin-bottom: 25px;
}


.maajisa-about-btn {
display: inline-block;
background: #800000;
color: #fff;
padding: 12px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
border: 2px solid #800000;
}


.maajisa-about-btn:hover {
background: #FF9933;
border-color: #FF9933;
color: #fff;
}


.maajisa-about-section {
background: linear-gradient(to right, #fff4e6, #ffe8cc);
}

.maajisa-map-section {
background: linear-gradient(to right, #fff4e6, #ffe8cc);
}


.maajisa-map-title {
font-size: 32px;
font-weight: 700;
color: #800000;
}


.maajisa-map-desc,
.maajisa-map-address {
color: #800000;
font-size: 16px;
font-weight: 500;
}

@media (max-width: 767px) {
  .left-panel {
    padding: 2rem 1rem;
  }

  .right-panel {
    padding: 2rem 1rem;
  }
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e9d6d6 !important;
    border-radius: 6px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #322f2f;
}
#lightgallery {
    display: flex;
    flex-wrap: wrap; /* Allow rows */
    gap: 10px;       /* Space between images */
}

#lightgallery a {
    width: calc(33.33% - 10px); /* 3 per row */
}
#lightgallery img {
    width: 100%; /* Make image fit container */
    display: block;
}