/*
Theme Name: Music Academy
Theme URI:
Author: Mot Juste Communication Pvt Ltd
Author URI: 
Description:
Tags: 
Version: 1.0
*/


:root {
  --musicyellow: #FCC050;
  --musicmaroon: #8F0002;
  --musicwhite: #FFFFFF;
  --musicblack: #000000;
  --musicgray: #F0F0F0;
  --musicdarkgray: #D9D9D9;
  --musicdarkgray: #D9D9D9;

}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 20px;
}

@media (max-width: 1200px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 1rem; 
  font-family: "Outfit", sans-serif;
  font-weight: 200;
  overflow-x: hidden !important;
  background-color: #f8f7f75e;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

.row {
  margin: 0;
  position: relative;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0;
}


h3 {
    font-size: 1.3rem;
    /*font-weight: 500;*/
    line-height: 1.5;
}

h4 {
   font-size: 1.2rem;
    /*font-weight: 500;*/
    /*padding-bottom: 1.5rem;*/
    line-height: 1.5; 
}

h6 {
    font-size: 1rem;
    /*font-weight: 500;*/
    padding-bottom: 1.5rem;
    line-height: 1.5;
}

/*b, strong {*/
/*    font-weight: 600 !important;*/
/*}*/


.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.menu nav ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

header {
  background-color: var(--musicwhite);
  position: fixed;
}

nav ul {
  margin: 0;
}

nav ul li {
  position: relative;
  padding-left: 2rem;
}



nav ul li a {
  font-size: 0.8rem;
  display: block;
  color: var(--musicblack);
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s ease;
}

nav ul li a:hover {
  border-color: var(--musicyellow);
      /*width: fit-content;*/
}


nav ul li a:active {
  border-color: var(--musicyellow);
}

.nav-menu ul li .submenu,
.nav-menu ul li .submenu li .submenu2 {
  display: none;
  position: absolute;
  background: #fff;
  min-width: 220px;
  padding: 2rem;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  border-radius: 0.3rem;
  z-index: 99;
}

.nav-menu ul li .submenu {
  top: 100%;
  transform: translateX(-47%);
}

.nav-menu ul li .submenu li {
  position: relative;
  padding-left: 0;
  border-bottom: 0;
}

.nav-menu ul li .submenu li a {
  display: inline-block;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  margin-bottom: 1rem;
}

.nav-menu ul li .submenu li a:hover {
  border-color: var(--musicyellow);
}


.nav-menu ul li .submenu li .submenu2 {
  top: 0;
  left: 100%;
}

.nav-menu ul li .submenu li .submenu2 li a {
  border-bottom: 3px solid transparent;
  margin-bottom: 1rem;
}

.nav-menu ul li .submenu li .submenu2 li a:hover {
  border-color: var(--musicyellow);
}


.nav-menu ul li:hover > .submenu {
  display: block;
}

.nav-menu ul li .submenu li:hover > .submenu2 {
  display: block;
}


.menu .menu-item-has-children ul {
  display: block;
  position: absolute;
  left: auto;
  top: calc(100% + 5px) !important;
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: var(--musicwhite);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

nav ul li:nth-child(6) ul {
    left: auto;
    right: 0;
}

nav ul li:nth-child(8) ul {
    left: auto;
    right: 0;
}



.menu .menu-item-has-children ul li {
  min-width: 200px;
  padding: 0;
  padding-bottom: 0.5rem;
}

.menu .menu-item-has-children ul li:last-child {
    padding-bottom: 0;
}

.menu .menu-item-has-children ul a {
  padding: 10px 20px;
  font-size: 1rem;
  text-transform: none;
  /*font-weight: 600;*/
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.menu nav ul li:hover>a {
  color: var(--volpink);
}

.menu nav ul li:hover {
  color: var(--volpink);
}

.menu nav ul li ul li:hover {
  color: var(--volpink);
}

.menu .menu-item-has-children:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
}

.menu .menu-item-has-children .menu-item-has-children ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.menu .menu-item-has-children .menu-item-has-children:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

.menu .menu-item-has-children>a:after {
  content: "\f107";
  font-family: "Outfit", sans-serif;
  /*font-weight: 900;*/
  padding-left: 5px;
}

.menu .menu-item-has-children:hover>a:after {
  content: "\f106";
  font-family: "Outfit", sans-serif;
  /*font-weight: 900;*/
  padding-left: 5px;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

@media (max-width:991px) {
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  padding-bottom: 18px;
  background: #f8f8f8;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav li a {
  display: block;
  position: relative;
  color: var(--musicblack);
  padding: 10px 20px;
  /*font-weight: 500;*/
  outline: none;
}

.mobile-nav a:hover,
.mobile-nav li:hover>a {
  color: var(--musicblack);
  text-decoration: none;
}

.menu .mobile-nav-toggle {
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: var(--musicmaroon);
}

.icofont-close {
  color: #000 !important;
}

.icofont-navigation-menu:before {
  color: var(--musicmaroon);
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.menu-item-has-children>a:after {
  content: "\ea99";
  font-family: "Outfit", sans-serif;
  padding-left: 2px;
}

.mobile-nav .menu-item-has-children ul {
  display: none;
  overflow: hidden;
  background: #bababa33;
}

.mobile-nav li.actives ul {
  display: none;
}

.mobile-nav a:hover,
.mobile-nav li:hover>a {
  border-bottom: none;
  color: var(--musicyellow);
}

.mobile-nav a:hover,
.mobile-nav li:active>a {
  border-bottom: none;
  color: var(--musicyellow);
}

.mobile-nav li a {
  border: none;
  outline: none;
  box-shadow: none;
}

.mobile-nav li a:focus,
.mobile-nav li a:active,
.mobile-nav li a:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
  color: var(--musicyellow);
  /* or your normal hover color */
}






/* New Mobile Menu CSS */

.mobile-nav {
  background: #fff;
  width: 260px;
  border-right: 1px solid #ddd;
}

.mobile-nav li a {
  font-size: 1rem;
  /*font-weight: 600;*/
}

.main-menu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu > li {
  position: relative;
  border-bottom: 1px solid #eee;
}

.main-menu > li > a {
  display: block;
  padding: 12px 25px;
  margin-right: 60px;
  color: #000;
  text-decoration: none;
} 

.submenu {
  display: none;
  background: #f8f8f8;
}

.submenu li{
  padding-left: 1rem;
}

.submenu li a {
  padding: 10px 20px;
  display: block;
  color: #333;
  text-decoration: none;
}


.submenu-toggle {
  position: absolute;
  right: 26px; 
  top: 22px; 
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.submenu-toggle.rotated {
  transform: translateY(-50%) rotate(135deg); /* Flip arrow when open */
}

.submenu2 li {
  padding-left: 1rem;
}

  
}


/* @media(max-width: 1199px) {
  .mobile-nav li a {
    font-size: 1rem;
    font-weight: 600;
    color: var(--musicblack);
    height: 20px;
    padding: 0;
  }

  .mobile-nav li {
    padding: 0.5rem 1.5rem 0.85rem 1.5rem;
  }
} */







































/* Announcement Bar */

.announcement-bar {
  background-color: var(--musicyellow);
  padding: 0.4rem 0;
  margin-top: 4.5rem;
}

.announcement-bar h4 {
  font-size: 1rem;
  /*font-weight: 600;*/
  color: var(--musicwhite);
  padding-bottom: 0;
}

.carousel-inner {
  height: 35px;
  display: flex;
  align-items: center;
}

.carousel-item p {
  color: var(--musicmaroon);
  /*font-weight: 500;*/
  font-size: 0.875rem;
  /*padding-top: 0.2rem;*/
  margin-bottom: 0;
}

.carousel-item a{
  color: var(--musicmaroon);
  /*font-weight: 500;*/
  font-size: 0.875rem;
  /*padding-top: 0.2rem;*/
  margin-bottom: 0;
}

.carousel-item {
  color: var(--musicmaroon);
  /*font-weight: 500;*/
  font-size: 0.875rem;
  padding-top: 0.2rem;
  margin-bottom: 0;
}

.carousel-controls {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-top: 0.2rem;
}

.slider-btn {
  background: transparent;
  border: none;
  padding: 0 0.6rem;
  cursor: pointer;
}

.custom-prev-icon,
.custom-next-icon {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
}

.custom-prev-icon {
  border-width: 10px 12px 10px 0;
  border-color: transparent var(--musicwhite) transparent transparent;
}

.custom-prev-icon:hover {
  border-color: transparent var(--musicgray) transparent transparent;
}

.custom-next-icon {
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent var(--musicwhite);
}

.custom-next-icon:hover {
  border-color: transparent transparent transparent var(--musicgray);
}


@media (max-width: 991px) {
  .announcement-bar {
    margin-top: 3.3rem;
    padding-top: 0;
  }

  .carousel-controls {
    justify-content: center;
    padding-top: 0.5rem;
  }

  .carousel-inner {
    margin-top: -20px;
  }
}


@media (max-width: 576px) {
  .announcement-bar {
    margin-top: 3.3rem;
    padding-top: 0;
    padding-bottom: 0.6rem;
  }

  .announcement-bar h4 {
    font-size: 1rem;
  }

  .custom-prev-icon,
  .custom-next-icon {
    border-width: 8px;
  }
  
  .carousel-item {
      line-height: 1rem;
  }

  .carousel-item p {
    padding-top: 0;
  }

  .carousel-inner {
    margin-top: -2px;
  }
}


/* Annual Announcement Section */

.annual-announcement-section {
  background-color: var(--musicmaroon);
  padding: 2rem 0;
}

.annual-announcement-section .col-lg-4.col-md-6.col-sm-12 {
    margin-top: 0 !important;
}

.annual-announcement-card-row {
    row-gap: 0;
}


@media(max-width: 991px) {
    .annual-announcement-card-row {
        row-gap: 1rem;
      }
}

@media(max-width: 576px) {
    .annual-announcement-card-row {
        row-gap: 1rem;
      }
}


.annual-announcement-section-card {
  padding: 2.5rem;
  text-align: center;
  border-radius: 0.5rem;
  background-color: var(--musicwhite);
  margin-right: 1rem;
  height: -webkit-fill-available;
}

.annual-announcement-section-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
 @media (max-width:768px) {
            .annual-announcement-section-card {
                margin-right: 1.25rem;
            }
        }
        
        @media (max-width:576px) {
            .annual-announcement-section-card {
                margin-right: 0;
            }
        }

.annual-announcement-section-card h4 {
  font-size: 1.25rem;
  /*font-weight: 600;*/
  color: var(--musicmaroon);
  margin-bottom: 0.5rem;
}

.annual-announcement-section-card p {
  font-size: 1.125rem;
  /*font-weight: 400;*/
  color: var(--musicmaroon);
  margin-bottom: 1.25rem;
}

.annual-announcement-section-btns {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.annual-announcement-section-btns a {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--musicyellow);
  color: var(--musicwhite);
  padding: 0.75rem 1.25rem;
  border-radius: 0.35rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  width: fit-content;
}




.annual-announcement-section-btns a:hover {
  background-color: var(--musicmaroon);
  color: var(--musicwhite);
}


@media (max-width: 576px) {
  .annual-announcement-section-btns {
    flex-direction: row;
    gap: 0.75rem;
  }
}





/* Hero Section */

.hero-section {
  padding: 3rem 0;
  position: relative;
  padding-top: 1rem;
}

.swiper-slide {
  display: flex;
  height: fit-content;
}


.custom-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 0;
  height: 0;
}

.custom-swiper-button-prev {
  left: -40px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 20px solid #d3d3d3; 
  transition: all 0.3s ease;
}

.custom-swiper-button-prev:hover {
  border-right-color: gray;
}

.custom-swiper-button-next {
  right: -40px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #d3d3d3;
  transition: all 0.3s ease; 
}

.custom-swiper-button-next:hover {
  border-left-color: gray;
}


.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}



.slider-card {
  background-color: var(--musicwhite);
  border-radius: 1rem !important;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.slider-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.3rem 0.3rem 0 0;
}

.slider-card-body {
  padding: 1.5rem;
  border-radius: 0 0 1rem 1rem;
  height: 100%;
}

.slider-date {
  margin-bottom: 1.5rem;
}

.slider-date p {
  font-size: 1.125rem;
  /*font-weight: 400;*/
  text-transform: uppercase;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-date span:first-child {
  color: var(--musicmaroon);
  background-color: var(--musicyellow);
  padding: 0.5rem 0.7rem;
  border-radius: 0.3rem 0 0 0.3rem;
  height: -webkit-fill-available;
}

.slider-date span:last-child {
  color: var(--musicwhite);
  background-color: var(--musicmaroon);
  padding: 0.5rem 0.7rem;
  border-radius: 0 0.3rem 0.3rem 0;
  height: -webkit-fill-available;
}

.slider-card-body p {
  font-size: 1rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  margin-bottom: 0;
}




.swiper {
  padding: 1rem 0;
}

.hero-swiper {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  height: auto;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--musicmaroon);
}



@media (max-width: 1199px) {
  .hero-section {
    padding: 2.5rem 0;
  }

  .custom-swiper-button-prev {
    left: -20px;
  }

  .custom-swiper-button-next {
    right: -20px;
  }

  .slider-card-body {
    padding: 1.25rem;
    border-radius: 0 0 0.6rem 0.6rem;
  }

  .custom-swiper-button img {
    width: 16px !important;
    height: 16px !important;
  }
}


@media (max-width: 991px) {
  .hero-section {
    padding: 2rem 0;
  }

  .custom-swiper-button {
    top: 50%;
    bottom: -25px;
    transform: none;
  }

  .slider-card-body {
    padding: 1rem;
    border-radius: 0 0 0.4rem 0.4rem;
  }

  .slider-date {
    flex-wrap: nowrap;
    gap: 0;
  }


  .custom-swiper-button img {
    width: 16px !important;
    height: 16px !important;
  }
}


@media (max-width: 576px) {
  .hero-section {
    padding: 3rem 0;
  }

  .hero-section-container {
    padding: 0;
  }

  .hero-swiper {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }

  .hero-slider-nav {
    margin-top: 0.3rem;
  }

  .custom-swiper-button {
    display: block;
    top: 100%;
  }

  .custom-swiper-button-prev {
    left: 180px;
  }

  .custom-swiper-button-next {
    right: 180px;
  }

  .slider-card-body {
    padding: 0.75rem;
    border-radius: 0 0 0.65rem 0.65rem;
  }

  .slider-date {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1rem;
  }

  .slider-date p {
    text-align: center;
  }

  .slider-card-body p {
    line-height: 1.4;
  }

  .swiper {
    padding-bottom: 2rem;
  }

  .slider-card {
    margin-bottom: 1rem;
  }

  .custom-swiper-button-prev {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 12px solid #d3d3d3; 
}

.custom-swiper-button-next {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #d3d3d3;
}
}


@media(max-width:470px) {
    .custom-swiper-button-prev {
    left: 160px;
  }

  .custom-swiper-button-next {
    right: 160px; 
  }
}


.slider-image {
  overflow: hidden; 
  border-radius: 1rem 1rem 0 0;
  height: 300px; 
}


.slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/*.december-hero-slider-image img{*/
/*  width: 303px;*/
/*  height: 160px;*/
/*  object-fit: cover;*/
/*  object-position: top;*/
  
/*}*/


/*@media(max-width: 576px) {*/
/*  .december-hero-slider-image img{*/
/*    width: 414px;*/
/*  height: 180px;*/
  
/*}  */
/*}*/


.slider-card:hover .slider-image img {
  transform: scale(1.05);
}


.slider-card {
  display: flex;
  flex-direction: column;
  height: 100%; 
}

.slider-card-body {
  flex: 1; 
  height: calc(100% - 300px); 
}

@media (max-width: 1199px) {
  .slider-image {
    height: 200px;
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .slider-card-body {
  height: calc(100% - 200px); 
}
}

@media (max-width: 991px) {
  .slider-image {
    height: 200px;
    border-radius: 0.4rem 0.4rem 0 0;
  }

  .slider-card-body {
  height: calc(100% - 200px); 
}
}

@media (max-width: 576px) {
  .slider-image {
    height: 250px;
    border-radius: 0.65rem 0.65rem 0 0;
  }

  .slider-card-body {
  height: calc(100% - 250px); 
}
}




/* When no content, make image fill the whole card */
.slider-image.full-height {
  height: 100% !important;
  border-radius: 1rem !important;
}

.slider-image.full-height img {
  height: 100%;
  object-fit: cover;
  border-radius: 1rem !important;
}

.slider-card-body {
  display: block;
}


.slider-card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.11); /* lighter shadow */
}

