/*-----------------------------------
Fonts
 ------------------------------------*/

@font-face {
  font-family: aloveraregular;
  src: url(/Fonts/aloeveradisplay-regular.otf);
}

@font-face {
  font-family: melbourne;
  src: url(/Fonts/MELBOURNE-SERIAL\ DB\ BOLD.TTF);
}

@font-face {
  font-family: rfbold;
  src: url(/Fonts/rfdewiexpanded-bold.ttf);
}

@font-face {
  font-family: rfsemibold;
  src: url(/Fonts/rfdewiexpanded-semibold.ttf);
}

@font-face {
  font-family: rfblack;
  src: url(/Fonts/rfdewiextended-black.ttf);
}

@font-face {
  font-family: rfultrabold;
  src: url(/Fonts/rfdewiextended-ultrabold.ttf);
}

@font-face {
  font-family: rodestbold;
  src: url(/Fonts/rodest-bold.otf);
}

@font-face {
  font-family: taiganja;
  src: url(/Fonts/taiganja\ type.otf);
}



/*------------------------------
Animation
------------------------------*/

.fade-slide-up,
.fade-slide-down {
  opacity: 0;
  animation-duration: 1.6s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); 
  animation-fill-mode: forwards;
  will-change: transform, opacity;
  transition: opacity 0.6s ease, transform 0.6s ease;
}


.fade-slide-up {
  transform: translateY(40px);
  animation-name: fadeSlideUpSmooth;
}


.fade-slide-down {
  transform: translateY(-40px);
  animation-name: fadeSlideDownSmooth;
}

.fade-slide-up, .fade-slide-down {
  animation-play-state: paused;
}


@keyframes fadeSlideUpSmooth {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideDownSmooth {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



.transition-overlay {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: pink;
  z-index: 9999;
  pointer-events: none;
}






@media (max-width:600px) {
  .desktop-hidden {
    display: none !important;
  }

  .top-decor-faq,
  .about-bottom-border,
  .expipernce-bottom-decor {
    display: none !important;
  }

  .padding {
    padding: 2vh;
  }
}

@media (min-width:600px) {
  .mobile-hidden {
    display: none !important;
  }

  .padding {
    padding: 50vh 5vh;
  }
}


body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #ffe3e3;
  overflow-x: hidden;
}

/*-----------------------------------
 Header
 ------------------------------------*/
header {
  position: fixed;         /* keeps header always visible */
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #d3012f;
  gap: 75vh;
  padding: 1vw;
  z-index: 9999999;
}





.nav-menu ul {
  display: flex;
  gap: 3.5vh;
  padding: 0;
  margin: 0;
}

/* .nav-menu {
  margin-right: -45vh;
} */

.nav-menu ul li {
  display: inline;
  font-family: 'rfsemibold';
  color: #fff;
  font-size: 0.9vw;
  position: relative;
}

.nav-menu ul li a {
  text-decoration: none;
  color: #fff;
}

.logo {
  margin-bottom: -5vw;
  z-index: 99999999;
  margin-top: -2.5vh;
}

.logo img {
  width: 10vw;
  height: auto;
}

.book-button a {
  font-family: 'taiganja';
  font-size: 1.2vw;
  color: #d3012f;
  text-decoration: none;
  background-image: url(/assets/Header/Book\ Passes\ Button.svg);
padding: 1vw 2.5vw 0.8vw 2.5vw;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: 100;
  visibility: hidden;
}

.dropdown a {
  padding: 3vw 0vw;
}

.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  position: absolute;
  top: 300%;
  left: 0vw;
  background: #fff;
  min-width: 10vw;
  border-radius: 6px;
  z-index: 1000;
  text-align: left;
  transition: opacity 0.3s ease, transform 0.8s ease;
  display: block !important;
  max-width: 13vw;
  padding: 1vw 0vw;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

}



.dropdown-menu li a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #e50877;
  margin: 0px 10px;
}

.dropdown-menu li:last-child a {
  border-bottom: none;
}




.dropdown-menu li a {
  padding: 1vw 0vw;
  white-space: nowrap;
  color: #000 !important;
  text-decoration: none;
  display: block;
  font-size: 0.8vw;

}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hamburger {
  display: none;
  cursor: pointer;
}

.hamburger img {
  width: 4vh;
  height: 4vh;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: #d3012f;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  transition: left 0.3s ease-in-out;
  z-index: 999999999999;
}

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

.dropdown-toggle-mobile {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}


.dropdown-menu-mobile,
.dropdown-menu-mobile li,
.dropdown-menu-mobile a,
.dropdown-mobile,
.dropdown-toggle-mobile {
  background-color: transparent !important;
}


.dropdown-menu-mobile a:hover,
.dropdown-menu-mobile a:active {
  background-color: transparent !important;
}


.dropdown-icon-mobile img {
  transition: transform 1s ease;
  width: 2vh;
  height: auto;
}


.dropdown-mobile.active .dropdown-icon-mobile {
  transform: rotate(180deg);
}

.dropdown-mobile.active .dropdown-menu-mobile {
  display: block;
}

.mobile-menu ul {
  list-style: none;
  margin: 3vh 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4vh;
}

.mobile-menu ul li {
  color: #fff;
  font-family: 'rfsemibold';
  font-size: 1.5vh;
}

.mobile-menu li a {
  text-decoration: none;
  color: #fff;
}

.mobile-menu .book-button {
  margin-top: 3vh;
}

.close-btn {
  align-self: flex-end;
  cursor: pointer;
  transition: left 0.3s ease-in-out;
}

.close-btn img {
  width: 4vh;
}

.dropdown-mobile {
  margin: 0;
  padding: 0;
}

.dropdown-mobile>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}

.dropdown-menu-mobile {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
  border-radius: 8px;
  padding-left: 0;
  margin: 0 0 5px 0;
  list-style: none;
  margin-top: 0vh !important;
  transition: max-height 0.3s ease;
}

.dropdown-menu-mobile li a {
  display: block;
  padding: 0px 0vh;
  text-decoration: none;
  color: #fff;
  font-size: 1.5vh;
}

.dropdown-menu-mobile li a:hover {
  background: #e60074;
  color: #fff;
  border-radius: 6px;
}

.dropdown-mobile.active .dropdown-menu-mobile {
  max-height: 50vh;
  margin-top: 3vh !important;
  display: flex;
}

@media (max-width:768px) {

  .nav-menu,
  header>.book-button {
    display: none;
  }

  .hamburger {
    display: block;
    padding-right: 5vh;
  }

  header {
    justify-content: space-between;
    padding: 8px 20px;
    gap: 10vh;
    width: 100%;
  }

  .book-button a {
    font-size: 2vh;
    padding: 1.3vh 2.5vh 1.8vh 2.5vh;
  }

  .logo {
    margin-bottom: -7vh;
    margin-top: -3.5vh;
  }

  .logo img {
    width: 13vh;
    height: auto;
  }
}



/*-----------------------------------
    Header-Banner
    ----------------------------------*/
.header-banner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.header-banner-content {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.header-banner-content img {
  width: 10vw;
  margin-bottom: 1vw;
}

.header-banner-content img {
  width: 24vw;
  height: auto;
  margin-bottom: 1vh;
}

.header-banner-content h1 {
  margin: 0;
  font-size: 2vw;
  font-family: 'rfbold';
}

.header-banner-content p {
  margin-top: 5px;
  font-size: 1.5vw;
  font-family: 'rfsemibold';
  margin-bottom: 3vh;
}

.banner-image {
  width: 100%;
  opacity: 0;
  transform: translateY(-120px);
  animation: dropIn 1.2s ease-out forwards;
}

.header-content-button a {
  font-family: 'taiganja';
  font-size: 1.2vw;
  color: #d3012f;
  text-decoration: none;
  background-image: url(/assets/Header/Book\ Passes\ Button.svg);
padding: 1vw 2.5vw 0.8vw 2.5vw;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: 100;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .header-banner {
    height: 100%;
  }

  .header-banner-content h1 {
    font-size: 1.5rem;
  }

  .header-banner-content p {
    font-size: 0.9rem;
  }

  .header-content-button a {
  font-family: 'taiganja';
  font-size: 2vh;
  color: #d3012f;
  text-decoration: none;
  background-image: url(/assets/Header/Book\ Passes\ Button.svg);
padding: 1.7vh 4vh 1.5vh 4vh;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: 100;
}


}

@media (max-width: 480px) {
  .header-banner-content img {
    width: 10vh;
    margin-bottom: 1vh;
  }

    .header-content-button a {
  font-family: 'taiganja';
  font-size: 2vh;
  color: #d3012f;
  text-decoration: none;
  background-image: url(/assets/Header/Book\ Passes\ Button.svg);
padding: 1.7vh 4vh 1.5vh 4vh;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: 100;
}


  .header-banner {
    height: 90vh;
  }

  .header-banner-content {
    padding: 15px;
    text-align: center;
    bottom: 20vh;
  }

  .header-banner-content h1 {
    font-size: 2vh;
  }

  .header-banner-content p {
    font-size: 1.5vh;
    margin-bottom: 4vh;
  }

  .header-banner-content img {
    width: 30vh;
  }
}

@keyframes dropIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.word {
  opacity: 0;
  display: inline-block;
  animation: fadeInUp 0.6s forwards;
  margin-right: 6px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*-----------------------------------
Section-2
------------------------------------*/


.ornament-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0px;
  padding: 0px;
  background-color: #fff!important;
}

.ornament {
  width: 15%;
  height: 100%;
  cursor: grab;
  transform-origin: top center;
}

.ornament img {
  width: 100%;
  height: auto;
  display: block;
}

@keyframes swingSmooth {
  0% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(4deg);
  }

  100% {
    transform: rotate(-4deg);
  }
}

.ornament {
  transform-origin: top center;
  animation: swingSmooth 2s ease-in-out infinite alternate;
}




@media (max-width: 768px) {
  .ornament {
    width: 90px;
  }
}

@media (max-width: 480px) {
  .ornament {
    width: 70px;
    display: none;
  }
}


/*-------------------------------
Home Chairmen Section
-----------------------------*/


.home-chairmen-section {
  padding: 10vh 8vh 10vh 8vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

.home-chairmen-section h2{
  font-size: 4vw;
  font-family: 'taiganja';
  font-weight: 100;
  color: #d3012f;
}

.home-chairmen-section-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 4vw;
}

.home-chairmen-section-image {
  flex: 1;
  min-width:20vh;
  display: flex;
  justify-content: center;
}

.home-chairmen-section-frame {
  position: relative;
  padding: 10px;
}

.home-chairmen-section-frame img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
}

.home-chairmen-section-content {
  flex: 2;
  color: #2a2a2a;
  line-height: 1.7;
  position: relative;
  font-family: 'aloveraregular';
  margin-top: -7vh;
}

.home-chairmen-section-quote-mark  {
  width: 1.5vw;
  height: auto;
  margin-right: 0.4vh;
}

.bottom-quote  {
   width: 1.5vw;
  height: auto;
   margin-left: 0.4vh;
}

.home-chairmen-section-quote {
  font-weight: 400;
  margin-bottom: 2vh;
    font-size: 1.3vw;
    line-height: 2.2;
    max-width: 90%;
    margin-top: -4vw;
}

.home-chairmen-section-info {
  text-align: left;
  color: #d3012f;

}

.home-chairmen-section-name {
  font-size: 2vw;
  font-weight: 700;
  font-family: 'rfultrabold';
  margin: 0;
  margin-top: -0.5vh;
}

.home-chairmen-section-designation {
  font-size: 0.8vw;
  font-weight: 500;
  color: #d3012f;
  font-family: 'rfbold';
  margin: 0;
  margin-left: 3vw;
  margin-bottom: 0.5vh;
}

.home-chairmen-section-divider {
  text-align: left;
  margin: 0vh 0;
}

.home-chairmen-section-divider img {
 width: 23vw;
  height: auto;
}


@media (max-width:1024px){
 .home-chairmen-section-quote {
    max-width: 100%;
    margin-top:0vh;
    margin-bottom: 0;
}

.home-chairmen-section-quote {
    font-size: 1.1vw;
}
.home-chairmen-section h2 {
    font-size: 3vw;
    margin: 0;
    margin-bottom: 1vh;
}
.home-chairmen-section-content {
  margin-top: 0;
}
}


@media (max-width:768px){
  .home-chairmen-section-name{
    margin-top: 0vh;
  }
  .home-chairmen-section-designation{
    margin-bottom: 0vh;
  }
}


@media (max-width: 600px) {
  .home-chairmen-section-container {
    flex-direction: column;
    text-align: center;
  }

.home-chairmen-section h2{
  font-size: 4vh;
  font-family: 'taiganja';
  font-weight: 100;
  color: #d3012f;
  margin-top: 0vh;
  margin-bottom: 2vh;
}

  .home-chairmen-section-quote-mark  {
  width: 2vh;
  height: auto;
  margin-right: 0.4vh;
}

.bottom-quote  {
  width: 2vh;
height: auto;
margin-left: 0.4vh;
}

  .home-chairmen-section {
  padding: 6vh 3vh;
}

  .home-chairmen-section-content {
    text-align: center;
  }

  .home-chairmen-section-quote {
  font-weight: 400;
  margin-bottom: 3vh;
    font-size: 1.6vh;
    max-width: 100%;
}

.home-chairmen-section-divider img {
 width: 33vh;
  height: auto;
}

  .home-chairmen-section-info,
  .home-chairmen-section-divider {
    text-align: center;
  }

  .home-chairmen-section-divider span {
  font-size: 1.6vh;
}
  .home-chairmen-section-frame {
    width: 100%;
  }

  .home-chairmen-section-name {
  font-size: 3vh;
}

.home-chairmen-section-designation {
  font-size: 1.6vh;
  margin-left: 0;
}
}


/*-------------------------------
Home Section 3
-----------------------------*/
.home-section-3 {
  position: relative;
  background: #ffe3e3;
  padding: 6vw 2vw;
  text-align: center;
  overflow: hidden;
}

.home-section-3 h2 {
  font-size: 3vw;
  color: #d3012f;
  margin-bottom: 40px;
  line-height: 1.2;
  font-family: 'taiganja';
  font-weight: 100;
}

.home-section-3 p {
  font-size: 1.1vw;
  color: #333;
  max-width: 56vw;
  margin: 0 auto;
  line-height: 1.9;
  font-family: 'aloveraregular';
}

.flower {
  position: absolute;
  opacity: 0.9;
  animation: spin 3s linear infinite;
}

