body{background: #1E1E1E;color: #fff; font-family: "Poppins", sans-serif;}
h2{font-weight: bold;margin-bottom: 15px}
p, li{color:#939393}
p{margin-bottom: 8px;    line-height: 26px}
hr{margin: 2rem 0}
section{overflow: hidden;}
h1{font-size: 26px;line-height: 38px;font-weight: 700;margin-bottom: 20px;}
.banner{padding: 40px 0px}
.event-card {
    background-color: #1a1a1a;
    border: 1px solid #555;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}
.event-icon {
    font-size: 1.8rem;
    margin-right: 12px;
}
.event-subtext {
    color: #aaa;
    font-size: 0.9rem;
}
.divider {
    height: 1px;
    background-color: #444;
    margin: 15px 0;
}
.nav-tabs {
    border: none;
    justify-content: center;
}
.nav-tabs .nav-link {
    color: #fff;
    font-weight: 600;
    border: none;
    background: transparent;
    font-size: 1.3rem;
    margin: 0 15px;
}
.nav-tabs .nav-link.active {
    text-decoration: underline;
    color: #fff;
}
.nav-tabs .nav-link.active{background: transparent;}
.nav-tabs .nav-item:first-child{border-right:1px solid;}
.nav-tabs button{padding: 0px 10px}
.nav-item .nav-link{border-radius: 0px}
.banner h2{font-size: 20px;text-align: center;margin-top: 20px;font-weight: 300}
.avail-col{text-align: center;}
.tic-avail{display: flex;justify-content: center;gap: 30px;}
.tic-avail h3{font-size: 16px;margin-top: 10px;}
.tic-avail a{color: #fff}
.tic-avail img{max-width: 40px}
.menu{position: sticky;top:0px;overflow-x: auto;overflow-y: hidden;display: flex;padding: 0px;justify-content: center}
.menu a{padding: 10px 16px;color: #fff;text-decoration: none}
.menu li{list-style-type: none;display: inline;}  
#about li{list-style-type: none}
#about li{width: 25%;float: left;display: flex;gap: 10px;margin-bottom: 10px;align-items: center;}
#about ul{padding: 0px;margin-top: 15px;overflow: hidden;}
#about img{max-width: 40px}
.art-sec{display: flex;gap: 20px;text-align: center;flex-direction: row;}
.art-sec h3{font-size: 20px;font-weight: bold;margin-top: 10px;}

.event-highlights {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-highlights li {
    position: relative;
    padding-left: 45px;
    margin: 20px 0;
    font-size: 17px;
    line-height: 1.6;
}

.event-highlights .number {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.table-responsive .table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table-responsive .table td {
    padding: 0;
    position: relative;
}
.table-responsive .table img {
    width: 100%;
    object-fit: cover;
    display: block;margin-bottom: -1px;border: 2px solid #fff;
}
#hosts p b{color: #fff;font-weight: 600}
.bg-dark{background-color:#191919!important;border: 1px solid #D9D9D9;}
.accordion, .accordion-button{background-color: #1E1E1E!important;box-shadow: none}
.card{background-color: transparent;}
.accordion-button::after{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(113%) contrast(102%);}
.accordion-collapse {background: #1e1e1e;}
.accordion-body{color: #fff}
.accordion-button:focus{box-shadow: none}
.fixed-bottom{max-width: 350px;
              bottom: 20px;
              margin: 0 auto;
              border-radius: 10px;
              box-shadow: 0px 0px 20px #ffffff24;
              border: none;}
.menu.active{position: fixed;
             padding: 20px;
             top: 0px;
             background: #191919 !important;
             width: 100%;
             left: 0px;
             text-align: center;
             box-shadow: 0px 0px 17px 1px #ffffff1c;z-index: 99}
#about{padding-top: 30px}
#donors li{margin-bottom: 7px}
#donors ul{padding-left: 20px;}
.contact-box {
    padding: 5px 15px;
    position: relative;display: flex;gap: 15px;
    align-items: center;
}

.contact-icon {
    font-size: 28px;
    color: #fff;
}
footer{padding-bottom: 100px}
.scroll{max-height:300px;overflow-y: scroll;
        display: inline-block;}

.scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb
{
    background-color: #000000;
}
@media only screen and (max-width: 767px) {
    .fixed-bottom{bottom: -1px;border-radius: 0px;}
    h1{padding-top: 20px}
    #about li{width: 50%;margin-bottom: 15px;}
    .art-sec{overflow-x: scroll;}
    .art-block{width: 33%;}
    .art-block img{width: 100%}
    #layout img{max-width: 100%}
    .event-highlights .number{top: 4px}
    #gallery table{width: 150%;max-height:300px}
    .menu{justify-content: flex-start;}
    iframe{width: 100%!important}
    .art-sec h3{font-size: 14px;font-weight: 600;}
    #playlist img{max-width: 100%;}
    .scroll{height: 150px}
    #moveToTopBtn{display: none !important;}
}
#moveToTopBtn {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #fff; /* Dark navy background */
  color: #0c0f3a;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  font-size: 18px;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s, transform 0.3s;
  width: 56px; /* Make width = height */
  height: 56px;
}

#moveToTopBtn:hover {
  background-color: #555;
  transform: scale(1.1);
}
.fa-globe:before {
    content: "\f0ac";
}