/* Stronger spread to match lighter bg cards */
.slider-card.dark-bg {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.13);
}




/* About Section */

.about {
  padding: 3rem 0;
  background-color: var(--musicgray);
}

.about-left img {
  width: 100%;
  height: auto;
  padding-right: 2rem;
}

.about-right {
  padding-left: 2rem;
}

.about-right h2 {
  font-size: 1.8rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  padding-bottom: 1.5rem;
}

.about-right p {
  font-size: 1rem;
  /*font-weight: 400;*/
}

.about-right a {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--musicyellow);
  color: var(--musicwhite);
  padding: 0.75rem 1.25rem;
  border-radius: 0.35rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  width: fit-content;
}

.about-right a:hover {
  background-color: var(--musicmaroon);
  color: var(--musicgray);
}








@media (max-width: 1199px) {
  .about {
    padding: 2.5rem 0;
  }

  .about-right h2 {
    padding-bottom: 1.25rem;
  }

  .about-left img {
    padding-right: 1.5rem;
  }

  .about-right {
    padding-left: 1.5rem;
  }
}


@media (max-width: 991px) {
  .about {
    padding: 2rem 0;
  }

  .about-left img {
    padding-right: 0;
    margin-bottom: 2rem;
  }

  .about-right {
    padding-left: 0;
  }

  .about-right h2 {
    padding-bottom: 1rem;
  }

  .about-right p {
    margin-bottom: 1rem;
  }

  .about-right a {
    padding: 0.65rem 1rem;
  }
}