.flower-left {
  top: 5vh;
  left: 10vh;
  width: 12vh;
  height: 12vh;
}

.flower-right {
  position: absolute;
  top: 50%;
  right: 10vh;
  transform: translateY(-50%);
  width: 7vh;
  height: 7vh;
}

@keyframes spin {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}


/* @keyframes spin {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
} */

/* @keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
} */

@media (max-width: 768px) {
  .flower {
    width: 7vh;
    height: 7vh;
  }

}

@media (max-width: 600px) {
  .home-section-3 {
    padding: 80px 20px 40px 20px;
  }


  .flower-left {
    top: 2vh;
    left: 3vh;
    width: 7vh;
    height: 10vh;
  }

  .home-section-3 p {
    font-size: 1.7vh;
    max-width: 100%;
  }

  .home-section-3 h2 {
    font-size: 7vw;
    margin-top: 4vh;
  }

  .flower-right {
    bottom: -3vh;
    right: -0vh;
    width: 5vh;
    height: 7vh;
    position: relative;
    z-index: 9999;

  }
}



/*--------------------------------
Home section 4
--------------------------------*/
.home-section-4 {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #ffe3e3;
  padding-top: 10px;
  padding-bottom: 12vh;
  box-sizing: border-box;
  margin-top: 8vh;
}

.slider-track {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.slider-item {
  flex: 0 0 calc(100% / 8);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.slider-item svg {
  width: 50%;
  height: auto;
  object-fit: contain;
}




@media (max-width: 768px) {
  .slider-item svg {
    width: 60%;
  }

}

@media (max-width: 600px) {
  .slider-item {
    flex: 0 0 calc(100% / 4);
  }

  .home-section-4 {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #ffe3e3;
    padding-top: 10px;
    padding-bottom: 2vh;
    box-sizing: border-box;
    margin-top: 4vh;
    display: none;
  }

}

/*------------------------------
   Javed-Ali-Banner
    -------------------------------*/
    .home-javed-banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.home-javed-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}


@media (max-width: 600px){
   .home-javed-banner{
    padding: 5vh 0;
   }
}


/*------------------------------
    Home -section-Programme
    -------------------------------*/


.home-section-programme {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #ffe3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10vh 5vw;
  box-sizing: border-box;
}

.home-section-programme-content {
  max-width: 60vw;
  z-index: 2;
}

.home-section-programme-heading {
  font-size: 4vw;
  color: #d3012f;
  margin-bottom: 5vw;
  font-weight: 100;
  font-family: 'taiganja';
}

.home-section-programme-heading span {
  font-family: 'arial' !important;
}

.home-section-programme-para {
  font-size: 1.1vw;
  line-height: 1.9vw;
  color: #333;
  margin-bottom: 4vw;
  font-family: 'aloveraregular';
}

.home-section-programme-subpara {
  font-size: 1.1vw;
  margin-bottom: 8vh;
  color: #333;
  font-family: 'aloveraregular';
}

.home-section-programme-btn {
  background-image: url('/assets/Homepage/Whats\ Happening\ Button.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  padding: 1.3vw 2.5vw;
  font-size: 1.5vw;
  border: none;
  font-weight: 100;
  cursor: pointer;
  font-family: 'taiganja';
}



.home-section-programme-left-img {
  position: absolute;
  left: 10vw;
  top: 40%;
  width: 4vw;
  height: auto;
  animation: spin 5s linear infinite;
}

.home-section-programme-right-img {
  position: absolute;
  right: 10vw;
  top: 5vh;
  width: 5vw;
  height: auto;
  animation: spin 5s linear infinite;
}

@media (max-width:600px) {
  .home-section-programme-heading {
    font-size: 7vw;
    margin-bottom: 4vh;
  }

  .home-section-programme {
    padding: 0vw 5vw 10vw 5vw;
  }

  .home-section-programme-content {
    max-width: 100%;
  }

  .home-section-programme-para {
    margin-bottom: 5vh;
  }

  .home-section-programme-para,
  .home-section-programme-subpara {
    font-size: 1.7vh;
    line-height: 2.5vh;
  }

  .home-section-programme-btn {
    font-size: 2vh;
    padding: 1.6vh 9vw;
  }

  .home-section-programme-left-img {
    top: 85%;
    left: 4vw;
    display: none;
  }

  .home-section-programme-right-img {
    width: 10vw;
    top: -5%;
    display: none;
  }


  .home-section-programme-left-img,
  .home-section-programme-right-img {
    width: 10vw;
  }
}


/*------------------------------
    Home -section-5
    -------------------------------*/

.home-section-5 {
  text-align: center;
  padding-top: 20vw;
  padding-bottom: 12vh;
  background-color: none;
  background-image: url('/assets/Homepage/Experience\ background.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  position: relative;
  margin-bottom: -2vw;
  z-index: 9999;
}

.top-decor {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5vw;

}

.top-decor img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: -2.3vw;
}

.home-section-5 h4 {
  font-size: 2.5vw;
  margin: 0;
  font-family: 'taiganja';
  font-weight: 100;

}

.home-section-5 h2 {
  font-size: 4vw;
  margin: 0.5rem 0;
  font-family: 'taiganja';
  font-weight: 100;
}

.home-section-5 p.year {
  font-size: 3vw;
  font-weight: 100;
  font-family: 'taiganja';
  margin-top: 1vh;
  letter-spacing: 1vw;
}


.swiper {
  margin-top: 2rem;
  padding-bottom: 3rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: transform 0.4s ease;
}


.frame-wrapper {
  position: relative;
  width: 20vw;
  height: 30vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

}

.swiper-slide a {
  text-decoration: none;
  color: inherit;
}

.sport-fest {
  width: 33.8vw !important;
}

.frame-wrapper img {
  position: absolute;
  width: 28.5vw;
  height: auto;
  z-index: 2;
}

.food-fest {
  width: 33.8vw !important;
}

.fire-chat{
   width: 26.8vw !important;
}

.comedy-fest {
  width: 33.8vw !important;
}

.sufi-fest {
  width: 33.8vw !important;
}

.spot-fest {
  width: 33.8vw !important;
}

.hasya-fest {
  width: 16.5vw !important;
}

.hasya-fest-1 {
  width: 25vw !important;
  margin-top: 2.8vh;
}

.frame-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  fill: #fff !important;
}


.swiper-slide-active .filpink1 {
  fill: #ffcccd !important;
}

.swiper-slide-active .fil1 {
  fill: rgba(219, 0, 110, 0.6) !important;
}

.swiper-slide p {
  margin-top: 1vw;
  font-size: 1.5vw;
  color: #fff;
  font-family: 'aloveraregular';

}


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

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 2vw;
  height: 2vw;

}


.bottom-text {
  margin-top: 2vw;
  font-size: 1.1vw;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
  line-height: 1.4;
  font-family: 'aloveraregular';
}

.bottom-text-1 {
  margin-top: -0.5vw;
  margin-bottom: 2vw;
}



.bottom-left-img,
.bottom-right-img {
  position: absolute;
  bottom: 0;
  width: 15vw;
  height: auto;
}

.bottom-left-img {
  left: 4vw;
  transform: scaleX(-1)
}

.bottom-right-img {
  right: 4vw;
}

.home-section-btn {
  margin-top: 3vw;
  background: none;
  background-image: url('/assets/Homepage/Exp\ Button\ .svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 1.5vw;
  padding: 2vw 6vw;
  border: none;
  cursor: pointer;
  color: #d3012f;
}


@media (max-width: 600px) {
  .home-section-5 {
    text-align: center;
    padding-top: 20vw;
    padding-bottom: 12vh;
    background-color: none;
    background-image: url('/assets/Homepage/Experience\ background\ Mob.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    margin-bottom: -2vw;
    z-index: 9999;
  }

  .frame-svg {
    width: 140%;
  }

  .frame-wrapper {
    width: 20vw;
    height: 35vw;
  }

  .frame-wrapper img {
    width: 29.5vh;
  }

  .home-section-5 h2 {
    font-size: 2rem;
  }

  .home-section-5 p.year {
    font-size: 1.5rem;
  }

  .bottom-text {
    font-size: 2vw;
    max-width: 90%;
    margin-bottom: 14vh;
  }
}

@media (max-width: 600px) {

.fire-chat{
   width: 37.5vh !important;
}
  .comedy-fest {
    width: 47.4vh !important;
  }

  .sufi-fest {
    width: 47.4vh !important;
  }

  .spot-fest {
    width: 47.4vh !important;
  }

  .hasya-fest {
   width: 47.4vh !important;
  }

  .food-fest{
     width: 47.4vh !important;
  }

  .sport-fest {
    width: 47.4vh !important;
  }

  .hasya-fest-1 {
  width: 35vh !important;
  margin-top: 2.7vh;
}
  

  .home-section-btn {
    font-size: 2vh;
    padding: 2vh 6vh;
    margin-top: 3vh;
  }

  .frame-wrapper {
    width: 20vh;
    height: 40vh;
  }

  .frame-wrapper img {
    width: 28.5vh;
  }

  .home-section-5 h2 {
    font-size: 7vw;
  }

  .home-section-5 h4 {
    font-size: 3vh;
  }

  .bottom-text {
    font-size: 1.6vh;
  }

 

  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 3vh;
    height: 3vh;

  }

  .home-section-5 p.year {
    font-size: 4vh;
  }

  .top-decor {
    margin-bottom: 5vh;
  }

  .swiper-slide p {
    margin-top: 1vh;
    font-size: 2vh;
  }


  .bottom-left-img,
  .bottom-right-img {
    width: 15vh;
  }

  .home-section-5 {
    margin-bottom: -2.5vh;
  }


}



/*-------------------------------
    Home section 6
    -------------------------------*/
/* .home-section-6 {
  position: relative;
  background: #d3012f;
  text-align: center;
  padding: 10vw 5vw 7vw 5vw;
  overflow: hidden;
  z-index: 1;
}

.home-section-6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/assets/Homepage/Voices.webp');
  background-repeat:repeat;
  background-size: contain;
  background-position: center center;
  opacity: 0.6; 
  z-index: 0;
  pointer-events: none;
}

.home-section-6 > * {
  position: relative;
  z-index: 1;
}


.celebrity-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5vw;
  margin-bottom: 6vh;
  flex-wrap: wrap;
}

.celebrity-title p {
  margin: 0;
  font-size: 1.5vw;
  color: white;
  font-family: 'taiganja';
  font-weight: 100;
}

.celebrity-title h2 {
  font-size: 2.5vw;
  color: white;
  margin: 1vw 0;
  font-family: 'taiganja';
  font-weight: 100;
  margin-bottom: 1vw;
  line-height: 1.1;
}



.flower-icon-left {
  width: 4vw;
  height: auto;
  position: absolute;
  animation: spin 5s linear infinite;
  top: 4vw;
  left: 10vw;
}

.flower-icon-right {
  width: 2.5vw;
  height: auto;
  position: absolute;
  animation: spin 5s linear infinite;
  top: 6vw;
  right: 10vw;
}


.celebrity-lineup {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3vw;
  justify-items: center;
  align-items: start;
}


.celebrity-lineup-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0vw;
  justify-items: center;
  align-items: center;
}

.celebrity-card {
  width: 100%;
  max-width: 20vw;
  color: white;
}

.celebrity-img img {
  width: 15vw;
  height: auto;

}

.celebrity-card h3 {
  font-size: 1.3vw;
  font-family: 'rfultrabold';
}

.celebrity-card .role {
  font-size: 0.8vw;
  font-family: 'rfsemibold';
  margin-top: -0.5vw;
}



@media (max-width: 600px) {



  .celebrity-lineup {
    grid-template-columns: 1fr;
    gap: 5vh;
  }

  .celebrity-card {
    max-width: 100%;
  }

  .celebrity-title p {
    font-size: 2.5vh;
  }

  .celebrity-title h2 {
    font-size: 2.5vh;
  }

  .celebrity-title .year {
    font-size: 3.5vh;
    margin-top: 1vh;
  }

  .flower-icon-left {
    width: 3vh;
    top: 8vh;
    left: 5vh;
  }

  .flower-icon-right {
    width: 3vh;
    top: 102vh;
    right: 5vh;
  }

  .celebrity-img img {
    width: 25vh;
    margin-bottom: 1vh;
  }

  .celebrity-card h3 {
    font-size: 2vh;
    margin: 0;
    margin-bottom: 1vh;

  }

  .celebrity-card .role {
    font-size: 1.5vh;
    max-width: 30vh;
    margin: 0 auto;
  }

} */

.home-section-6 {
  position: relative;
  background: #d3012f;
  text-align: center;
  padding: 10vw 0vw 0vw 0vw;
  overflow: hidden;
  z-index: 1;
}

.swiper {
  margin-top: 2rem;
  padding-bottom: 3rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.home-section-6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/assets/Homepage/Voices.webp');
  background-repeat:repeat;
  background-size: contain;
  background-position: center center;
  opacity: 0.6; 
  z-index: 0;
  pointer-events: none;
}

.home-section-6 > * {
  position: relative;
  z-index: 1;
}

.celebrity-title p {
  margin: 0;
  font-size: 2.5vw;
  color: white;
  font-family: 'taiganja';
  font-weight: 100;
}

.celebrity-title h2 {
  font-size: 3vw;
  color: white;
  margin: 1vw 0;
  font-family: 'taiganja';
  font-weight: 100;
  margin-bottom: 1vw;
  line-height: 1.1;
}
.celebrity-swiper-unique {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.flower-icon-left {
  width: 4vw;
  height: auto;
  position: absolute;
  animation: spin 5s linear infinite;
  top: 4vw;
  left: 10vw;
}

.flower-icon-right {
  width: 2.5vw;
  height: auto;
  position: absolute;
  animation: spin 5s linear infinite;
  top: 6vw;
  right: 10vw;
}

.celebrity-card {
  padding: 10vh 2vw;
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.celebrity-img img {
  width: 90%;
}



.celebrity-card h3 {
  font-size: 1.3vw;
  font-family: 'rfultrabold';
  color: #fff;
}

.celebrity-card p {
  font-size: 0.8vw;
  font-family: 'rfsemibold';
  margin-top: -0.5vw;
}



.celebrity-swiper-unique .swiper-slide-active .celebrity-card {
  transform: scale(1.15);
  z-index: 10;
}


.celebrity-swiper-prev, .celebrity-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  cursor: pointer;
}

.celebrity-swiper-prev 
{ 
  left: 0%;
  margin-top: -5vw;
}
.celebrity-swiper-next 
{ 
  right: 0%; 
   margin-top: -5vw;
}

.celebrity-swiper-prev svg,
.celebrity-swiper-next svg {
  width: 1vw;
  height: auto;
}


@media (max-width:600px) {

  .home-section-6{
    padding: 10vh 0vh 3vh 0vh;
  }

  .celebrity-swiper-unique .swiper-slide-active .celebrity-card {
  transform: scale(1);
  z-index: 10;
}

.celebrity-img img {
  width: 80%;
}


  .celebrity-card {
    max-width: 100%;
  }

  .celebrity-title p {
    font-size: 7vw;
  }

  .celebrity-title h2 {
    font-size:6vw;
  }

  .celebrity-title .year {
    font-size: 3.5vh;
    margin-top: 1vh;
  }

  .flower-icon-left {
    width: 3vh;
    top: 10vh;
    left: 5vh;
  }

  .flower-icon-right {
    width: 3vh;
    top: 75vh;
    right: 5vh;
  }



  .celebrity-card h3 {
    font-size: 1.8vh;
    margin: 0;
    margin-bottom: 1vh;
    margin-top: 1vh;

  }

  .celebrity-card p {
    font-size: 1.5vh;
    max-width: 30vh;
    margin: 0 auto;
  }

 
.celebrity-swiper-prev svg,
.celebrity-swiper-next svg {
  width: 3vh;
  height: 3vh;
}

}


.celebrity-swiper-pagination {
  text-align: center;
  margin-top: 20px;
}

.celebrity-swiper-unique .swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.celebrity-swiper-unique .swiper-pagination-bullet-active {
  background: #ff6b00;
  transform: scale(1.3);
}




/*----------------------------
    Home- Section -7
    -----------------------------*/
.home-section-7 {
  text-align: center;
  padding: 8vh 5vw;
  overflow: hidden;
}

.home-section-7 h2 {
  font-size: 2.5vw;
  color: #e91672;
  margin-bottom: 2vw;
  font-family: 'rfultrabold';
}

.home-section-7 p {
  max-width: 53vw;
  margin: 0 auto 6vh;
  font-size: 1.1vw;
  line-height: 1.4;
  color: #333;
  font-family: 'aloveraregular';
  margin-bottom: 10vw;
}

.home-section-7 .mySwiper {
  width: 100%;
  padding-bottom: 5vh;
  cursor: grab;
}


.home-section-7 .swiper-slide-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-section-7 .swiper-slide-1 svg {
  width: 100%;
  height: auto;
  max-width: 50vw;
  object-fit: cover;
}



@media (max-width: 480px) {
  .home-section-7 h2 {
    font-size: 3.5vh;
  }

  .home-section-7 p {
    margin-top: 5vh;
    font-size: 1.4vh;
    max-width: 100%;
    margin-bottom: 10vh;
  }

  .home-section-7 .swiper-slide-1 svg {
    max-width: 50vh;
  }
}





/*--------------------------------
    Homepage Accordian
    --------------------------------*/
.homepage-accordion {
  padding: 0vw 0vw 5vw 0vw;
  background-color: #056962;
  text-align: center;
  position: relative;
}

.homepage-accordion-1 {
  padding: 10vh 0vw 5vw 0vw;
  background: url('/assets/Dharav About/About\ Hero\ BG.svg') no-repeat center center;
  background-size: cover;
  text-align: center;
  position: relative;
}

.homepage-accordion-1 h2 {
  font-size: 3.5vw;
  margin: 0;
  font-weight: 100;
  font-family: 'taiganja';
  color: #fece00;
  padding: 5vw 0;

}

.homepage-accordion-1 {
  background-attachment: fixed;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: auto;
}

body, html, .homepage-accordion, .homepage-accordion-1 {
  transform: none !important;
  perspective: none !important;
}


.top-decor-faq {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 5vw;
  display: flex;
  justify-content: flex-end;
}

.top-decor-faq img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.homepage-accordion h2 {
  font-size: 3.5vw;
  margin-bottom: 4vh;
  font-weight: 100;
  font-family: 'taiganja';
  color: #fff;
}

.accordion-item {
  background: transparent;
  border-radius: 2vw;
  margin-bottom: 2vh;
  overflow: hidden;
  transition: all 0.3s ease;
  margin: 2vw 10vw;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vh 3vw;
  font-size: 1.2vw;
  font-weight: bold;
  color: #d3012f;
  cursor: pointer;
  font-family: 'rfbold';
  background-color: #fff;
}

.accordion-title.active {
  background: #d3012f;
  color: #fff;
}


.accordion-icon {
  width: 1.2vw;
  height: auto;
  transition: transform 0.3s ease;
}

.accordion-title.active .accordion-icon {
  transform: rotate(90deg);
  filter: brightness(0) invert(1);
}


.accordion-content {
  max-height: 0;
  overflow: hidden;
  text-align: left;
  padding: 0 2vw;
  color: #fff;
  background: #056962;
  font-size: 1.2vw;
  line-height: 1.5;
  font-family: 'aloveraregular';
  transition: max-height 0.5s ease, padding 0.3s ease;
}

.accordion-content.open {
  padding: 2vh 2vw;
}




@media (max-width: 600px) {
  .homepage-accordion h2 {
    font-size: 7vw;
    margin: 0;
    padding: 5vh 0;
  }

  .homepage-accordion-1 h2 {
    font-size: 6vw;
    margin: 0;
    padding: 7vh 0vh 5vh 0vh;
  }

  .accordion-title {
    font-size: 1.5vh;
    text-align: left;
    gap: 1vh;
  }

  .accordion-content {
    font-size: 1.5vh;
  }

  .accordion-icon {
    width: 1.2vh;
    height: auto;
    transition: transform 0.3s ease;
  }
}

/*-------------------------------
    Footer
    --------------------------------*/

footer.footer {
  width: 100%;
  padding: 7vh 0vw 5vh 0vw;
  position: relative;
  background-color: #fcebe6;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  z-index:0;
}


.footer-section {
  width: 20vw;
  min-width: 18vw;
  margin-bottom: 0vh;
}

footer h3 {
  font-size: 1.1vw;
  margin-bottom: 3vh;
  font-family: 'rfultrabold';
  text-transform: uppercase;
}

.footer-item-top {
  align-items: flex-start !important;
}


.footer-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0;
}

.footer-item img {
  width: 1vw;
  height: auto;
  flex-shrink: 0;
}

.footer-item span {
  flex: 1;
  display: inline-block;
}


footer a,
footer p {
  font-size: 0.9vw;
  color: #333;
  text-decoration: none;
  line-height: 2;
  font-family: 'rfsemibold';
  font-weight: 100;
}

.footer-quick-links {
  display: flex;
  flex-direction: column;
  gap: 0.8vh;
  padding-left: 6vw;
}



.social-icons {
  display: flex;
  gap: 1vw;
  margin-top: 2vh;
}

.social-icons svg {
  width: 2.5vw;
  height: 2.5vw;
}


.footer-images {
  width: 25vw;
  text-align: center;
  padding-right: 4vw;
}

.footer-images svg {
  width:17vw;
  height: auto;
  max-width: 100%;
}

footer img.decor-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1;
}