@media (max-width: 576px) {
  .about {
    padding: 1.5rem 0;
  }

  .about-left img {
    margin-bottom: 1.5rem;
  }

  .about-right h2 {
    padding-bottom: 0.75rem;
  }

  .about-right p {
    line-height: 1.6;
  }

  .about-right a {
    padding: 0.6rem 0.9rem;
  }
}


/* Events and News Section */

.event-section {
  padding: 3rem 0;
  position: relative;
  display: none;
}

.event-section h2 {
  font-size: 1.8rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  padding-bottom: 1.5rem;
  text-align: center;
}

.swiper-slide {
  display: flex;
  height: fit-content;
}


/* .custom-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.event-swiper-button-prev {
  left: -60px;
}

.event-swiper-button-next {
  right: -60px;
}

.custom-swiper-button img {
  width: 32px;
  height: 32px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
} */

.custom-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 0;
  height: 0;
}


.event-swiper-button-prev {
  left: -60px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 20px solid #d3d3d3; 
  transition: all 0.3s ease;
}


.event-swiper-button-next {
  right: -60px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #d3d3d3;
  transition: all 0.3s ease;
}

.event-swiper-button-next:hover {
  border-left-color: gray;
}

.event-swiper-button-prev:hover {
  border-right-color: gray;
}


.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}



.event-slider-card {
  border-radius: 1rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.event-slider-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.3rem 0.3rem 0 0;
}

.event-slider-card-body {
  padding: 1.5rem;
  background-color: var(--musicdarkgray);
  border-radius: 0 0 1rem 1rem;
  height: 100%;
}

.event-slider-date {
  /* display: flex;
    align-items: center;
    justify-content: center; */
  margin-bottom: 1.5rem;
}

.event-slider-date p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  /*font-weight: 400;*/
  text-transform: uppercase;
  margin-bottom: 0;
}

.event-slider-date span:first-child {
  color: var(--musicmaroon);
  background-color: var(--musicyellow);
  padding: 0.5rem 0.7rem;
  border-radius: 0.3rem 0 0 0.3rem;
  height: -webkit-fill-available;
}

.event-slider-date span:last-child {
  color: var(--musicwhite);
  background-color: var(--musicmaroon);
  padding: 0.5rem 0.7rem;
  border-radius: 0 0.3rem 0.3rem 0;
  height: -webkit-fill-available;
}

.event-slider-card-body p {
  font-size: 1rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  margin-bottom: 0;
}


.swiper {
  padding: 1rem 0;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  height: auto;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--musicmaroon);
}



@media (max-width: 1199px) {
  .event-section {
    padding: 2.5rem 0;
  }

  .event-section h2 {
    padding-bottom: 1.25rem;
  }

  .event-swiper-button-prev {
    left: -30px;
  }

  .event-swiper-button-next {
    right: -30px;
  }

  .event-slider-card-body {
    padding: 1.25rem;
    border-radius: 0 0 0.6rem 0.6rem;
  }

  /* .event-slider-date p {
    padding: 0.45rem 0.75rem;
  } */


}



@media (max-width: 991px) {
  .event-section {
    padding: 2rem 0;
  }

  .event-section h2 {
    padding-bottom: 1rem;
  }

  .custom-swiper-button {
    top: 50%;
    bottom: -25px;
    transform: none;
  }

  .event-slider-card-body {
    padding: 1rem;
    border-radius: 0 0 0.45rem 0.45rem;
  }

  .event-slider-date {
    flex-wrap: nowrap;
    justify-content: center;
  }

  /* .event-slider-date p {
    padding: 0.4rem 0.65rem;
  } */

}


@media (max-width: 576px) {
  .event-section {
    padding: 1.5rem 0;
  }

  .event-section h2 {
    padding-bottom: 0.75rem;
  }

  .custom-swiper-button {
    display: block;
    top: 100%;
  }

  .event-swiper-button-prev {
    left: 180px;
  }

  .event-swiper-button-next {
    right: 160px;
  }

  .event-slider-card-body {
    padding: 0.75rem;
    border-radius: 0 0 0.65rem 0.65rem;
  }

  .event-slider-date {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1rem;
  }

  .event-slider-date p {
    /* padding: 0.35rem 0.55rem; */
    text-align: center;
  }

  .event-slider-card-body p {
    line-height: 1.5;
  }

  .event-swiper-button-prev {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 12px solid #d3d3d3; 
}


.event-swiper-button-next {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #d3d3d3;
}
}


.event-slider-image {
  overflow: hidden; 
  border-radius: 1rem 1rem 0 0;
  height: 300px; 
}


.event-slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.event-slider-card:hover .event-slider-image img {
  transform: scale(1.05);
}


.event-slider-card {
  display: flex;
  flex-direction: column;
  height: 100%; 
}

.event-slider-card-body {
  flex: 1; 
  height: calc(100% - 300px); 
}

@media (max-width: 1199px) {
  .event-slider-image {
    height: 200px;
    border-radius: 0.6rem 0.6rem 0 0;
  }
    .event-slider-card-body {
  height: calc(100% - 200px); 
}
}

@media (max-width: 991px) {
  .event-slider-image {
    height: 200px;
    border-radius: 0.4rem 0.4rem 0 0;
  }

  .event-slider-card-body {
  height: calc(100% - 200px); 
}
}

@media (max-width: 576px) {
  .event-slider-image {
    height: 250px;
    border-radius: 0.65rem 0.65rem 0 0;
  }

  .event-slider-card-body {
  height: calc(100% - 250px); 
}
}


/* Blog Section */
.blog {
  padding: 3rem 0;
  padding-bottom: 0;
}

.blog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-header h2 {
  width: 87%;
  font-size: 1.8rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
}

.blog-header h2 a {
    color: var(--musicblack);
}


.blog-header .blog-nav {
  width: 10%;
}


.blog-header .blog-nav {
  display: flex;
  justify-content: space-between;
}
/* 
.blog-nav img {
  width: 32px;
  height: 32px;
} */



/* Prev Arrow */
.news-swiper-button-prev {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 20px solid #d3d3d3; /* Arrow color */
  transition: all 0.3s ease;
}

.news-swiper-button-prev:hover {
  border-right-color: gray;
}


.news-swiper-button-next {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #d3d3d3; 
  transition: all 0.3s ease;
}

.news-swiper-button-next:hover {
  border-left-color: gray;
} 


.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}


.blog-slider-card {
  border-radius: 1rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.news-slider-card {
    flex-direction: row;
}


.news-slider-card .blog-slider-card-body {
    width: 80%;
    padding: 0 1rem;
    align-content: center;
}

.news-slider-card .blog-slider-card-body p {
    margin-bottom: 0;
}


.blog-slider-card img {
  width: 100%;
  height: 8.25rem;
  object-fit: contain;
  border-radius: 1rem;
  background: #d3d3d3;
}


.blog-slider-card-body {
  padding: 1.5rem;
  border-radius: 0 0 1rem 1rem;
  height: 100%;
}

.blog-slider-card-body a p {
  font-size: 0.87rem;
  /*font-weight: 500;*/
  color:var(--musicblack);
}



.blog-left {
  padding-right: 1.5rem;
}

.blog-right {
  padding-left: 1.5rem;
}

.blogs-swiper-button-prev {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 20px solid #d3d3d3; /* Arrow color */
  transition: all 0.3s ease;
}

.blogs-swiper-button-prev:hover {
  border-right-color: gray;
}


.blogs-swiper-button-next {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #d3d3d3; 
  transition: all 0.3s ease;
}

.blogs-swiper-button-next:hover {
  border-left-color: gray;
}


.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}



.news-slider-card img {
    width: 9rem;
}




@media (max-width: 1199px) {
  .blog {
    padding: 2.5rem 0;
  }

  .blog-header .blog-nav {
    width: auto;
    gap: 0.75rem;
  }

  .blog-nav img {
    width: 18px;
    height: 18px;
  }
}


@media (max-width: 991px) {
  .blog {
    padding: 2rem 0;
  }

  .blog-left,
  .blog-right {
    padding: 1rem 0;
  }
  
  .blog-slider-card img {
    height: 10.25rem;
  } 

  .blog-slider-card-body {
    padding: 1rem;
  }

  .blog-header .blog-nav {
    width: auto;
    gap: 0.75rem;
  }

  .blog-nav img {
    width: 18px;
    height: 18px;
  }
  
  .news-slider-card img {
    width: 18rem;
}

  
}



@media (max-width: 576px) {
  .blog {
    padding: 1.5rem 0;
  }

  .blog-left,
  .blog-right {
    padding: 0.75rem 0;
  }

  .blog-left,
  .blog-right {
    width: 100%;
  }

  .blog-slider-card img {
    height: 16.25rem;
  } 

  .blog-slider-card-body {
    padding: 0.75rem;
  }

  .blog-slider-card-body p {
    line-height: 1.4;
  }

  .blog-nav img {
    width: 16px;
    height: 16px;
  }

  .news-swiper-button-prev, .blogs-swiper-button-prev  {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 12px solid #d3d3d3; /* Arrow color */
}


.news-swiper-button-next, .blogs-swiper-button-next {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #d3d3d3; 
}

.news-slider-card img {
    width: 18rem;
}

}



/* Subscribe News Letter */

.subscribe {
  padding: 3rem 0;
  padding-top: 0;
}

.subscribe-row {
  background-color: var(--musicwhite);
  padding: 2rem 3rem;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  height: 100%;
}

.subscribe h2 {
  font-size: 1.25rem;
  /*font-weight: 500;*/
  color: var(--musicblack);

}

.subscribe-form form{
  display: flex;
  justify-content: left;
  align-items: center;
}

.subscribe-form [type="email"] {
  font-size: 0.875rem;
  color: var(--musicblack);
  border: 2px solid #d9d8d8;
  padding: 0.87rem;
  border-radius: 0.3rem 0 0 0.3rem;
  border-right: none;
  width: 100%;
}

.subscribe-form [type="email"]::placeholder {
  font-size: 0.875rem;
  color: #a0a0a0;
}

.subscribe-form [type="submit"] {
  font-size: 0.7rem;
  /*font-weight: 600;*/
  text-transform: uppercase;
  background-color: var(--musicyellow);
  color: var(--musicwhite);
  padding: 1.09rem;
  border: none;
  border-radius: 0.35rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  width: fit-content;
  margin-left: -4px;
}

.subscribe-social img {
  padding-left: 0.5rem;
}

.subscribe-form [type="submit"]:hover {
  background-color: var(--musicmaroon);
  color: var(--musicwhite);
}


#wpcf7-f4260-o1 form {
    display: flex;
}

@media (max-width: 1199px) {
  .subscribe-row {
    padding: 2rem 2rem;
  }

  .subscribe-form input[type="email"] {
    padding: 0.75rem;
  }

  .subscribe-form input[type="submit"] {
    padding: 0.9rem 1.2rem;
  }

  .subscribe-social a img {
    height: 32px;
  }
}


@media (max-width: 992px) {
  .subscribe-row {
    flex-direction: column;
    padding: 2rem;
    text-align: center;
  }

  .subscribe h2 {
    margin-bottom: 1rem;
    text-align: center;
  }

  .subscribe-form {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 1.5rem;
  }

  .subscribe-form input[type="email"] {
    border-radius: 0.3rem;
    border-right: 2px solid #d9d8d8;
    margin-bottom: 0.75rem;
  }

  .subscribe-form input[type="submit"] {
    margin-left: 0;
    border-radius: 0.3rem;
    padding: 0.9rem;
    width: 100%;
  }

  .subscribe-social {
    justify-content: center !important;
  }

  .subscribe-social a img {
    padding: 0 0.5rem;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .subscribe-social a img {
    height: 25px;
  }
}



/* Footer */
footer {
  background-color: var(--musicmaroon);
  padding: 5rem 8rem;
}

.footer-left h2 {
  color: var(--musicwhite);
  font-size: 1.25rem;
  /*font-weight: 300;*/
  padding-bottom: 1.5rem;
}

.footer-left ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-left ul li {
  margin-bottom: 0.5rem;
  
}

.footer-left ul li a {
  font-size: 0.87rem;
  /*font-weight: 300;*/
  color: var(--musicwhite);
  transition: all 0.3s ease;
}

.footer-left ul li a:hover {
  color:#ffffffb1;
}

.footer-center h2 {
  color: var(--musicwhite);
  font-size: 1.25rem;
  /*font-weight: 300;*/
  padding-bottom: 1.5rem;
}


.footer-center ul {
    padding-left: 0;
    margin-bottom: 0;
}


.footer-center ul li {
  margin-bottom: 0.5rem;
}

.footer-center ul li a {
  font-size: 0.87rem;
  /*font-weight: 300;*/
  color: var(--musicwhite);
  transition: all 0.3s ease;
}

.footer-center ul li a:hover {
  color:#ffffffb1;
}


.footer-right h2 {
  color: var(--musicwhite);
  font-size: 1.125rem;
  /*font-weight: 500;*/
  padding-bottom: 0.5rem;
}

.footer-right p {
  font-size: 1rem;
  /*font-weight: 300;*/
  color: var(--musicwhite);
  margin-bottom: 0.5rem;
}

.footer-right p a {
  font-size: 1rem;
  /*font-weight: 300;*/
  color: var(--musicwhite);
  transition: all 0.3s ease;
}

.footer-right p a:hover {
  color:#ffffffb1;
}


.footer-bottom {
  color: gray;
  font-size: 0.87rem;
  margin-top: 2rem;
}

.footer-bottom a {
  color: gray;
  font-size: 0.87rem;
}

.footer-bottom p span {
  color: var(--musicyellow);
}


@media (max-width: 1199px) {
  footer {
    padding: 4rem 4rem;
  }
}


@media (max-width: 992px) {

  .footer-left,
  .footer-center,
  .footer-right {
    margin-bottom: 2rem;
  }

  .footer-right p {
    line-height: 1.6;
  }
}


@media (max-width: 576px) {
  footer {
    padding: 3rem 1.5rem;
  }

  .footer-bottom {
    margin-top: 1rem;
    text-align: center;
  }
}




/* Events Page Started */

.events {
  padding: 3rem 0;
  background-color: var(--musicgray);
  margin-bottom: 3rem;
  margin-top: 4.4rem;
}


.events-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 1.5rem;
}