.footer-bottom-flower {
  position: absolute;
  top: 10vw;
  left: 18%;
  width: 1.5vw;
  height: auto;
  z-index: 1;
}
.footer-bottom-flower-2{
  position: absolute;
  top: 5vw;
  right:3vw;
   width: 1.5vw;
  height: auto;
  z-index: 1;
}



.footer-bottom-flower-1{
  position: absolute;
  bottom: 13vw;
  right:30vw;
  width: 3vw;
  height: auto;
  z-index: 1;
}

.social-heading {
  margin-top: 4vh;
}

.footer-bottom-right{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 5vw;
  margin-top:-2.5vw;
  font-size: 3vw;
}

.footer-bottom-right a{
  text-decoration: underline;
  font-weight: bold;
}

.footer-item-csr a{
  text-decoration: underline;
}

.footer-top-image{
  width: 100%;
  height: 100%;
  display: none;
}

.footer-top-image img{
  width: 100%;
  height: 100%;
  object-fit:cover;

}

.footer-bottom {
  width: 100%;
  text-align: center;
  font-size: 0.9vw;
  margin-top: 4vh;
  font-family: 'rfsemibold';
  color: #333;
  font-family: 100;
}

.footer-csr{
  margin-top: 2.5vw;
}

@media (max-width: 600px) {
.decor-top{
  display: none;
}
.footer-top-image{
  width: 100%;
  height: 100%;
 display: none;
  margin-bottom: 0vh;
  background-color: #fcebe6;
}


.footer-bottom-flower {
  position: absolute;
  top: 10vh;
  left: 10%;
  width: 2.5vh;
  z-index: 1;
}

.footer-csr{
  margin-top: 3vh;
}


.footer-bottom-flower-2{
  position: absolute;
  top: 25.5%;
  right:3vh;
  width: 2.5vh;
  z-index: 1;
}

.footer-bottom-flower-1{
  position: absolute;
  bottom: 8vw;
  right:28vw;
  width: 5vh;
  z-index: 1;
  display: none;
}


  .footer-section {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center

  }

  footer a,
footer p {
  font-size: 1vw;
}

  .footer-images {
    width: 100%;
    text-align: center;
    padding-right: 0vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3vh;
}
.footer-images svg{
  width: 30vh;
  height: auto;
}

  .footer-quick-links {
    padding-left: 0vh;
  }

  .footer-item img {
    width: 1.8vh;
    height: auto;
    text-align: center;
  }

  .footer-item span {
    text-align: left;
  }

  .social-icons {
    align-items: center;
    justify-content: center;
    gap: 2vh;
  }

  .social-icons svg {
    width: 5vh;
    height: 5vh;
  }

  footer h3 {
    font-size: 4vw;
    margin-top: 5vh;
    margin-bottom: 2vh;
  }

 

  footer p,
  footer a {
    font-size: 3.5vw;
  }

  .social-icons img {
    width: 6vw;
    height: 6vw;
  }

  footer img.decor-bottom-left {
    width: 10vw;
  }

  .footer-bottom {
        font-size: 1.5vh;
        margin-top: 5vh;
    }
    .footer-bottom-right p {
        font-size: 1.5vh!important;
    }
    .footer-bottom-right {
    width: 100%;
    display: flex;
    justify-content:center;
    padding-right: 0;
    }
}




/*---------------------------------
   About start
    ----------------------------------*/



/*---------------------------------
    About Section 1
    ----------------------------------*/
.about-section-1 {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('/assets/Dharav About/About\ Hero\ BG.svg') no-repeat center center;
  background-size: cover;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15vh 0vw 0vw 0vw;
  flex-direction: column;

}

.about-center-logo svg {
  width: 15vw;
  height: auto;
}


.about-horse {
  position: absolute;
  bottom: 12vh;
  width: 15vw;
  height: auto;
}

.about-horse-left {
  left: 5vw;
  transform: scaleX(-1);
}

.about-horse-right {
  right: 5vw;
}


.about-bottom-decor {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 5vw;
  display: flex;
  justify-content: flex-end;
}

.about-bottom-border {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleY(-1);
}


@media (max-width:768px) {
  .about-section-1 {
    padding: 15vh 0vh 0vh 0vh;
  }

  .about-center-logo svg {
    width: 15vh;
  }


  .about-horse {
    width: 10vh;
  }

}

/*-----------------------------------
About Section 2
-----------------------------------*/
.about-section-2 {
  width: 100%;
  background: #ffe3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 10vw 0vw 0vw 0vw;
}

.about-section-2-content {
  background: url("/assets/Dharav About/Section 1 BG.svg") no-repeat center center;
  background-size: contain;
  width: 90vw;
  max-width: 120vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5vh 5vw;
  box-sizing: border-box;
  position: relative;
}


.about-section-2-text {
  flex: 1;
  text-align: center;
  color: #fff;
  font-size: 1.1vw;
  line-height: 1.6;
  font-family: 'aloveraregular';
  max-width: 60vw;
}

.about-section-2-text p {
  margin: 2vw 0;
}


.about-section-2-icon-left,
.about-section-2-icon-right {
  width: 2vw;
  height: auto;
  animation: spin 5s linear infinite;
}



@media (max-width: 600px) {


  .about-section-2{
    display: flex;
    flex-direction: column;
  }

  .about-section-2-text {
    font-size: 3vh;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .about-section-2-top-img img {
  width: 90%;
    margin: 0 auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin-bottom: -35vw;
}

.about-section-2-bottom-img img {
   width: 90%;
    margin: 0 auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin-top: -35vw;
  transform: scaleY(-1);
}

  .about-section-2-content {
    flex-direction: column;
    background: url("/assets/Dharav About/verticle\ middle.svg") repeat center center;
    background-size: cover;
    padding: 0vh 0vh;
    width: 90%;
    margin: 0 auto;
    z-index: 999999;
  }

  .about-section-2-text {
    font-size: 3vw;
  }

  .about-section-2-icon {
    display: none;
  }

  .about-section-2-text p {
    margin: 2vh 0;
  }

  .about-section-2-icon-left,
  .about-section-2-icon-right {
    width: 2vh;
  }


}


/*-----------------------------------
About Section 3
-------------------------------------*/
.about-section-3 {
  position: relative;
  width: 100%;
  background: #ffe3e3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0vh 6vw;
  box-sizing: border-box;
}

.about-section-3-content {
  max-width: 60vw;
  text-align: center;
  z-index: 2;
}

.about-section-3-title {
  font-size: 5vw;
  color: #d3012f;
  margin-bottom: 2vw;
  font-family: 'taiganja';
  font-weight: 100;
}

.about-section-3-text {
  font-size: 1.1vw;
  line-height: 1.7;
  margin: 1.5vw 0;
  color: #222;
  font-family: 'aloveraregular';
}


.about-section-3-icon {
  position: absolute;
  right: 3vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3vw;
  height: auto;
  animation: spin 5s linear infinite;
}

@media (max-width: 600px) {
  .about-section-3 {
    padding-top: 8vh;
  }

  .about-section-3-content {
    max-width: 100%;
    padding-bottom: 5vh;
  }

  .about-section-3-title {
    font-size: 4vh;
    margin-bottom: 8vh;
  }

  .about-section-3-text {
    font-size: 1.6vh;
  }

  .about-section-3-icon {
    width: 8vw;
    right: 5vw;
  }

  .about-section-3-icon {
    position: absolute;
    right: 45%;
    top: 17vh;
    transform: translateY(-50%);
    width: 4vh;
    height: auto;
    animation: spin 5s linear infinite;
  }

}

/*-------------------------------------
About section 4
-------------------------------------*/
.about-section-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  background: url("/assets/Dharav About/Shiksha\ Logo\ Tag.svg") no-repeat center center;
  background-size: cover;
  z-index: 999999;
  padding: 15vw 0vw;

}