.events-heading h1 {
  font-size: 2rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
}



.event-heading-line {
  flex-grow: 1;
  height: 3.5px;
  background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
  margin-top: 0.5rem;
  margin-right: 1.5rem;
}



.events-card {
  border-radius: 15px;
  overflow: hidden;
  transition: 0.4s ease;
  position: relative;
  text-align: center;
  background-color: transparent;
  margin-right: 1.5rem;
  height: 100%;
}

.events-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.4s;
  border-radius: 1rem;
}

.events-content h5 {
  font-size: 1rem;
  /*font-weight: 600;*/
  padding: 15px;
  color: #666;
  transition: 0.4s;
}

.events-hover {
  position: absolute;
  inset: 0;
  background-color: #fbbd39;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #7f0000;
  padding: 20px;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}

.events-hover h5 {
  font-size: 1.6rem;
  /*font-weight: 400;*/
  margin-bottom: 15px;
}

.events-hover a {
  font-size: 0.7rem;
  font-weight: 600;
  background-color: #7f0000;
  color: white;
  border: none;
  padding: 0.7rem 1.5rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.events-hover a:hover {
  background-color: var(--musicwhite);
  color: var(--musicmaroon);
}

.events-card:hover .events-hover {
  opacity: 1;
}

.events-card:hover img,
.events-card:hover .events-content h5 {
  opacity: 0;
}


@media (max-width: 576px) {
  .events {
      margin-top: 3.3rem;
  }
  .events-card {
    margin-right: 0;
  }
}


/* Events Listing Page */

.events-listing {
  padding: 3rem 0;
  background-color: var(--musicgray);
  /*margin-bottom: 3rem;*/
  margin-top: 4.4rem;
}

.events-listing-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 1.5rem;
}

.events-listing-heading h1 {
  font-size: 2rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  line-height: 1.5;
}

.events-listing-heading h2 {
  font-size: 1.8rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  line-height: 1.5;
}

.events-listing-heading-line {
  flex-grow: 1;
  height: 3.5px;
  background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
  margin-top: 0.5rem;
}

.events-listing p {
    font-size: 1rem;
    /*font-weight: 400;*/
    line-height: 1.5;
}

.events-listing-paragraph {
    margin-bottom: 1rem;
}

.events-listing-paragraph .wp-block-button a {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--musicmaroon);
    color: var(--musicwhite);
    padding: 0.75rem 1.25rem;
    border-radius: 0.35rem;
    text-decoration: none;
    width: fit-content;

}


.events-listing-paragraph p {
    font-size: 1rem;
    /*font-weight: 400;*/
    line-height: 1.5;
}

.events-listing-paragraph h4 {
    font-size: 1.3rem;
    /*font-weight: 500;*/
    padding-bottom: 1.5rem;
    line-height: 1.5;
}

.events-listing-paragraph h6 {
    font-size: 1rem;
    /*font-weight: 500;*/
    padding-bottom: 1.5rem;
    line-height: 1.5;
}

.events-listing-contents h3 {
    font-size: 1.3rem;
    /*font-weight: 400;*/
    color: var(--musicmaroon);
    padding-bottom: 1.5rem;
    line-height: 1.5;
}



.events-listing-contents p {
    font-size: 1rem;
    /*font-weight: 400;*/
    color: var(--musicblack);
    line-height: 1.5;
}

.events-listing-contents hr {
    border: 1px solid var(--musicmaroon);
    opacity: 1;
}

.events-listing-contents a {
    color: var(--musicmaroon);
    transition: all 0.3s ease;
}

.events-listing-contents a:hover {
    color: #a53335;
}


.table-responsive {
  border: 2px solid var(--musicdarkgray);
  border-radius: 0.6rem;
}

.table-responsive-awards {
  border: 2px solid var(--musicdarkgray);
  border-radius: 0.6rem;
  overflow-x: auto;
  padding: 0;
}

.custom-table {
  width: 100%;
  overflow: hidden;
}

.custom-table-awards {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}

.custom-table .table-header {
  background-color: var(--musicwhite);
}

.custom-table-awards .table-header-awards {
  background-color: var(--musicwhite);
}

.custom-table th,
.custom-table td {
  padding: 1rem 1.5rem;
  font-size: 0.85rem;
  align-content: start;
}

.custom-table-awards th,
.custom-table-awards td {
  padding: 1rem 1.5rem;
  font-size: 0.85rem;
}

.previous-year td {
    font-size: 0.85rem;
    padding: 0;
    transition: all 0.3s ease;
}

.previous-year td:hover {
    background-color: var(--musicyellow);
}

.previous-year td a {
    font-size: 0.85rem;
    display: block;
    height: 100%;
    padding: 1rem 1.5rem;
}

.custom-table-awards td a {
    font-size: 0.85rem;
    color: var(--musicblack);
}

.custom-table-awards td a:hover {
    font-size: 0.85rem;
    
}

.custom-table-awards td p {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.custom-table tbody td span {
  display: inline-block;
}

.custom-table-awards tbody td span {
  display: inline-block;
}


.custom-table tbody tr:nth-child(odd) {
  background-color: var(--musicgray);
}

.custom-table-awards tbody tr:nth-child(odd) {
  background-color: var(--musicgray);
}

.previous-year tbody tr:nth-child(odd), .previous-year tbody tr:nth-child(odd) {
    background-color: var(--musicwhite);
}

.custom-table tbody tr:nth-child(even) {
  background-color: var(--musicwhite);
}

.custom-table-awards tbody tr:nth-child(even) {
  background-color: var(--musicwhite);
}

.previous-year tbody tr:nth-child(even), .previous-year tbody tr:nth-child(even) {
    background-color: var(--musicgray);
}


.table-footer-wrapper {
  overflow-x: auto;
}

.table-footer {
  width: 100%;
  font-size: 0.85rem;
  /*font-weight: 600;*/
  color: var(--musicblack);
  background-color: var(--musicwhite);
  padding: 1rem 1.5rem;
  border: 2px solid var(--musicdarkgray);
  border-top: none;
  border-radius: 0 0 0.6rem 0.6rem;
}

.table-footer a {
  color: #a3a3a3;
}

.table-footer a:hover {
  color: var(--musicblack);
}

.table-footer a span i{
  font-size: 0.7rem;
}


.events-listing-awards {
  background-color: var(--musicgray);
}

.events-listing-awards-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 1.5rem;
  line-height: 1.5;
  padding-left: 0;
  padding-right: 0;
}



.events-listing-awards-sub-heading {
    display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 1.5rem;
  line-height: 1.5;
}

.events-listing-awards-sub-heading h3 {
    font-size: 1.3rem;
  /*font-weight: 500;*/
  color: var(--musicblack);
  line-height: 1.5;
}

.events-listing-awards-heading h2 {
    font-size: 1.8rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
  line-height: 1.5;
}

.events-listing-awards-heading h3 {
    font-size: 1.3rem;
    /*font-weight: 500;*/
    color: var(--musicblack);
    /*padding-bottom: 1rem;*/
    line-height: 1.5;
}

.events-listing-awards-heading-line {
  flex-grow: 1;
  height: 3.5px;
  background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
  margin-top: 0.5rem;
  margin-right: 1.5rem;
}

.events-listing-awards p {
    font-size: 1rem;
    /*font-weight: 400;*/
    /*padding-bottom: 1rem;*/
    line-height: 1.5;
}


.back-to-event a {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--musicmaroon);
  color: var(--musicwhite);
  padding: 0.75rem 1.25rem;
  border-radius: 0.35rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  width: fit-content;
}

.back-to-event a:hover {
  background-color: var(--musicwhite);
  color: var(--musicmaroon);
}



@media (max-width: 768px) {
  .custom-table th,
  .custom-table td {
    white-space: normal; 
  }
  .events-listing {
      margin-top: 3.3rem;
  }
}



/* Blog Single Page */
.blog-hero-section {
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--musicmaroon);
  color: var(--musicwhite);
  margin-top: 4rem;
}

.blog-single-container {
  height: 100%;
  width: auto;
  margin: 4.4rem auto;
  padding: 3rem 0;
}

.blog-single-thumbnail {
    height: 25rem;
}

.blog-single-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain; 
  border-radius: 1rem;
  background: #d3d3d3;
}

.blog-single-content {
  padding-top: 2rem;
  overflow:hidden;
}

.blog-single-content h2 {
  padding-bottom: 1rem;
}

.blog-single-content-button {
  margin-top: 2rem;
}

.blog-single-content-button a {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--musicmaroon);
  color: var(--musicwhite);
  padding: 0.75rem 1.25rem;
  border-radius: 0.35rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.blog-single-content-button a:hover {
  background-color: var(--musicyellow);
  color: var(--musicwhite);
}

@media(max-width:576px) {
    .blog-single-thumbnail {
        height: 15rem;
    }
}


/* Conference and  Concerts Page */
.conferene-sec1 {
        padding: 3rem 0;
        background-color: var(--musicgray);
        margin-top: 4.4rem;
     }
     
     .conferene-sec1-heading {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-bottom: 1.5rem;
        padding-left: 0;
        padding-right: 0;
    }
    
    .conferene-sec1-heading h1 {
        font-size: 2rem;
        /*font-weight: 400;*/
        color: var(--musicblack);
    }
    
    .conferene-sec1-heading-line {
        flex-grow: 1;
        height: 3.5px;
        background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
        margin-top: 0.5rem;
        /*margin-right: 1.5rem;*/
    }
    
    .conferene-sec1-heading h2 {
        font-size: 1.8rem;
        /*font-weight: 400;*/
        color: var(--musicblack);
        line-height: 1.5;
    }
    
    
    
    .conferene-sec1 p {
        font-size: 1rem;
        /*font-weight: 400;*/
        line-height: 1.5;
     }
    
        .conferene-announcement-section-card {
          padding: 2.5rem;
          text-align: center;
          border-radius: 0.5rem;
          background-color: var(--musicmaroon);
          margin-right: 1rem;
          height: -webkit-fill-available;
        }
        
       
        
        .conferene-announcement-section-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        /*.conferene-announcement-section-card-contents {*/
        /*    height: -webkit-fill-available;*/
        /*}*/
        
        @media (max-width:768px) {
            .conferene-announcement-section-card {
                margin-right: 1.25rem;
            }
        }
        
        @media (max-width:576px) {
            .conferene-announcement-section-card {
                margin-right: 0;
            }
        }
        
        .conferene-announcement-section-card h4 {
          font-size: 1.25rem;
          /*font-weight: 600;*/
          color:  var(--musicwhite);
          margin-bottom: 0.5rem;
        }
        
        .conferene-announcement-section-card p {
          font-size: 1.125rem;
          /*font-weight: 400;*/
          color: var(--musicwhite);
          margin-bottom: 1.25rem;
        }
        
        .conferene-announcement-section-btns {
          display: flex;
          justify-content: center;
          gap: 2rem;
          flex-wrap: wrap;
        }
        
        .conferene-announcement-section-btns a {
          font-size: 0.7rem;
          font-weight: 600;
          text-transform: uppercase;
          background-color: var(--musicyellow);
          color: var(--musicwhite);
          padding: 0.75rem 1.25rem;
          border-radius: 0.35rem;
          text-decoration: none;
          transition: background-color 0.3s ease;
          width: fit-content;
        }
        
        
        
        
        .conferene-announcement-section-btns a:hover {
          background-color: var(--musicwhite);
          color: var(--musicmaroon);
        }
        
        
        @media (max-width: 576px) {
          .conferene-announcement-section-btns {
            flex-direction: row;
            gap: 0.75rem;
          }
        }