.about-section-4-text {
  max-width: 50%;
  color: #1a1a1a;
  font-weight: 100;
  padding: 2vw;
  border-radius: 12px;
  position: absolute;
  top: 40%;
  left: 40vw;
}

.about-section-4-text h2 {
  font-family: 'taiganja';
  color: #d3012f;
  font-size: 3.5vw;
  font-weight: 100;
  margin: 0;
}

.about-section-4-text p {
  font-family: 'aloveraregular';
  color: #333;
  font-size: 1.1vw;
  line-height: 1.6;
}




.about-section-4-mobile {
  background: #ffe3e3;
  background-size: cover;
  padding: 0vh 0vw;
}

.about-section-4-mobile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.about-section-4-mobile-text{
    padding: 0vw 5vw;
}


.about-section-4-mobile-text h2 {
  font-family: 'taiganja';
  color: #d3012f;
  font-size: 3.5vh;
  font-weight: 100;
}

.about-section-4-mobile-text p {
  font-family: 'aloveraregular';
  color: #333;
  font-size: 1.6vh;
  line-height: 1.6;
}

.about-section-4-mobile-image svg {
  max-width: 100%;
  height: auto;
  width: 100vw;
}





/*-------------------------------------
About section 
-------------------------------------*/
.about-section-5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  background: url("/assets/Dharav About/Pravah\ Logo\ TAg.svg") no-repeat center center;
  background-size: cover;
  z-index: 999999;
  padding: 15vw 0vw;

}

.about-section-5-text {
  max-width: 60%;
  color: #1a1a1a;
  font-weight: 100;
  padding: 2vw;
  border-radius: 12px;
  position: absolute;
  top: 40%;
  left: 7vw;
  text-align: end;
}

.about-section-5-text h2 {
  font-family: 'taiganja';
  color: #d3012f;
  font-size: 3.5vw;
  font-weight: 100;
  margin: 0;
}

.about-section-5-text p {
  font-family: 'aloveraregular';
  color: #333;
  font-size: 1.1vw;
  line-height: 1.6;
  max-width: 50vw;
}




@media (max-width: 600px) {
  .about-section-5 {
    justify-content: center;
    padding: 6vw 4vw;
    background-attachment: scroll;
  }

  .about-section-5-text {
    text-align: center;
    font-size: 2vh;
  }
}

.about-section-5-mobile {
  background: #ffe3e3;
  background-size: cover;
  padding: 10vh 0vw;
}

.about-section-5-mobile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

}

.about-section-5-mobile-text{
    padding: 0vw 5vw;
}


.about-section-5-mobile-text h2 {
  font-family: 'taiganja';
  color: #d3012f;
  font-size: 3.5vh;
  font-weight: 100;
}

.about-section-5-mobile-text p {
  font-family: 'aloveraregular';
  color: #333;
  font-size: 1.6vh;
  line-height: 1.6;
}

.about-section-5-mobile-image {
  overflow: hidden;
}

.about-section-5-mobile-image svg {
  max-width: 100%;
  height: auto;
    width: 100vw;
}



/*-----------------------------
About Section 6
----------------------------*/




.about-section-6 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  color: white;
  padding: 0vw 0vw 0vw 0vw;
}