/* Past Annual Concerts */

     .event-card {
      position: relative;
      border-radius: 15px;
      overflow: hidden;
      height: 230px;
      width: 230px;
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      /*font-weight: bold;*/
      font-size: 1rem;
      text-align: center;
    }
    
    @media (max-width: 576px) {
       .event-card {
         height: 200px;
         width: 200px;
       } 
    }
    
    @media (max-width: 430px) {
       .event-card {
         height: 180px;
         width: 180px;
       } 
    }
    
    .event-card:hover {
        cursor: pointer;
    }

    .event-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.4); /* dark overlay */
    }

    .event-card span {
      position: relative;
      z-index: 1;
    }
     
    .photo-gallery-row { 
        column-gap: 2.5rem;
        row-gap: 1.5rem;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    @media (max-width: 1199px) {
        .photo-gallery-row { 
          column-gap: 4.5rem;
          row-gap: 0.5rem;
        }
    }
    
    @media (max-width: 991px) {
        .photo-gallery-row { 
          column-gap: 0;
          row-gap: 0.125rem;
        }
    }
    
    @media (max-width: 576px) {
        .photo-gallery-row { 
          column-gap: 0;
          row-gap: 0.25rem;
        }
    }
    
    .popup-image {
      border-radius: 12px;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .popup-image-container {
        height: 12.188rem;
    }
    
    .popup-image .col-md-4, .popup-image .col-sm-6{
        padding-right: 2px;
        margin-top: 2px;
    }
    
    .modal-body {
        padding-top: 0 !important;
    }
    
    
    
    



/* Special Events */

.special-events {
  padding: 3rem 0;
  background-color: var(--musicgray);
  margin-bottom: 3rem;
  margin-top: 4.4rem;
}


.special-events-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 1.5rem;
}


.special-events-heading h1 {
  font-size: 2rem;
  /*font-weight: 400;*/
  color: var(--musicblack);
}



.special-events-heading-line {
  flex-grow: 1;
  height: 3.5px;
  background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
  margin-top: 0.5rem;
  /*margin-right: 1.5rem;*/
}

.special-events-card {
    padding-right: 1rem;
}

@media (max-width: 576px) {
    .special-events-card  {
       padding-right: 0; 
    }
    
}


.special-events-card-img {
    width: 100%;
    height: 225px;
}

.special-events-card-img img {
    width: 100%;
    height: -webkit-fill-available;
    object-fit: cover;
    border-radius: 0.8rem;
}

.special-events-card h4 {
    font-size: 1rem;
    /*font-weight: 500;*/
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

.special-events-card h4 a {
    color: var(--musicblack);
}

.special-events-card p {
    font-size: 0.85rem;
}

span.page-numbers, a.page-numbers {
    font-size: 0.85rem;
    margin-right: 0.275rem;
    background-color: #8f00026e;
    color: var(--musicwhite);
    padding: 4px 10px;
    transition: all 0.3s ease;
}

span.current {
    background-color: var(--musicmaroon);
    color: var(--musicwhite);
    padding: 4px 10px;
}

span.page-numbers:hover, a.page-numbers:hover {
    background-color: var(--musicmaroon);
}
.pagination ul {
    display: flex;
    padding-left: 0;
}

/* Special events single */

.special-events-single-thumb {
    padding-bottom: 1.5rem;
}

.special-events-single-thumb img {
    width: 100%;
    height: auto;
    border-radius: 0.8rem;
}


.special-events-single h2 {
    font-size: 1.8rem;
    /*font-weight: 400;*/
    color: var(--musicblack);
    padding-bottom: 1rem;
    line-height: 1.5;
}


/* Academics Session Page */

.academics-session-sec1-content h6{
    font-size: 1rem;
    /*font-weight: 600;*/
}

.academics-session-sec1-content h6:first-child {
    padding-bottom: 1.5rem;
}


.academics-session-sec1-content h6:nth-child(2) {
    padding-bottom: 0.5rem;
}

.academics-session-sec1-content p {
    font-size: 1rem;
    /*font-weight: 400;*/
}


/* About */

.about-us {
        padding: 3rem 0;
        background-color: var(--musicgray);
        margin-top: 4.4rem;
     }
     
     .heading {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-bottom: 1.5rem;
        padding-left: 0;
        padding-right: 0;
    }
    
    .heading h1 {
        font-size: 2rem;
        /*font-weight: 400;*/
        color: var(--musicblack);
    }
    
    .heading h2 {
        font-size: 1.8rem;
        /*font-weight: 400;*/
        color: var(--musicblack);
    }
    
    .heading-line {
        flex-grow: 1;
        height: 3.5px;
        background: linear-gradient(to right, var(--musicyellow), var(--musicmaroon));
        margin-top: 0.5rem;
        /*margin-right: 1.5rem;*/
    }
    
    .about-us-content-container {
        padding-right: 3rem;
    }
    
    @media(max-width: 991px) {
        .about-us-content-container {
            padding-right: 0;
        }
    }
    
    @media(max-width: 576px) {
        .about-us-content-container {
            padding-right: 0;
        }
    }
    
    .about-us-image {
        width: 100%;
        height: 500px;
        margin-bottom: 1.5rem;
    }
    
    .about-us-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1rem;
    }
    
    .about-us-contents li {
        list-style: disc;
    }
    
    .about-us-contents p {
        font-size: 1rem;
    }
    
    .about-us-sidebar {
        background-color: var(--musicwhite);
        border-radius: 0.5rem;
        margin-left: 1rem;
        /*padding: 1rem 1.5rem;*/
        /*box-shadow: 3px 3px 5px #d8d2d2;*/
    }
    
    .about-us-sidebar h3 {
        padding: 1rem 1.5rem;
    }
    
    .about-us-sidebar ul {
        padding-left: 0;
    }
    
    .about-us-sidebar ul li {
        list-style: none;
        /*padding-bottom: 0.5rem;*/
    }
    
    .about-us-sidebar ul li a {
        font-size: 0.85rem;
        /*font-weight: 500;*/
        color: #666;
        display: block;
        padding: 1rem 1.5rem;
        border-top: 1px solid var(--musicyellow);
        transition: all 0.3s ease;
    }
    
    /*.about-us-sidebar ul li a:hover {*/
    /*    color: var(--musicmaroon);*/
    /*    background-color: var(--musicyellow);*/
    /*}*/
    
    /*.about-us-sidebar ul li .submenu li:last-child a:hover {*/
    /*    border-radius: 0 0 0.5rem 0.5rem;*/
    /*}*/
    
    /*.about-us-sidebar .sidebar-menu a.active-menu {*/
    /*    color: var(--musicmaroon);*/
    /*    background-color: var(--musicyellow);*/
    /*}*/
    
    
    /*.about-us-sidebar  ul li .submenu li:last-child a {*/
    /*    border-radius: 0 0 0.5rem 0.5rem !important;*/
    /*}*/
    
    
    /*.sidebar-menu,*/
    /*.sidebar-menu ul {*/
    /*  list-style: none;*/
    /*  margin: 0;*/
    /*  padding: 0;*/
    /*}*/
    
    
    
    /*.sidebar-menu .submenu li a{*/
    /*  padding-left: 3rem;*/
    /*}*/
    
    /*.active-menu > a {*/
    /*  color:var(--musicmaroon) !important;*/
    /*  background: var(--musicyellow);*/
    /*}*/
    
    /*.active-submenu > a {*/
    /*  color:var(--musicmaroon) !important;*/
    /*  background: var(--musicyellow);*/
    /*}*/
    
    
    
  .about-us-sidebar  ul.submenu li a {
    padding-left: 3rem;
}
    
    
    /* -----------------------
   HOVER STATES
----------------------- */
.about-us-sidebar ul li a:hover {
  color: var(--musicmaroon);
  background-color: var(--musicyellow);
}

/* Last menu item hover (when no submenu) */
.about-us-sidebar ul.sidebar-menu > li:last-child > a:hover {
  border-radius: 0 0 0.5rem 0.5rem;
}

/* Last submenu item hover */
.about-us-sidebar ul li .submenu li:last-child a:hover {
  border-radius: 0 0 0.5rem 0.5rem;
}

/* -----------------------
   ACTIVE STATES
----------------------- */
.about-us-sidebar .sidebar-menu .active-menu > a,
.about-us-sidebar .sidebar-menu .active-submenu > a {
  color: var(--musicmaroon) !important;
  background: var(--musicyellow);
}

/* Last menu item active (no submenu) */
.about-us-sidebar ul.sidebar-menu > li:last-child.active-menu > a {
  border-radius: 0 0 0.5rem 0.5rem;
}

/* Last submenu item active */
.about-us-sidebar ul.sidebar-menu > li:last-child .submenu li:last-child.active-submenu > a {
  border-radius: 0 0 0.5rem 0.5rem;
}

    
    
    
    
    
    
    
    .past-president-card-title h5 {
        font-size: 1rem;
        /*font-weight: 600;*/
        padding: 15px;
        color: #666;
        text-align:center;
        
    }
    
    .past-president-card {
        margin-right: 1.5rem;
    }
    
    .past-president-card-image img {
        object-fit: cover;
        border-radius: 15px;
        width: 100%;
        height: auto;
    }
    
    .past-president .col-md-6.col-lg-4 {
        margin-top: 0 !important;
    }
    
    @media(max-width:1199px) {
        .about-us-image {
            height: auto;
        } 
    }
    
    
    
     @media (max-width:991px) {
        .about-us-sidebar {
            margin-left: 0;
        }
    }
    
    @media (max-width:576px) {
        .about-us-sidebar {
            margin-left: 0;
        }
        
        .past-president-card {
            margin-right: 0;
        }
    }
    
    
    .conference-section-sponsor {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .conference-section-sponsor-card {
        padding-right: 1rem;
        border-radius: 0.5rem;
    }
    
    .conference-section-sponsor-logo {
        width: 100%;
        height: 10rem;
        background-color: var(--musicwhite);
        text-align: center;
        border-radius: 0.65rem;
        align-content: center;
        box-shadow: 2px 2px 3px 3px #eaeaea;
    }
    
    
    @media(max-width: 576px) {
        .conference-section-sponsor-card {
            padding-right: 0;
        }
    }
    
    img.alignnone {
        margin-bottom: 0.5rem;
    }
    
    
    @media(max-width: 576px) {
        img.alignnone {
            width: 100%;
        }
    }
    
    /* Academics */
    .academics {
        padding: 3rem 0;
        background-color: var(--musicgray);
        margin-top: 4.4rem;
    }
    
    .academics-content-container {
        padding-right: 3rem;
    }
    
    @media(max-width:991px) {
        .academics-content-container {
            padding-right: 0;
        }
    }
    
    @media(max-width:576px) {
        .academics-content-container {
            padding-right: 0;
        }
    }
    
    .academics-content {
        padding-bottom: 1.5rem;
    }
    
    .academics p {
        font-size: 1rem;
    }
    
    a.download-btn {
        font-size: 0.7rem;
        /*font-weight: 600;*/
        text-transform: uppercase;
        background-color: var(--musicmaroon);
        color: var(--musicwhite);
        padding: 0.75rem 1.25rem;
        border-radius: 0.35rem;
        text-decoration: none;
        transition: background-color 0.3s ease;
        width: fit-content;
    }
    
    a.download-btn:hover {
       background-color: var(--musicyellow);
       color: var(--musicwhite); 
    }
    
    
    /* Publications Page */
    
    .publications-section1 img {
        margin-bottom: 1rem;
    }
    
    .publications-content-container ul li{
        list-style: disc !important;
    }
    
    .publications-section1 img{
        width: 474px;
        object-fit: cover;
    }
    
    
    
    .publications-book-sale {
        margin-top: -0.75rem; 
        padding: 0;
    }
    
    .publications-book-sale-card {
        background-color: transparent;
        border: none;
        padding-right: 1.5rem;
    }
    
    .publications-book-sale-img {
        width: auto;
        height: auto;
    }
    
    .publications-book-sale-img img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    
    
    .publications-book-sale-body h6 {
        margin-top: 0.65rem;
    }
    
    
  
    
    @media(max-width:1199px) {
        .publications-book-sale-card {
            padding-right: 1rem;
        }
        .publications-book-sale-img {
            width: auto;
            height: auto;
        }
    }
    
    
    @media(max-width:991px) {
        .publications-book-sale-card {
            padding-right: 1rem;
        }
        .publications-book-sale-img {
            width: auto;
            height: auto;
        }
    }
    
    
    @media(max-width:576px) {
        .publications-book-sale-card {
            padding-right: 1rem;
        }
        
        .publications-book-sale-img {
            width: auto;
            height: auto;
        }
    }
    
    
    
    
    /* Contact Page */
    
    .contact-us-sidebar {
        background-color: var(--musicwhite);
        border-radius: 0.5rem;
        margin-left: 1rem;
        padding: 1rem 1.5rem;
        /*box-shadow: 3px 3px 5px #d8d2d2;*/
    }
    
    .contact-us-sidebar h3 {
        padding: 0 0 1rem 0;
    }
    
    .contact-us-sidebar p {
        font-size: 0.85rem;
    }

    
    .contact-us-sidebar p a {
        color: var(--musicblack);
        transition: all 0.3s ease;
    }
    
    .contact-us-sidebar p a:hover {
        color: var(--musicyellow);
    }
    
    
    .contact-form .col-lg-6, .col-12 {
        margin-top: 0 !important; 
     }
     
     .form-field {
         padding-right: 1rem !important;
     }
     
     input, textarea {
        font-size: 0.85rem; 
     }
     
     textarea {
         height: 12rem;
     }
     
     input::placeholder, textarea::placeholder {
         font-size: 0.85rem;
     }
     
     
     .form-control {
      
      border-radius: 5px;
    }
    
    .form-control:focus {
        border: 2px solid #900;
    }
    
    .btn-submit {
      background-color: var(--musicmaroon) !important;
      color: var(--musicwhite) !important;
      font-size: 0.7rem !important;
      font-weight: 600 !important;
      border-radius: 5px;
      padding: 0.6rem 1.25rem !important;
      transition: all 0.3s ease;
      text-transform: uppercase;
    }
    .btn-submit:hover {
      background-color: var(--musicyellow) !important;
    }
    
    .form-control:focus {
        box-shadow: none !important;
        border-color: var(--musicmaroon) !important;
    }
    
    .about-us-download-article img {
        margin-bottom: 0.5rem;
        transition: all 0.3s ease;
    }
    
    .about-us-download-article p {
        text-align: center;
        color: var(--musicblack);
        transition: all 0.3s ease;
    }
    
    .about-us-download-article img:hover ~ p {
    text-decoration: underline;
} 
    
    .about-us-download-article p:hover {
        text-decoration: underline;
    }
    
    
    h2 {
        font-size: 1.8rem;
    }
    
    
    
    /* Blog Archeive */
    .blog-archive {
        padding: 3rem 0;
        background-color: var(--musicgray);
        margin-top: 4.4rem;
    }
    
    
    .btn-close:focus {
        box-shadow: none !important;
    }
    
    
@media (max-width: 991px) {
    .form-field {
        padding-right: 0 !important;
    } 
    
    .contact-us-sidebar {
        margin-left: 0;
    }
}
    
    
    
    
    

    /* December Home Page */
    
    
    
    
    
.dechome-cardcontainer{padding:0.5rem;}
.dechome-cardcontainer.card1 .slider-card{background-color: var(--musicmaroon);color:#fff;text-align:center;padding:3rem 1.5rem;}
.dechome-cardcontainer .slider-card-body{padding:0.75rem 1rem;}
.dechome-cardcontainer .slider-image{height:auto;}
.dechome-cardcontainer .slider-date{margin:0;}
.dechome-cardcontainer .slider-date span:first-child,.dechome-cardcontainer .slider-date span:last-child{border-radius:0!important;}
.dechome-cardcontainer .slider-date p{display:block;font-size:0.75rem;}
.dechome-cardcontainer .slider-date p span{display:block;padding:0.25rem 0.75rem;}
.dechome-cardcontainer .slider-card-body p{font-size:0.75rem;padding-bottom:0.25rem;border-bottom:1px solid #ddd;margin-bottom:0.25rem;}
.dechome-cardcontainer .slider-card-body p:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.dechome-cardcontainer .slider-card-cta a{display:block;background-color: var(--musicyellow);color:#000;font-size:0.75rem;padding:0.25rem 0.75rem;font-weight:bold;transition:0.5s;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;}
.dechome-cardcontainer .slider-card-cta a:hover{background-color: var(--musicmaroon);color:#fff;}
.dechome-cardcontainer .slider-card-body{height:auto;}





/* Footer Timeline Page */


.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}


.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}


.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}


.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}


.timeline-left {
  left: 0;
}


.timeline-right {
  left: 50%;
}


.timeline-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}


.timeline-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}


.timeline-right::after {
  left: -13px;
}


.timeline-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}


.timeline-content h2 {
    margin-bottom: 0.8rem;
}

@media screen and (max-width: 600px) {

  .timeline::after {
    left: 31px;
  }


  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }


  .timeline-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }


  .timeline-left::after, .timeline-right::after {
    left: 15px;
  }


  .timeline-right {
    left: 0%;
  }
}




.music-academy-content-image {
    width: 100%;
    height: auto;
}

.music-academy-content-image img {
    width: 100%;
}

.music-academy-content-page-contents a {
    color: #000; 
    transition: 0.5s;
    text-decoration: underline !important;
}

.music-academy-content-page-contents a:hover {
    color: var(--musicmaroon);
}



.annual-conference-concerts-page .blog-single-content {
    padding-top: 0;
}



/* Nadotsavam */
.nadotsavam-image-left {
    border-radius: 0.6rem 0 0 0.6rem;
}

.nadotsavam-image-right {
    border-radius: 0 0.6rem 0.6rem 0;
}


@media (max-width: 991px) {
    .nadotsavam-image-left, .nadotsavam-image-right {
        border-radius: 0.6rem; 
    }
}



.music-content-editor {
    padding-top: 0;
}



@media(max-width:576px) {
    .advance-school-image {
        width: 100%;
    }
    
    .custom-table-awards th, .custom-table-awards td {
        padding: 0.5rem;
    }
    .previous-year td {
        padding: 0;
    }
}


.footer-socials {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
}

.footer-socials img {
    width: 2rem;
    height: 2rem;
}






















#festival-hero-section .swiper,
#festival-hero-section .swiper-wrapper,
#festival-hero-section .swiper-slide {
    all: unset;
}





.home-ticket-faq {
    padding-left: 1rem;
    color: #fff;
}

.annual-announcement-section {
    display: none;
}

@media(max-width:991px) {
    .home-ticket-faq {
        padding-left: 0;
        padding-top: 1rem;
    }
}


@media(max-width:576px) {
    .home-ticket-faq {
        padding-left: 0;
        padding-top: 1rem;
    }
}