.about-section-6-container {
  position: relative;
  width: 90vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section-6-top-icon {
  position: absolute;
  top: -8vw;
  left: 50%;
}

.about-section-6-top-icon svg {
  width: 2vw;
  height: auto;
  animation: spin 5s linear infinite;
}

.about-section-6-horse {
  position: absolute;
  top: 30%;
  width: 12vw;
  height: auto;
}

.about-section-6-left-horse {
  left: 0vw;
  transform: scaleX(-1);
}

.about-section-6-right-horse {
  right: 0vw;
}

.about-section-6-content {
  position: relative;
  z-index: 2;
  max-width: 70vw;
}

.about-section-6-title-box {
  background-image: url('/assets/Dharav About/The\ Grand\ Stage\ BG.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: 'taiganja';
  font-weight: 100;
  color: white;
  font-size: 4vw;
  padding: 2vw 6.8vw;
  margin-bottom: 3vh;
}

.about-section-6-subtitle h2 {
  font-size: 2.3vw;
  margin: 1vh 0;
  font-family: 'rfultrabold';
}

.about-section-6-subtitle p {
  font-size: 1.5vw;
  margin: 0;
  font-family: 'rfultrabold';
}

@media (max-width:767px) {
  .about-section-6 {
    padding: 13vh 0vh;
  }

  .about-section-6-title-box {
    font-size: 3vh;
    padding: 1.5vh 3.8vh;
  }

  .about-section-6-top-icon svg {
    width: 2.5vh;
  }

  .about-section-6-top-icon {
    position: absolute;
    top: -8vh;
    left: 50%;
  }

  .about-section-6-subtitle h2 {
    font-size: 2.3vh;
  }

  .about-section-6-subtitle p {
    font-size: 1.5vh;
  }

  .about-section-6-content {
    max-width: 100%;
  }

  .about-section-6-horse {
    position: absolute;
    top: 18vh;
    width: 9vh;
    height: auto;
  }

  .about-section-6-left-horse {
    left: 0vw;
    transform: scaleX(-1);
  }

  .about-section-6-right-horse {
    right: 0vw;
  }

}


/*-----------------------------------
About section 7
-----------------------------------*/

.full-about-ip {
  background-image: url('/assets/Dharav About/IP\ BG.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15vw 0vw;
  margin-bottom: 10vh;
  margin-top: 10vh;
}

@media (max-width:600px) {
  .full-about-ip {
    background-image: url('/assets/Dharav About/IP\ BG\ Mobile\ .webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 30vw 0vw;
  }
}


.about-section-7 {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 5vw;
  box-sizing: border-box;
  padding-bottom: 5vh;
}


/*--------------------------------
 About Section 8
 --------------------------------*/
.about-section-8 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 5vw;
  padding-top: 15vh;
}

.about-section-8-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-section-8-heading {
  color: white;
  font-size: 5vw;
  font-family: 'taiganja';
  font-weight: normal;
  text-align: center;
  z-index: 2;
}

.about-section-8-flower {
  position: absolute;
  height: auto;
  z-index: 1;
}

.about-section-8-left-flower {
  top: 50%;
  left: 12vw;
  width: 4vw;
  animation: spin 5s linear infinite;
}

.about-section-8-right-flower {
  top: 80%;
  right: 12vw;
  width: 2vw;
  animation: spin 5s linear infinite;
}


@media (max-width: 767px) {
  .about-section-8 {
    padding-bottom: 10vh;
    padding-top: 0vh;
  }

  .about-section-8-heading {
    font-size: 4vh;
  }

  .about-section-8-left-flower {
    top: 100%;
    left: 12vw;
    width: 4vh;
    animation: spin 5s linear infinite;
  }

  .about-section-8-right-flower {
    top: 90%;
    right: 12vw;
    width: 2vh;
    animation: spin 5s linear infinite;
  }

}


/*--------------------------------
About section 9
--------------------------------*/
.about-section-9 {
  width: 100%;
  padding: 0vw 0vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section-9-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3vw;
  width: 100%;
  max-width: 80vw;
}

.about-section-9-two {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3vw;
  width: 100%;
  max-width: 80vw;
}

.about-section-9-card {
  background: transparent;
  text-align: center;
  width: 30%;
  position: relative;
}

.about-section-9-img-box {
  border-radius: 1vw;
  padding: 0vh 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.about-section-9-img-box img {
  width: 20vw;
  height: auto;
}

.about-section-9-card h3,
.about-section-9-card p {
  opacity: 0;
  max-height: 100%;
  overflow: hidden;
  transition: all 0.4s ease;
  color: white;
}

.about-section-9-card h3 {
  margin-top: 3vh;
  font-size: 1.3vw;
  font-family: 'rfultrabold';
}

.about-section-9-card p {
  font-size: 1vw;
  margin-top: 1.5vh;
  font-family: 'aloveraregular';
}

.about-section-9-card:hover h3,
.about-section-9-card:hover p {
  opacity: 1;
}

.about-section-9-card:hover .about-section-9-img-box {
  transform: translateY(-1vh);
}

.about-section-9-center-card {
  margin-top: 5vh;
}


@media (max-width: 767px) {
  .about-section-9 {
    padding: 0;
    margin: 0;
  }

  .about-section-9-container {
    flex-direction: column;
    align-items: center;
  }

  .about-section-9-card {
    width: 100%;
    margin-bottom: 2vh;
  }

  .about-section-9-img-box img {
    width: 20vh;
    height: auto;
  }

  .about-section-9-card h3 {
    font-size: 2vh;
  }

  .about-section-9-card p {
    font-size: 1.6vh;
  }

  .about-section-9-center-card {
    margin-top: 0vh;
  }

  .about-section-9-card h3,
  .about-section-9-card p {
    opacity: 1;
  }


}

/*--------------------------------------
About-section-10
---------------------------------------*/
.about-section-10 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 5vw 0vw 0vw 0vw;
}

.about-section-10-container {
  width: 90vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-section-10-btn {
  background: none;
  background-image: url('/assets/Dharav About/Join\ the\ celeb\ Tag.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 1.5vw;
  padding: 1.5vw 3vw;
  border: none;
  cursor: pointer;
  color: #fff;
}



.about-section-10-flower {
  position: absolute;
  height: auto;
  animation: spin 5s linear infinite;
}

.about-section-10-left-flower {
  left: 12vw;
  top: -80%;
  width: 3.5vw;
}

.about-section-10-right-flower {
  right: 12vw;
  top: 0%;
  width: 2.5vw;
}

@media (max-width: 600px) {
  .about-section-10-btn {
    font-size: 2vh;
    padding: 2.5vh 6vh;
  }

  .about-section-10-flower {
    width: 8vw;
  }

  .about-section-10 {
    padding: 8vh 0vh;
  }

  .about-section-10-left-flower {
    left: 12vw;
    top: -100%;
    width: 3.5vh;
  }

  .about-section-10-right-flower {
    right: 12vw;
    top: 150%;
    width: 2vh;
  }
}

.pink-banner-top {
  width: 100%;
  height: 65vh;
  background-image: url('/assets/Dharav About/Highlights\ BG\ Top\ Cut.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: -40vh;
  margin-top: 5vw;
}

.pink-banner {
  width: 100%;
  height: 70vh;
  background-image: url('/assets/Dharav About/Highlights\ BG\ Bottom\ Cut.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -40vh;
  margin-bottom: 5vw;
}

@media (max-width:768px) {
  .pink-banner {
    width: 100%;
    height: 40vh;
    margin-top: -15vh;

  }

  .pink-banner-top {
    height: 50vh;
  }
}

@media (max-width:480px) {
  .pink-banner {
    width: 100%;
    height: 25vh;
    margin-top: -1vh;

  }

  .pink-banner-top {
    height: 50vh;
  }
}

/*------------------------------------
Gallery
----------------------------------*/

.gallery-section-2 {
  position: relative;
  background: #fde7eb;
padding: 25vh 0 10vh 0;
  text-align: center;
  overflow: hidden;
}

.gallery-section-2-heading {
  font-size: 3.5vw;
  font-family: 'taiganja';
  font-weight: 100;
  color: #d3012f;
  margin-bottom: 3vw;
  position: relative;
  z-index: 2;
}

.gallery-section-2-bg {
  position: absolute;
  top: 8vh;
  opacity: 1;
  width: 40vw;
  height: auto;
  z-index: 0;
}

.gallery-section-2-left-bg {
  left: 0;
}

.gallery-section-2-right-bg {
  right: 0;
  transform: scaleX(-1);
}


.gallery-section-2-frame {
  position: relative;
  width: 70vw;
  margin: 0 auto;
}

.gallery-section-2-frame-bottom {
  position: absolute;
  height: auto;
  width: 72.5vw;
  top: 100%;
  left: -1.3vw;
  margin-top: -0.1vw;
  z-index: 99999;
}

.gallery-section-2-frame-top {
  position: absolute;
  height: auto;
  width: 72.5vw;
  top: -2.5%;
  left: -1.3vw;
  z-index: 99999;
}


.gallery-section-2-slider {
  position: relative;
  height: 40vw;
  overflow: hidden;
}

.gallery-section-2-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.gallery-section-2-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

.gallery-section-2-slide.active {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}


.gallery-section-2-slide.enter-from-top {
  transform: translateY(-100%);
  opacity: 1;
}

.gallery-section-2-slide.enter-from-bottom {
  transform: translateY(100%);
  opacity: 1;
}

.gallery-section-2-slide.exit-up {
  transform: translateY(-100%);
  opacity: 0;
}

.gallery-section-2-slide.exit-down {
  transform: translateY(100%);
  opacity: 0;
}

.gallery-section-2-arrow {
  position: absolute;
  color: white;
  border: none;
  cursor: pointer;
  padding: 0.5vw 1vw;
  z-index: 3;
}

.gallery-section-2-left-arrow {
  top: 40%;
  right: -5vw;
  transform: rotate(90deg);
  width: 1vw;
  height: auto;
}

.gallery-section-2-right-arrow {
  right: -5vw;
  top: 50%;
  transform: rotate(90deg);
  width: 1vw;
  height: auto;
}



@media (max-width: 600px) {
  .gallery-section-2{
padding: 25vh 0 10vh 0;
  }


  .gallery-section-2-heading {
    font-size: 3vh;
  }

  .gallery-section-2-bg {
    position: absolute;
    top: 8vh;
    opacity: 1;
    width: 18vh;
    height: auto;
    z-index: 0;
}

  .gallery-section-2-frame {
    width: 90%;
  }

  .gallery-section-2-slider {
    height: 30vh;
  }


  .gallery-section-2-left-arrow {
    top: 105%;
    right: 50%;
    transform: rotate(0deg);
    width: 1vh;
    height: auto;
  }

  .gallery-section-2-right-arrow {
    top: 105%;
    right: 40%;
    transform: rotate(0deg);
    width: 1vh;
    height: auto;
  }

  .gallery-section-2-frame-bottom {
    top: 100%;
    width: 93.3vw !important;
    left: -0.7vh;
    z-index: 99999;
  }

  .gallery-section-2-frame-top {
    top: -2%;
    width: 93.3vw !important;
    left: -0.7vh;
    z-index: 99999;
  }
}

/*--------------------------------
Gallery section 3
---------------------------------*/
.gallery-section-3 {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 5vh 0vh;
}

.gallery-section-3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*---------------------------------
Gallery Section 4
----------------------------------*/
.gallery-section-4 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vw 10vw;
  box-sizing: border-box;
  gap: 2vw;
}

.gallery-box {
  background-color: #f4d2c5;
  border-radius: 1vw;
  overflow: hidden;
  position: relative;
}


.gallery-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.gallery-box-1 {
  width: 25vw;
  height: 40vh;
}

.gallery-box-2 {
  width: 45vw;
  height: 40vh;
}

.gallery-box-3 {
  width: 25vw;
  height: 40vh;
}

.gallery-box-4 {
  width: 30vw;
  height: 40vh;
}

.gallery-box-5 {
  width: 30vw;
  height: 40vh;
}

.gallery-box-6 {
  width: 25vw;
  height: 40vh;
}

.gallery-box-7 {
  width: 60vw;
  height: 40vh;
}

.gallery-box-8 {
  width: 40vw;
  height: 40vh;
}

.gallery-box-9 {
  width: 35vw;
  height: 40vh;
}

.gallery-box-10 {
  width: 35vw;
  height: 40vh;
}

.gallery-box-11 {
  width: 30vw;
  height: 40vh;
}

@media (max-width: 768px) {
  .gallery-section-4 {
    flex-direction: column;
    height: auto;
    padding: 6vw;
  }

  .gallery-box {
    width: 85vw;
    height: 40vh;
  }

  .gallery-box:not(:last-child) {
    margin-bottom: 5vw;
  }
}


/*----------------------------------
Programmme
----------------------------------*/
/* .programme-section-1 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 5vh 0vh 0vh 0vh;
}

.programme-section-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
} */


/*--------------------------------
Programme Section 1
---------------------------------*/
.programe-section-1 {
  width: 100%;
  height: auto;
  background-image: url('/assets/programme/ProgrammeBG\ .svg'); 
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20vh 0 5vh 0;
  position: relative;
  overflow: hidden;
}

.programe-section-1-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.programe-section-1-horse {
  width: 14vw;
  height: auto;
}

.programe-section-1-horse-left {
  position: absolute;
  left: 3vw;
  bottom: 0;
  transform: scaleX(-1);
}


.programe-section-1-horse-right {
  position: absolute;
  right: 3vw;
  bottom: 0;
}

.programe-section-1-text {
  width: 100%;
  font-size: 1vw;
  text-align: center;
  color: #056962;

}

.programe-section-1-text h1 {
  font-size: 4.5vw;
  line-height: 1.2;
    font-family:'taiganja';
  font-weight: 100;
}




@media (max-width: 600px) {
  
 .programe-section-1-horse {
  width: 20vw;
  height: auto;
}

  .programe-section-1-text h1 {
    font-size:7vw;
  }

  .programe-section-1-text span {
    font-size: 5vw;
  }
}

/*---------------------------------
Programm Section 2
---------------------------------*/
.programm-section-2 {
  background-color: #056962;
  width: 100vw;
  padding: 15vh 0 5vh 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -3vw;
}

.programm-section-2-container {
  width:80vw;
  max-width: 100%;
  text-align: center;
}


.programm-section-2-toggle {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5vh;
}

.programm-section-2-toggle-inner {
  position: relative;
  background-color:transparent;
  border-radius: 3vw;
  width: fit-content;
  display: flex;
  overflow: hidden;
  padding: 0.4vh;
    border: 1px solid #fff;
}

.programm-section-2-tab {
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 1.1vw;
  font-family: 'rfsemibold';
  font-weight: 100;
  padding: 1vh 2vw;
  border-radius: 3vw;
  z-index: 2;
  transition: color 0.3s ease;
}

.programm-section-2-tab.active {
  color: #056962;
   font-weight: bold;
}

.programm-section-2-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #f3eae2;
  border-radius: 3vw;
  transition: left 0.4s ease;
  z-index: 1;
}


.programm-section-2-box {
  background: url('/assets/programme/Card.svg') no-repeat center center ;
  background-size: cover;
  margin: 1.2vh 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3vh 0vw;
  position: relative;
}

.programm-section-2-text {
  text-align: center;
  width: 100%;
}

.programm-section-2-text h3 {
  font-size: 3vw;
  font-family: 'melbourne';
  margin: 0;
  color: #056962;
}

.programm-section-2-text p {
  font-size: 1.3vw;
  margin: 1.5vh 0 0 0;
  font-weight: 500;
  font-family: 'rfsemibold';
  color: #000;
}


.programm-section-2-icon {
  width: 1.5vw;
  height: auto;
}

.programm-section-2-icon.left { margin-right: 1vw; }
.programm-section-2-icon.right { margin-left: 1vw; }


@media (max-width: 600px) {
  .programm-section-2 {
    padding: 15vh 0 0vh 0;
  }
  .programm-section-2-tab {
    font-size: 3.5vw;
    padding: 1vh 4vw;
  }
  .programm-section-2-slider , .programm-section-2-toggle-inner  { 
    border-radius: 6vh; 
  }

  .programm-section-2-text h3 { 
    font-size: 5vw; 
  }
  .programm-section-2-box {
    padding: 3vh 3vh;
  }
  .programm-section-2-text p { 
    font-size: 3vw; 
  }
  .programm-section-2-icon { 
    width: 3vw; 
  }

  .programm-section-2-box {
  background: url('/assets/programme/Card\ Mobile.svg') no-repeat center center ;
  background-size: contain;
  margin: 1.2vh 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3vh 0vw;
  position: relative;
}

}


/*-------------------------------
Programme section -3
--------------------------------*/
.programe-section-day-1 {
  background-color: #056962;
  padding: 5vh 5vw;
 position: relative;
  color: #003c36;

}


.programe-section-day-1-container {
  display: flex;
  align-items: flex-start;
  gap: 2vw;
  position: relative;
}


.programe-section-day-1-time {
  position: relative;
  border-right: 2px solid #fff;
  padding-right: 0vw;
}

.day-1-no-margin{
  margin: -0.6vw 0 10vw 0!important;
}

.programe-section-day-1-time p {
  color: #fff;
  font-size: 1vw;
  margin: 8vw 0;
  font-weight: 600;
  text-align: right;
  font-family: 'rfsemibold';
}


.programe-section-day-1-events {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw;
  flex: 1;
}

.event-box {
  border-radius: 1vw;
  padding: 0vw;
  box-sizing: border-box;
  font-size: 1vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.event-lightgreen { 
  background-color: #dcffe6; 
}
.event-lightpink { 
  background-color: #ffe3e3; 
}
.event-lightpurple {
   background-color: #ffe4ff;
   }
.event-cream {
   background-color: #f8ebcc; 
  }

.event-box-1 { 
  grid-column: span 1; 
  height: 32vw; 
  margin-top: -4vw;
  padding: 0 ;
  margin-bottom: 0;
  position: relative;
}
.event-box-2 { 
  height: 9vw;
  margin-top: 7vw;
  padding: 0;
  justify-content: center; 
}
.event-box-3 { 
  height: 13vw; 
  justify-content: space-between;
  margin-top: -13vw;
}
.event-box-4 { 
  height: 12vw; 
  margin-top: 3vw;
  justify-content: space-between;
}
.event-box-5 { 
  height: 18vw;
 justify-content: space-between;
 margin-top: -14vw;

 }
.event-box-6 { 
  height: 7vw; 
  margin-top: -1.5vw;
   justify-content: center;
}

.event-box-7 { 
  height: 7vw; 
  margin-top:0vw;
  justify-content: center;
}

.event-box-8 { 
  height: 82vw; 
  margin-top: -1.5vw;
  justify-content: flex-start;
  position: relative;
}

.event-box-9 { 
  height: 12vw; 
  margin-top: -1.5vw;
  justify-content: center;
}

.event-box-10{
  height: 52vw;
  justify-content: flex-start;
  margin-top: -40vw;
  position: relative;
}

.event-box-11{
  height: 9vw;
  margin-top: 15vw;
   justify-content: center;
}

.event-box-12{
margin-top: -8vw;
height: 17vw;
justify-content: space-between;
}

.event-box-13{
  margin-top: 7vw;
}

.event-box-14{
  height: 30vw;
  margin-top: -3vw;
  justify-content: space-between;
}

.event-box h3 {
  font-size: 1.7vw;
  margin-bottom: 1vh;
  font-weight: 700;
  color: #056962;
  font-family: 'rfultrabold';
}

.event-box strong{
  font-size: 1.1vw;
  line-height: 1.1!important;
  color: #000;
}
.event-box p {
  margin: 0.5vh 0;
  font-size: 0.7vw;
  line-height: 2;
  font-family: 'rfsemibold';
  color: #666;
  max-width: 15vw;
}
.event-box span {
  font-weight: 700;
  margin-top: 3vw;
  font-size: 1vw;
  font-family: 'rfbold';
  color: #000;
  margin-bottom: 2vw;
}

.event-box-1 span{
  position: absolute;
  bottom: 0;
  margin-bottom: 1vh;
  margin-top: 0vh;
}

.event-box-2 h3 {
  font-size: 1.7vw;
  margin-bottom: 0vh;
  font-weight: 700;
  color: #056962;
  font-family: 'rfultrabold';
}



.event-box-2 span {
  font-weight: 700;
  margin-top: 1vw;
  font-size: 1vw;
  font-family: 'rfbold';
  color: #000;
}


.event-box-5 p {
  margin: 0.5vh 0;
  font-size: 1vw;
  line-height: 2;
  font-family: 'rfsemibold';
  color: #000;
}

.event-box-6 span {
  font-weight: 700;
  margin-top: 0vw;
  font-size: 1vw;
  font-family: 'rfbold';
  color: #000;
  margin-bottom: 0vw;
}

.event-box-7 span {
  margin-top: 0vw;
  margin-bottom: 0vw;
}

.event-box-7 h3 {
  font-size: 1.7vw;
  margin-top: -1vh;
}

.event-box-6 h3 {
  font-size: 1.7vw;
  margin-top: -1vh;
  font-weight: 700;
  color: #056962;
  font-family: 'rfultrabold';
}

.event-box-8 p {
  margin: 3vh 0;
  font-size: 1vw;
  color: #000;
  max-width: 100%;
}

.event-box-8 span {
 position: absolute;
bottom: 0;
}

.event-box-11 span {
  margin-top: 0vw;
  margin-bottom: 0vw;
}

.event-box-11 h3{
  margin-top: -0.4vw;
}

.event-box p {
  margin: 0.5vh 0;
  font-size: 1vw;
  line-height: 2;
  font-family: 'rfsemibold';
  color: #000;
  max-width: 57%;
}

.event-box-10 span{
  position: absolute;
  bottom: 0;
}

/*-------------------------------
Day 2
------------------------------*/
.event-box-day-1{
  position: relative;
  height: 30vw;
}

.event-box-day-1 span{
  position: absolute;
  bottom: 0;
}


.event-box-day-1 p {
margin: 1vh 0;
  font-size: 1vw;
  color: #000;
  max-width: 100%;
}

.event-box-day-2{
   position: relative;
  height: 9vw;
  margin-top: -1.3vw;
  justify-content: center;
}

.event-box-day-2 p{
  max-width: 100%;
}

.event-box-day-2 span{
  margin: 0;
}

.event-box-day-2 h3{
  margin: 0;
}
.event-box-day-3 p{
  max-width: 70%;
  font-size: 1vw;
  color: #000;
  line-height: 1.3;
}

.event-box-day-3 span{
  margin: 0;
  padding-top: 1vw;
}


.event-box-day-3{
  height: 21vw;
  position: relative;
}

.event-box-day-4{
  height: 15vw;
 margin-top: 15vw;
 justify-content: space-between;
}

.event-box-day-5{
  margin-top: 10vw;
  height: 20vw;
  justify-content: space-between;
}

.event-box-day-6{
  margin-top: -5vw;
  height: 22vw;
  justify-content: space-between;
}

@media (max-width:600px) {

  .event-box-day-1 p {
  font-size: 3vw!important;
}

.event-box-day-2{
  height: auto;
  margin-top: 0;
  justify-content: center;
  padding: 2vw;
  border-radius: 2vh;
}

.event-box-day-2 p{
  max-width: 100%!important;
  font-size: 2.5vw!important;
}

.event-box-day-2 span{
  margin: 0;
}

.event-box-day-1 span {
  padding-top: 10vw;
  position: static;
}

.event-box-day-1{
border-radius: 2vh;
height: auto;
}

.event-box-day-3 p{
  max-width: 100%!important;
  font-size: 3vw!important;
  color: #000;
  line-height: 1.3;
}

.event-box-day-3 span{
  margin: 0;
  padding-top: 1vw;
}


.event-box-day-3{
  height: auto;
  position: relative;
  padding: 3vw;
  border-radius: 2vh;
}

.event-box-day-4{
  height: auto;
 margin-top: 0;
 justify-content: space-between;
   border-radius: 2vh;
}

.event-box-day-5{
  margin-top: 0vw;
  height: auto;
   border-radius: 2vh;
}

.event-box-day-6{
 margin-top: 0vw;
  height: auto;
   border-radius: 2vh;
}

}







@media (max-width:600px) {
  .programe-section-day-1-container {
    flex-direction: column;
    align-items: center;
  }

  .event-box-hidden{
    display: none;
  }

  

  .event-box-1 { 
  grid-column: span 1; 
  height:auto; 
  margin-top: 0;
  padding: 0 0 15vw 0;
  border-radius: 2vh;
}

.event-box-2 { 
  height: auto;
  margin-top: 0;
  padding: 1vh;
  justify-content: center; 
  border-radius: 2vh;

}

.event-box-3 { 
  height: auto; 
  justify-content: space-between;
  margin-top: 0;
  border-radius: 2vh;
}

.event-box-4 {
    height: auto;
    margin-top: 0;
    justify-content: space-between;
     border-radius: 2vh;
}


.event-box-5 { 
  height: auto;
 justify-content: space-between;
 margin-top: 0;
   border-radius: 2vh;
 }

 .event-box-6 { 
  height: auto; 
  margin-top: 0;
   justify-content: center;
    border-radius: 2vh;
}

.event-box-7 { 
  height: auto; 
  margin-top:0;
  justify-content: center;
  padding: 1vh;
  border-radius: 2vh;
}

.event-box-8 { 
  border-radius: 2vh;
}


.event-box-9 { 
  height: auto; 
  margin-top: 0;
  border-radius: 2vh;
}

.event-box-10{
  margin-top: 0vw;
  border-radius: 2vh;
  position: static;
}

.event-box-11{
  height: auto;
  margin-top: 0vw;
  padding: 2vh;
   justify-content: center;
   border-radius: 2vh;
}

.event-box-12{
margin-top: 0;
   border-radius: 2vh;
   height: auto;
}

.event-box-13{
  margin-top: 0;
   border-radius: 2vh;
}

.event-box-14{
  height: auto;
  margin-top: 0vw;
 border-radius: 2vh;
}

.event-box-6 span {
  margin-top: 3vw;
  margin-bottom: 2vw;
}

.event-box-6 h3 {
  margin-top: 1vh;
}

.event-box-7 span {
  margin-top: 3vw;
  margin-bottom: 2vw;
}

.event-box-7 h3 {
  margin-top: 1vh;
  font-size: 4vw;
}

.event-box-8 p {
  margin: 1vh 0;
  font-size:3vw!important;
  max-width: 100%!important;
}

.event-box-8 span {
 position: absolute;
bottom: 0;

}

.event-box-10 p {
  margin: 1vh 0;
  font-size:3vw!important;
  max-width: 100%!important;
}


  .programe-section-day-1-time {
    display: flex;
    justify-content: space-around;
    border-right: none;
    border-bottom: 0.3vw solid #fff;
    padding-bottom: 2vh;
  }

  .programe-section-day-1-time p {
    font-size: 3vw;
    margin: 0;
  }

  .programe-section-day-1-events {
    grid-template-columns: 1fr;
    gap: 4vh;
    margin-top: 3vh;
  }


  .event-box h3 {
    font-size: 4.5vw;
  }

  .event-box span {
    font-size: 3vw;
    margin-top: 2vh;
  }

   .event-box strong{
    font-size: 3vw;
  }
  
  .event-box p{
    font-size: 2vw;
    max-width: 50vw;
  }

  .programe-section-day-1-time {
display: none;
}
}


/*----------------------------------
Chairmen section 1
---------------------------------*/
.chairmen-section-1 {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background: #fdeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8vh 5vw;
  text-align: center;
  box-sizing: border-box;
}


.chairmen-section-1-decor-top {
  position: absolute;
  top: -1%;
  left: -2.5vw;
  width: 107%;
  height: auto;
}


.chairmen-section-1-decor-bottom {
  position: absolute;
  bottom: -1%;
  left: -2.5vw;
  width: 107%;
  height: auto;
}


.chairmen-section-1-side-img {
  position: absolute;
  top: 5%;
  width: 18vw;
  height: auto;
  opacity: 1;
}

.chairmen-section-1-left {
  left: 4vw;
  transform: scaleX(-1);
}

.chairmen-section-1-right {
  right: 4vw;
}


.chairmen-section-1-frame-box {
  position: relative;
  background: #fff;

  padding: 6vh 6vw;
  max-width: 62vw;
  z-index: 1;
}

.chairmen-section-frame-top {
  position: absolute;
  width: 15vw;
  height: auto;
  top: -5vw;
  left: 29.5vw;
}

.chairmen-section-1-small-heading {
  font-size: 0.8vw;
  letter-spacing: 0.4vw;
  color: #d3012f;
  margin-bottom: 1vw;
  margin-top: 15vw;
  font-family: 'rfbold';
}

.chairmen-section-1-main-heading {
  font-size: 2.3vw;
  color: #d3012f;
  margin: 0;
  font-family: 'rfultrabold';
}

.chairmen-section-1-sub-heading {
  margin-top: 0.5vw;
  font-size: 1vw;
  color: #d3012f;
  margin-bottom: 5vw;
  font-family: 'rfbold';
}

.chairmen-section-1-para {
  font-size: 1.050vw;
  line-height: 1.6;
  color: #333;
  margin-bottom: 2.5vw;
  font-family: 'aloveraregular';
}

.chairmen-sign {
  width: 15vw;
  height: auto;
  margin: 2vw 0vw;
}

@media (max-width: 600px) {
  .chairmen-section-1-frame-box {
    padding: 2vh 5vw;
  }

  .chairmen-section-frame-top {
    width: 33%;
    height: auto;
  }

  .chairmen-section-1-main-heading {
    font-size: 2vh;
  }

  .chairmen-section-1-sub-heading {
    font-size: 1vh;
  }

  .chairmen-section-1-decor-top {
    position: absolute;
    top: -0.5%;
    left: -2.5vw;
    width: 107%;
    height: auto;
  }

  .chairmen-section-1-decor-bottom {
    bottom: -0.5%;
  }

  .chairmen-section-1-small-heading {
    font-size: 1vh;
    margin-top: 25vw;
  }

  .chairmen-section-1-para {
    font-size: 1.5vh;
  }

  .chairmen-section-1-frame-box {
    padding: 6vh 2vw;
    max-width: 100%;
    z-index: 1;
  }

  .chairmen-section-1-side-img {
    width: 25vh;
    opacity: 1;
  }

  .chairmen-section-1-side-img {
    position: absolute;
    top: 5%;
    width: 23vw;
    height: auto;
    opacity: 1;
  }

  .chairmen-section-1 {
    min-height: 100%;
    padding: 2vh 5vw;
  }

  .chairmen-sign {
    width: 15vh;
    height: auto;
    margin: 2vh 0vw 0vw 0vw;
  }
}


/*-------------------------------
Chairmen heading
--------------------------------*/
.chairmen-heading {
  text-align: center;
  background: #fdeaea;
  padding: 15vh 2vw 4vh 2vw;
}

.chairmen-heading h2 {
  font-size: 3vw;
  margin-bottom: 15px;
  font-weight: 100;
  font-family: 'taiganja';
  color: #d3012f;
}


@media (max-width:600px) {
  .chairmen-heading {
    text-align: center;
    padding: 15vh 2vw 4vh 2vw;
    background: #fdeaea;
  }

  .chairmen-heading h2 {
    font-size: 2.5vh;
    font-weight: 100;
    font-family: 'taiganja';
    color: #d3012f;
  }
}

/*-----------------------------------
Chaimen section 7
-----------------------------------*/
.chairmen-section-3 {
  background-color: #fdeaea;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 3vw;
  box-sizing: border-box;
  padding-bottom: 5vw;
}


/*--------------------------------
    Expirence section 1
    ----------------------------------*/
.experience-section-1 {
  position: relative;
  background-image: url('/assets/expierence/Experience\ Hero\ BG.svg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  padding: 8vh 8vw 5vw 8vw;
  z-index: 9999;
}


.experience-section-1-content {
  max-width: 60vw;
  margin: 0 auto;
}

.experience-section-1-top-pattern img {
  width: 100%;
  position: absolute;
  top: -2.3vw;
  left: 0;
}

.experience-section-1-content h2 {
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 4vw;
  margin-bottom: 3vh;
}

.experience-section-1-content p {
  font-family: 'aloveraregular';
  font-size: 1.1vw;
  line-height: 1.6;
  margin-bottom: 5vh;
}

.experience-section-1-horse {
  position: absolute;
  bottom: 0;
  width: 12vw;
  height: auto;
}

.experience-section-1-horse-left {
  left: 2vw;
  transform: scaleX(-1);
}

.experience-section-1-horse-right {
  right: 2vw;
}


@media (max-width: 600px) {
  .experience-section-1 {
    padding: 8vh 4vw 10vh 4vw;
    z-index: 99999;
  }

  .experience-section-1-content h2 {
    font-size: 5vh;
  }

  .experience-section-1-content p {
    font-size: 1.6vh;
  }

  .experience-section-1-horse {
    width: 25vw;

  }

  .experience-section-1-content {
    max-width: 100%;
    margin: 0 auto;
  }
}

/*---------------------------------
Expierence section 2
---------------------------------*/
.experience-section-2 {
  position: relative;
  background: #ffe3e3;
  padding: 20vh 0vw 8vh;
  overflow: hidden;
  color: #111;

}


.experience-section-2-top-left {
  position: absolute;
  top: 5vw;
  right: 15vw;
  width: 2vw;
  height: auto;
  pointer-events: none;
  animation: spin 5s linear infinite;
}


.experience-section-2-heading {
  margin: 0 auto 4vh;
  color: #d3012f;
  font-family: 'taiganja';
  font-size: 4.2vw;
  line-height: 1.05;
  text-align: center;
  font-weight: 100;
}

.experience-section-2-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0vw;
  padding: 0 7vw;
  margin-top: 10vw;
  position: relative;
}

.experience-section-2-dancer-big {
  width: 12vw !important;
}



.experience-section-2-logo-left {
  position: absolute;
  top: 100%;
  left: 30%;
  width: 2vw;
  height: auto;
  animation: spin 5s linear infinite;
}

.experience-section-2-logo-right {
  position: absolute;
  top: 120%;
  right: 30%;
  width: 2vw;
  height: auto;
  animation: spin 5s linear infinite;
}

.experience-section-2-left {
  flex: 0 0 28%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.6vw;
  text-align: left;
}

.experience-section-2-dancer {
  width: 10vw;
  height: auto;
  display: block;
}



.experience-section-2-left-title {
  margin: 0;
  color: #d3012f;
  font-family: 'taiganja';
  font-size: 2vw;
  letter-spacing: 0.02em;
  font-weight: 100;
}


.experience-section-2-vertical {
  flex: 0 0 6%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.experience-section-2-vertical-img {
  height: 22vw;
  width: auto;
  z-index: 999999;
}

.experience-section-2-vertical-one {
  flex: 0 0 6%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.experience-section-2-vertical-img-one {
  height: 18vw;
  width: auto;
  z-index: 999999;
}

.experience-section-2-vertical-3 {
  flex: 0 0 6%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.experience-section-2-vertical-img-3 {
  height: 32vw;
  width: auto;
  z-index: 999999;
}


.experience-section-2-right {
  flex: 0 0 46%;
  display: flex;
  flex-direction: column;
  gap: 3.5vh;
  align-items: flex-start;
  text-align: left;
}

.right-center {
  align-items: center !important;
}


.experience-section-2-item {
  display: flex;
  align-items: center;
  gap: 2vw;
}

.experience-section-2-logo {
  width: 20vw;
  height: auto;
  flex-shrink: 0;
}


.experience-section-2-item-title {
  margin: 0 0 0.6vh 0;
  color: #056962;
  font-family: 'rfultrabold';
  font-size: 1.3vw;
}

.experience-section-2-item-desc {
  margin: 0;
  font-size: 0.9vw;
  line-height: 1.5;
  color: #333;
  max-width: 44ch;
  font-family: 'aloveraregular';
}


@media (max-width: 600px) {
  .experience-section-2-top-left {
    width: 6.5vw;
    left: 6vw;
    top: 10vh;
  }


  .experience-section-2-heading {
    font-size: 6.4vw;
    margin-bottom: 6vh;
  }

  .experience-section-2-container {
    flex-direction: column;
    gap: 4.5vh;
    align-items: center;
    margin-bottom: 10vh;
  }

  .experience-section-2-left {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3vw;
  }

  .experience-section-2-dancer {
    width: 38vw;
  }

  .experience-section-2-dancer-big {
    width: 50vw !important;
  }

  .experience-section-2-left-title {
    font-size: 3vh;
    transform: none;
  }

  .experience-section-2-vertical,
  .experience-section-2-vertical-one,
  .experience-section-2-vertical-3 {
    display: none;
  }

  .experience-section-2-right {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .experience-section-2-item {
    flex-direction: column;
    gap: 1.6vh;
  }

  .experience-section-2-logo {
    width: 40vw;
  }

  .experience-section-2-item-title {
    font-size: 2vh;
  }

  .experience-section-2-item-desc {
    font-size: 1.7vh;
    max-width: none;
  }

  .experience-section-2-logo-left {
    position: absolute;
    top: 110%;
    left: 10%;
    width: 3vh;
  }

  .experience-section-2-logo-right {
    position: absolute;
    top: 110%;
    right: 10%;
    width: 3vh;
  }



}

.expipernce-bottom-decor {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 5vw;
  display: flex;
  justify-content: flex-end;
}

.expipernce-bottom-decor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleY(-1);
}



/*----------------------------------
Expiernce section 3
------------------------------------*/
.experience-section-3 {
  position: relative;
  background-color: #d3012f;
  padding: 8vh 10vw;
  text-align: center;
  color: #fff6f0;
  margin-top: -4vh;
  overflow: hidden; 
  z-index: 1;
}

.experience-section-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/assets//Homepage/Voices.webp");
  background-size: contain;
  background-position: center center;
  background-repeat: repeat;
  opacity: 0.6; 
  z-index: 0;
  pointer-events: none;
}

.experience-section-3 > * {
  position: relative;
  z-index: 1;
}

.experience-section-3-inner {
  max-width: 80vw;
  margin: 0 auto;
}

.experience-section-3-title {
  font-family: 'taiganja';
  font-size: 3vw;
  color: #ffffff;
  line-height: 1;
  font-weight: 100;
  margin-bottom: 3vh;
}

.experience-section-3-intro {
  font-size: 1.1vw;
  color: #fff;
  margin-bottom: 5vh;
  line-height: 1.6;
  font-family: 'aloveraregular';
  max-width: 70vw;
  margin: 0 auto;
}

.experience-section-3-subtitle {
  font-weight: 700;
  color: #ffefef;
  font-size: 1.5vw;
 margin: 4vh 0 0vh;
  font-family: 'rfultrabold';
}

.experience-section-3-highlight {
  display: inline-block;
  background-image: url("/assets/expierence/CL\ Jaipuria\ cup.svg"); 
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  color: #d3012f;
  font-weight: 700;
  padding: 0.8vw 3vw;
  margin-bottom: 3vh;
  font-size: 1.8vw;
  font-family: 'taiganja';
  font-weight: 100;
}

.experience-section-3-highlight-small {
 background-image: url("/assets/expierence/Utsav\ Haat.svg"); 
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  color: #d3012f;
  padding: 0.8vw 4vw;
  margin-top: 4vh;
}

.experience-section-3-desc {
  font-size: 1.1vw;
  color: #ffe4d8;
  line-height: 1.7;
  margin: 2vh 0;
   font-family: 'aloveraregular';
   max-width: 70vw;
  margin: 0 auto;
  margin-bottom: 2vw;
}


@media (max-width: 600px) {
  .experience-section-3 {
    padding: 10vh 3vh;
  }

  .experience-section-3-highlight {
  background-image: url("/assets/expierence/CL\ Jaipuria\ cup\ Mob\ .svg"); 
  padding: 1.3vh 7vh;
  margin-bottom: 5vh;
  font-size: 2.1vh;
}

.experience-section-3-highlight-small {
  padding: 2vh 12vh!important;
  font-size: 2.4vh!important;
  margin-top: 8vh;
}

  .experience-section-5-highlight {
    padding: 0.8vh 2vh;
    margin-bottom: 5vh;
    font-size: 1.5vh;
  }

  .experience-section-3-title {
    font-size:2.5vh;
  }

  .experience-section-3-inner {
    max-width: 100%;
}

  .experience-section-3-intro,
  .experience-section-3-desc {
    font-size: 3.5vw;
    max-width: 100%;
  }

 

  .experience-section-3-subtitle {
    font-size: 4vw;
  }
}

/*-----------------------------
Expierence section 4
-------------------------------*/
.experience-section-4 {
  padding: 2vh 8vw 10vh 8vw;
  color: #fff;
}

.experience-section-4-inner {
  display: flex;
  flex-direction: column;
  gap: 5vh;
  max-width: 90vw;
  margin: 0 auto;
}

.experience-section-4-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3vw;
}

.experience-section-4-row-reverse-content{
   text-align: right!important;
}


.experience-section-4-image {
  flex: 0 0 15vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.experience-section-4-image img {
  width: 14vw;
  height: 14vw;
  object-fit: cover;
  border-radius: 50%;
  border: 0.35vw dotted #fff;
}


.experience-section-4-content {
  flex: 1;
  text-align: left;
}

.experience-section-4-content h3 {
  font-weight: 700;
  font-size: 1.8vw;
  margin-bottom: 1.5vh;
  color: #fff;
  font-family: 'rfultrabold';
}

.experience-section-4-content p {
  font-size: 1.1vw;
  line-height: 1.7;
  color: #ffe6e6;
  font-family: 'aloveraregular';
}


@media (max-width: 600px) {
  .experience-section-4-row {
    flex-direction: column;
    text-align: center;
    gap: 4vh;
  }

  .experience-section-4 {
    padding: 10vh 0vw;
}

  .experience-section-4-content {
    flex: 1;
    text-align: center;
  }

.experience-section-4-row-reverse{
  flex-direction: column-reverse;
}

  .experience-section-4-row-reverse-content {
    text-align: center!important;
}

  .experience-section-4-image img {
    width: 45vw;
    height: 45vw;
  }

  .experience-section-4-content h3 {
    font-size: 5vw;
  }

  .experience-section-4-content p {
    font-size: 1.6vh;
  }
  
}


/*---------------------------------
Expierence section 5
----------------------------------*/
.experience-section-5-inner {
  max-width: 80vw;
  margin: 0 auto;
}

.experience-section-5-highlight {
  display: inline-block;
  background-image: url("/assets/expierence/CL\ Jaipuria\ cup.svg"); 
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  color: #d3012f;
  font-weight: 700;
  padding: 0.8vw 3vw;
  margin-bottom: 5vh;
  font-size: 1.8vw;
  font-family: 'taiganja';
  font-weight: 100;
}

.experience-section-5-highlight-green a{
  text-decoration: none;
  color: #fff;
}

.experience-section-5-highlight-green {
  display: inline-block;
  background-image: url('/assets/Homepage/Whats Happening Button.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 700;
  padding: 1vw 4.5vw;
  margin-bottom: 5vh;
  font-size: 1.5vw;
  margin-top: 5vw;
  font-family: 'taiganja';
  font-weight: 100;
  text-transform: uppercase;
}


.experience-section-5-desc {
  font-size: 1.1vw;
  color: #ffe4d8;
  line-height: 1.7;
  margin: 2vh 0;
   font-family: 'aloveraregular';
   max-width: 70vw;
  margin: 0 auto;
  margin-bottom: 0vw;
}


@media (max-width:600px) {
  .experience-section-5-desc {
    font-size: 1.6vh;
  }

   .experience-section-5-highlight {
  background-image: url("/assets/expierence/CL\ Jaipuria\ cup\ Mob\ .svg"); 
  padding: 1.3vh 7vh;
  margin-bottom: 5vh;
  font-size: 2.1vh;
}

  .experience-section-5-desc {
    max-width: 100%;
  }
  .experience-section-5-highlight-green {
    padding: 1.5vh 5.5vh;
    font-size: 2vh;
    margin-top: 5vh;
  }
  
}

/*----------------------------------
Partners
-----------------------------------*/

/*---------------------------------
Partners Section 1
------------------------------------*/
.partner-section-1 {
  background: url('/assets/Dharav About/About\ Hero\ BG.svg') no-repeat center center;
  background-size: cover;
  padding: 15vh 0vw 20vw 0vw;
  text-align: center;
}

.partner-section-1-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3vw;
}

.partner-section-1-left {
  transform: scaleX(-1);
}

.partner-section-1-img {
  width: 15vw;
  height: auto;
}

.partner-section-1-title {
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 3.5vw;
  color: #fff;
  margin: 0;
}

@media (max-width: 600px) {
  .partner-section-1-container {
    flex-direction: column;
    gap: 3vh;
  }

  .partner-section-1-img {
    width: 25vw;
  }


  .partner-section-1-title {
    font-size: 3vh;
  }

  .partner-section-1-right,
  .partner-section-1-left {
    display: none;
  }

  .partner-section-1 {
    padding: 15vh 0vw 35vw 0vw;
  }
}



/*------------------------------
Partners Logos
------------------------------*/
.partner-logo-section {
  width: 100%;
  padding: 0vh 0;
  text-align: center;
  margin-bottom: 20vh;
}

.partner-logo-heading {
  font-size: 4vw;
  margin-bottom: 5vh;
  font-family: 'taiganja';
  font-weight: 100;
  color: #d3012f;
}


.partner-logo-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width:70vw;
  margin: 0 auto;
}

.partner-logo-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width:37vw;
  margin: 0 auto;
  margin-top: 3vw;
}


.partner-logo-item {
  max-width: 14vw;
  width: 100%;
  height: auto;
  object-fit: contain;
  justify-self: center;
  transition: transform 0.3s ease;
}


.partner-logo-item:hover {
  transform: scale(1.05);
}

@media (max-width: 600px) {
  .partner-logo-heading {
    font-size: 8vw;
    margin-bottom: 3vh;
  }

  .partner-logo-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw;
    max-width: 90vw;
  }

    .partner-logo-container-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw;
    max-width: 90vw;
  }

 .partner-logo-container-3{
   grid-template-columns: repeat(1, 1fr);
   margin-top: 5vw;
 }
 

  .partner-logo-item {
    max-width: 45vw;
  }
}

/*---------------------------------
Partners Form
----------------------------------*/
.partners-form {
  background-image: url('/assets/partners/partner\ BG.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;
  text-align: center;
  padding: 25vh 0vw 0vw 0vw;
  margin-top: -18vw;
}
.partners-form > * {
  position: relative;
  z-index: 1;
}




.partner-top-bg svg {
  width: 100%;
  height: auto;
  margin-top: -15vw;
}

.partner-bottom-bg svg {
  width: 100%;
  height: auto;
  margin-top: -15vw;
}


.partners-form-title {
  font-size: 4vw;
  margin-bottom: 1vh;
  font-family: 'taiganja';
  font-weight: 100;
  color: #d3012f;
}

.partners-form-subtitle {
  font-size: 1.5vw;
  margin-bottom: 6vw;
  font-family: 'rfbold';
  color: #000;
}

.partners-form-fields {
  max-width: 90vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3vh;
  text-align: end;
}

.form-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3vw;
  width: 70vw;
}


.form-group label {
  flex: 1;
  font-size: 1.3vw;
  color: #111;
  font-family: 'rfsemibold';
}

.form-group input,
.form-group select {
  flex: 2;
  padding: 2vh 1vw;
  font-size: 0.8vw;
  border: none;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #d3012f;
  background: #fff;
  color: #000;
  outline: none;
  font-family: 'rfsemibold';
}

.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}


.partners-form-fields input::placeholder,
.partners-form-fields select::placeholder,
.partners-form-fields textarea::placeholder {
  font-family: 'rfsemibold';
  color: #888;
  font-size: 1vw;
}

.partners-form-submit {
  background-image: url('/assets/partners/partnerbutton.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: transparent;
  color: #fff;
  border: none;
  padding: 2vh 5vw;
  font-size: 1.2vw;
  cursor: pointer;
  font-weight: 100;
  margin-top: 2vh;
  width: fit-content;
  font-family: 'taiganja';
  margin-left: 24vw;
}

.partner-pdf{
  margin-top: 10vh;
}


.partners-pdf-download {
  display: inline-flex;
  align-items: center;
  gap: 0.8vw;
  background-image: url('/assets/partners/partnerbutton.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: transparent;
  color: #fff;
  padding: 2vh 5vw;
  font-size: 1.2vw;
  margin-top: 5vh;
  cursor: pointer;
  font-family: 'taiganja';
  font-weight: 100;
  text-decoration: none;
  transition: all 0.3s ease;
}



.pdf-icon {
  width: 1.5vw;
  height: auto;
}

.partners-form-footer {
  display: flex;
  align-items: flex-start;
  gap: 0.8vw;
  margin-top: 3vh;
  font-size: 0.9vw;
  line-height: 1.4em;
  color: #000;
  text-align: left;
  max-width: 41vw;
  margin: 2vw auto;
}

.partners-form-footer input[type="checkbox"] {
  margin-top: 0.2em;
  transform: scale(1.2);
  accent-color: #000;
}

.partners-form-footer label {
  cursor: pointer;
  font-family: 'aloveraregular';
}




@media (max-width: 600px) {
  .partners-form {
    color: white;
    text-align: center;
    padding: 6vh 3vw;
  }


  .partners-form br {
    display: none;
  }


  .form-group {
    flex-direction: column;
    align-items: flex-start;
    width: 95%;
  }

  .form-group label {
    font-size: 3vw;
    margin-bottom: 1vh;
  }

  .form-group input,
  .form-group select {
    font-size: 3.5vw;
  }

  .partners-form-submit {
    font-size: 3.5vw;
    padding: 1.5vh;
    width: 100%;
    margin-left: 0;
  }

  .partners-pdf-download {
font-size: 3.5vw;
margin-top: 2vh;
}

.partner-pdf{
  max-width: 70vw;
  margin: 0 auto;
  margin-top: 5vh;
}


.pdf-icon {
  width: 1.5vh;
  height: auto;
}

  .partners-form-footer {
    font-size: 3vw;
    max-width: 100%;
    margin-top: 5vh;
  }

  .partners-form-title {
    font-size: 7vw;
  }

  .partners-form-fields {
    max-width: 100%;
  }

  .partners-form-subtitle {
    font-size: 3.5vw;
    margin-bottom: 8vh;
  }
}

/*---------------------------------
Media
-----------------------------------*/
.media-section-1 {
  text-align: center;
  padding: 10vh 8vw 20vh 8vw;
  background-image: url('/assets/Dharav About/About\ Hero\ BG.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.media-section-1 h1 {
  font-size: 4vw;
  color: #fece00;
  font-family:'taiganja' ;
  font-weight: 100;
}

.media-section-1 p {
  margin-top: -2vh;
  font-size: 1.1vw;
  color: #fff;
  font-family: 'aloveraregular';
  margin-bottom: 10vh;
}


.sort-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 3vh 0;
  margin-right: 3vh;
  display: none;
}

.sort-bar select {
  background-color:transparent;
  border: 1px solid #fff;
  color: white;
  padding: 0.8vh 1vw;
  border-radius: 3vh;
  font-size: 1.1vw;
  cursor: pointer;
  outline: #fff;
  font-family: 'aloveraregular';
}





.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw;
  justify-content: center;
}

.blog-card {
   background-image: url('/assets/media/Card\ Mobile.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 2vh 2vw;
  position: relative;
  text-align: left;
}

.blog-card h3 {
  margin-top: 0.5vw;
  font-size: 1vw;
  color: #056962;
  font-family: 'rfbold';
}

.blog-card p {
  margin: 0.3vw 0;
  font-size: 0.8vw;
  color: #444;
  font-family: 'rfsemibold';
}

.blog-card a{
  text-decoration: none;
}

.blog-card .author{
  font-size: 0.6vw;
  text-decoration: underline;
}

/* --------- PAGINATION ----------- */

.pagination button {
  background-color: transparent;
  color: white;
  border: 1px solid #ffcc00;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  cursor: pointer;
}

.pagination button.active {
  background-color: #ffcc00;
  color: #005f56;
}

.pagination-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1vw;
  margin-left: 3vh;
 margin-top: 10vh;
    margin-bottom:0vh;
    display: none;
}

.pagination-slider {
  display: flex;
  overflow: hidden;
  gap: 0.5vw;
  width: 10vw; 
}

.pagination-slider button {
  flex: 0 0 auto;
  background-color: transparent;
  color: white;
  border: 1px solid #ffcc00;
  border-radius: 50%;
  width: 3vh;
  height: 3vh;
  cursor: pointer;
  font-size: 1.3vh; 
  transition: all 0.3s ease;
}

.pagination-slider button.active {
  background-color: #ffcc00;
  color: #005f56;
}

.pagination-arrow {
  background: transparent;
  color: #ffcc00;
  border: none;
  font-size: 1.5vw;
  cursor: pointer;
}

.pagination-arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.media-section-1 {
  position: relative;
  text-align: center;
  overflow: hidden;
}


.media-section-1 .flower {
  position: absolute;
  width: 2vw;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
}


.media-left-center {
  top: 80%;
  left: 34.5%;
  transform: translate(-50%, -50%) rotate(-25deg);
  display: none;
}

.media-left-center-1 {
  top: 58%;
  left: 34.5%;
}

.media-right-center {
  top: 58%;
  right: 34.5%;
  transform: translate(50%, -50%) rotate(25deg);
}

.media-right-center-1 {
 top: 80%;
  right: 34.5%;
  transform: translate(50%, -50%) rotate(-10deg);
  display: none;
}



@media (max-width:600px) {

  .media-section-1 h1 {
    font-size: 4vh;
  }

  .media-section-1 p {
    font-size: 1.6vh;
    margin-bottom: 5vh;
  }


 .blog-card {
   background-image: url('/assets/media/Card\ Mobile.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 1vh 1vw;
  position: relative;
  text-align: center;
}

.media-section-1 .flower{
  display: none;
}

  .blog-grid {
    grid-template-columns: 1fr;
  }
  .sort-bar select {
    font-size: 1.8vh;
  }
  .blog-card h3 {
    font-size:1.5vh;
      margin-bottom: 1.5vh;
      padding: 0 2vw;
  }
  .blog-card p {
    font-size: 1.3vh;
    margin-bottom: 1.5vh;
  }
  .blog-card .author{
  font-size: 1.3vh;
  text-decoration: underline;
}
}



/*-------------------------------
Terms and Conditions
--------------------------------*/
.terms-section-one {
   background: url('/assets/Dharav About/About\ Hero\ BG.svg') repeat center center;
  background-size: contain;
  padding: 10vh 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.terms-container {
background: url('/assets/terms/Tnc\ Center.svg') no-repeat center center;
background-color: #f4d2c5;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  padding: 0vh 0vw 0vh 0vw;

}
 
.terms-content-top{
  margin-top: 0vh!important;
}

.terms-title {
  text-align: center;
  font-size: 6vw;
  color: #fece00;
  font-weight: 100;
  font-family: 'taiganja';
  margin-bottom: 3vh;
  margin-top: 10vh;
}

.terms-content h2 {
  color: #056962;
  font-size: 2.8vw;
  margin-top: 10vh;
  font-family: 'rfultrabold';
  padding: 0 3vw;

}

.terms-flower-icon{
  width: 0.9vw;
  height: auto;
  margin-left: -2.5vh;
  margin-top: 1.2vh;
}

.terms-content strong{
  font-family: 'rfultrabold';
}

.terms-content p {
  font-size: 1.4vw;
  color: #333;
  line-height: 1.6;
  margin: 4vh 0;
  font-family: 'rfsemibold';
  padding: 0 3vw;
  max-width: 75vw;
}

.terms-content ul {
  list-style: none;
}

.terms-content ul li {
  font-size: 1.5vw;
  line-height: 1.6;
  color: #333;
  font-weight: 100;
  position: relative;
  margin: 0.5vh 0;
  font-family: 'aloveraregular';
  padding: 0 6vw;
}

.terms-section-image {
  width: 88vw;
  height: auto;
  overflow: hidden;
  margin-bottom: -1vh;
  z-index: 999;
}

.terms-section-image img {
  width: 100%;
  height: auto;
  display: block;
}

.terms-flip-image img{
  transform: scaleY(-1);
}

.terms-flip-image{
  margin-top: -1vh;
  z-index: 9999;
}


@media (max-width: 600px) {



  .terms-container {
    width: 80vw;
    padding: 6vh 6vw;
    background: url('/assets/terms/Mobile\ Center.svg') repeat center center;
  background-size: contain;
  }

  .terms-title {
    font-size: 4vh;
  }

  .terms-content h2 {
    font-size: 2.5vh;
    margin-top: 5vh;
  }

  .terms-content p {
    font-size: 1.5vh;
    max-width: 100%;
    padding: 0;
  }
  .terms-content ul li {
    font-size:1.8vh;
    max-width: 100%;
    padding: 0;
  }

  .terms-flower-icon{
  width: 1.2vh;
  height: auto;
  margin-left: -2.5vh;
  margin-top: 1.2vh;
}

.terms-section-image {
  width: 92vw;
  height: auto;
  overflow: hidden;
  margin-bottom: 0vh;
  z-index: 999;
}

.terms-section-image img {
  width: 100%;
  height: auto;
  display: block;
}

.terms-flip-image img{
  transform: scaleY(-1);
}

.terms-flip-image{
  margin-top: -0.5vh;
  z-index: 9999;
}
}


/*------------------------------
Thankyou section 1
-------------------------------*/
.thankyou-section-1 {
  background: url('/assets/thankyou/thankyoubg.svg') no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 20vh 8vw 20vh 8vw;
  color: #000;
  position: relative;
}


.thankyou-section-1 h1 {
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 4vw;
  color: #d3012f; 
  margin-bottom: 4vh;
}


.thankyou-section-1 .subtitle {
  font-family: 'aloveraregular';
  font-size: 1.5vw;
  color: #111;
  line-height: 1.6;
  width: 60vw;
  margin: 2vh auto;
}


.thankyou-section-1 img{
  width: 10vw;
  height: auto;
}

@media (max-width: 600px) {
  .thankyou-section-1 {
    padding: 15vh 4vw;
  }
  .thankyou-section-1 h1 {
    font-size: 3.5vh;
  }
  .thankyou-section-1 .subtitle {
    font-size:1.8vh;
    width: 90vw;
  }
  .thankyou-section-1 img{
  width: 10vh;
  height: auto;
}
}

/*-----------------------------
404 Error
------------------------------*/

.error-section-1 {
  width: 100%;
  height: 100vh;
  background: url('/assets/error/Error\ BG.webp') no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2vw;
  box-sizing: border-box;
  position: relative;
}

.error-flower-left{
  position: absolute;
  top: 20vh;
  left: 6vh;
  width: 5vw;
  height: auto;
}

.error-flower-right{
  position: absolute;
  bottom: 20vh;
  right: 6vh;
  width: 5vw;
  height: auto;
}

.error-section-1 .error-content h1 {
  font-size: 10vw;
  color: #d3012f;
  font-family:'taiganja';
  font-weight: 100;
  margin: 0;
}

.error-section-1 .error-content p {
  font-size: 3vw;
 color: #d3012f;
  margin-top: 0vw;
  font-family: 'rfultrabold';
}

.error-section-btn {
  margin-top: 0vw;
  background: none;
  background-image: url('/assets/Homepage/Exp\ Button\ .svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: 'taiganja';
  font-weight: 100;
  font-size: 1.5vw;
  padding: 2vw 6vw;
  border: none;
  cursor: pointer;
  color: #d3012f;
}


@media (max-width: 600px) {
  .error-section-1 .error-content h1 {
    font-size: 8vh;
  }
  .error-section-1 .error-content p {
    font-size: 3vh;
  }
  .error-flower-left{
  width: 5vh;
  height: auto;
}

.error-flower-right{
  width: 5vh;
  height: auto;
}
.error-section-btn {
    font-size: 2vh;
    padding: 2vh 6vh;
    margin-top: 0vh;
  }


}



/*----------------------------------
Donor Passes
-----------------------------------*/
.donor-passes-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 13vh 5vw;
  flex-wrap: wrap;
  background: url('/assets/donorpasses/06.webp') repeat center center;
  background-size: contain;
}

.donor-passes-left {
  width: 40vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8vh;
}

.donor-passes-ticket-img {
  width: 45vw;
  border-radius: 1vw;
  margin-bottom: 3vh;
}



.donor-passes-right {
  width: 45vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0vh;
}

.donor-passes-right-bg {
  background:url('/assets/donorpasses/Book\ My\ Show\ BG\ 6.svg') no-repeat center center; 
  background-size: contain;
  width: 100%;
  padding: 10vw 6vw;
  text-align: center;
  color: #fff;
}

.donor-passes-online-heading{
  margin-top: -4vh;
}

.donor-passes-online-heading,
.donor-passes-offline-heading {
  font-size: 2.5vw;
  margin-bottom: 2vh;
  font-family: 'taiganja';
  font-weight: 100;
}

.donor-passes-online-heading-1 a {
  text-decoration: none;
  color: #ffce00;
}


.donor-passes-online-heading-1 {
  font-size: 2vw;
  margin-bottom: 0vh;
  font-family: 'taiganja';
  font-weight: 100;
  margin-top: -2vh;
  color:#ffce00;
}

.donor-passes-link{
  display: flex;
  flex-direction: row;
  gap: 2vh;
}

.bms{
    padding: 3vh 3vw!important;
}

.donor-passes-bookmyshow img {
  width: 10vw;
  margin-bottom: 4vh;
  background-color: #fff;
  padding: 2vh 3vw;
  border-radius: 1vw;
}

.donor-passes-offline-box img {
  width: 30vw;
  margin-bottom: 4vh;
  background-color: #fff;
  padding: 2vh 3vw;
  border-radius: 1vw;
}

.donor-pass-offline-para{
  font-family: 'rfbold';
  font-size: 0.8vw;
  margin-top: -1vh;
}

.donor-location {
  background: #f7f9f9;
  border-radius: 2vw;
  padding: 2vh 2vw;
  max-width: 100%;
  margin: 0vh auto;
}


.donor-location-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 0.4vh 1vw;
}

.donor-location-container > div:nth-child(1) { grid-row: 1; grid-column: 1; }
.donor-location-container > div:nth-child(2) { grid-row: 2; grid-column: 1; }
.donor-location-container > div:nth-child(3) { grid-row: 3; grid-column: 1; }

.donor-location-container > div:nth-child(4) { grid-row: 1; grid-column: 2; }
.donor-location-container > div:nth-child(5) { grid-row: 2; grid-column: 2; }
.donor-location-container > div:nth-child(6) { grid-row: 3; grid-column: 2; }


.donor-location-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4vw;
}

.donor-location-number {
  color: #e50877;
  font-size: 3vw;
  font-weight: 100;
  line-height: 1;
  font-family: 'taiganja';
}

.donor-location-text {
  flex: 1;
}

.donor-location-title {
  font-size: 1vw;
  color: #13377b;
  letter-spacing: 0.05vw;
  font-weight: 100;
  font-family:'taiganja';
  text-align: start;
  margin: 0;
}

.donor-location-address {
  font-size: 0.6vw;
  font-weight: 700;
  color: #1d2f6e;
  margin-top: 0.5vh;
  font-family: 'rfbold';
   text-align: start;
   text-transform: uppercase;
}






@media (max-width: 768px){
.donor-passes-online-heading{
  margin-top: -1vh;
}
.donor-location {
    padding: 1vh 3vw!important;
}
.bms{
    padding: 2.6vh 3vw!important;
}
}


@media (max-width: 600px) {

.donor-passes-link{
  display: flex;
  flex-direction: column;
  gap: 0vh;
}

.bms{
    padding: 2vh 3vh!important;
    margin-bottom: 2vh!important;
}

  .donor-passes-right {
  margin-top: 0vh;
  display: flex;
  flex-direction: column;
}

.donor-passes-top-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin-bottom: -1vh;
}

.donor-passes-bottom-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin-top: -1vh;
  transform: scaleY(-1);
}




.donor-location-container {
  display: grid;
  grid-template-columns: 1fr!important; 
  gap: 1.5vh 1vw;
  padding: 1vh 0vh;
}
.donor-passes-section {
  padding: 5vh 5vw;
}
  .donor-location-container > div {
    grid-column: auto!important;
    grid-row: auto!important;
  }

.donor-passes-right-bg {
  background:url('/assets/donorpasses/patternmiddle.svg') repeat center center; 
  background-size: contain;
  width: 100%;
  padding: 3vw 0vw;
  text-align: center;
  color: #fff;
  z-index: 99999;
}

  .donor-passes-section {
    flex-direction: column;
    align-items: center;
  }

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

  .donor-passes-ticket-img {
    width: 100%;
  }
.donor-passes-online-heading, .donor-passes-offline-heading {
    font-size: 6.5vw;
    margin-top: 0;
}
.donor-passes-bookmyshow img {
    width: 45vw;
    margin-bottom: 4vh;
    background-color: #fff;
    padding: 2vh 3vh;
    border-radius: 1vh;
}
.donor-passes-offline-box img {
    width: 30vh;
    margin-bottom: 4vh;
    background-color: #fff;
    padding: 2vh 3vw;
     border-radius: 1vh;
}

.donor-location {
  background: #f7f9f9;
  border-radius: 2vw;
  padding: 1vh 4vw;
  max-width: 30vh;
  margin: 0vh auto;
   margin-bottom:2vh;
   display: flex;
   align-items: center;
  justify-content: center;
}

.donor-passes-online-heading-1 {
    font-size: 5vw;
    margin-bottom: 4vh;
    font-family: 'taiganja';
    font-weight: 100;
    margin-top: -2vh;
    color: #ffce00;
}

.donor-pass-offline-para {
    font-family: 'rfbold';
    font-size: 3vw;
    max-width: 70vw;
   margin: 0 auto;
    margin-bottom: 2vh;
    margin-top: -1vh;
}

  .donor-location-number {
  color: #e50877;
  font-size: 4.5vh;
  font-weight: 100;
  line-height: 1;
  font-family: 'taiganja';
}
.donor-location-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vh;
}


.donor-location-title {
  font-size: 2vh;
  color: #13377b;
  letter-spacing: 0.05vw;
  font-weight: 100;
  font-family:'taiganja';
  text-align: start;
  margin: 0;
}

.donor-location-address {
  font-size: 1vh;
  font-weight: 700;
  color: #1d2f6e;
  margin-top: 0.5vh;
  font-family: 'rfbold';
   text-align: start;
   
}
 
}


/*----------------------------
Pop Up
-----------------------------*/

.popup-overlay-uniqueX2 {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}



.popup-box-uniqueX2 {
    background: transparent;
  background-size: cover;
  text-align: center;
  max-width:30vw;
  width: 100%;
  position: relative;
}


.popup-overlay-uniqueX2.active {
  opacity: 1;
  pointer-events: auto;
}
.popup-overlay-uniqueX2.active .popup-box-uniqueX2 {
  transform: scale(1);
}


.close-btn-uniqueX2 {
  position: absolute;
  top: -1vw;
  right: -1vw;
  width: 1.5vw;
  height: 1.5vw;
  cursor: pointer;
  transition: transform 0.3s ease;
  padding: 1.5vh;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: 999;
}



.close-btn-uniqueX2:hover {
  transform: rotate(180deg);
}


.popup-box-uniqueX2 img.main-image {
  width: 100%;
  z-index: 0;
}

.popup-button{
 position: absolute;
 left: 50%;
  transform: translateX(-50%);
  margin-top: -3.7vw;
}


.pop-up-main-image {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 2vh;
}

.popup-box-uniqueX2 a {
  background: url('/assets/Homepage/popupbutton.svg') no-repeat center center;
  background-size: cover;
  color: #d3012f;
  border: none;
  padding: 1vh 3vh;
  font-size: 1.5vw;
  cursor: pointer;
  font-family: 'taiganja';
  font-weight: 100;
  text-decoration: none;
}



@media (max-width:768px){
    .popup-box-uniqueX2 {
  max-width:35vh;
}

.popup-box-uniqueX2 {
  padding: 1.5vh;
}

.popup-button{
 position: absolute;
 left: 50%;
  transform: translateX(-50%);
  margin-top: -5vh;
}

.close-btn-uniqueX2 {
  position: absolute;
  top: -1vh;
  right: -0.5vh;
  width: 2vh;
  height: 2vh;
}
.popup-box-uniqueX2 a {
  padding: 1vh 3.5vh;
  font-size:1.5vh;
}
}