@font-face {
    font-family: 'Dream Avenue';
    src: url('../fonts/Dream-Avenue.ttf') format('truetype');

}

/*
---------------------------------------------
default CSS
--------------------------------------------- 
*/
:root {
  --primary-color: #ec167f;
  --secondary-color:#8c52ff;
   --theme-color: #FC226A;
  --third-color:#ffc61a;
  --text-color: #151515;
  --font-family-title: 'Dream Avenue',sans-serif;
    --font-family:"Times New Roman", serif;
  --white: #fff;
  --black: #000000;
      --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
      --border-info-color: rgba(0, 0, 0, 0.08);
      --bg-1:#190c20;
--bg-2:#321c45;
--bg-3:#442767;
--bg-4:#642c7f;
--bg-5:#89449e;
--bg-6:#aa3f99;
--bg-7:#bc3988;
--bg-8:#dc6d3b;
--bg-9:#db9a40;
--bg-10:#dbb142;
--text-1:#e6dfd6;
--text-2:#f2d4a6;
--text-3:#f1bc6d;
}
body{
    font-family: var(--font-family) !important;
}
p{
  font-size: 16px;
}
p,strong,span,li,ul,a{
   font-family: var(--font-family) !important;
   /* font-size: 18px; */
}
h1,h2,h3,h4,h5,h6{
 font-family: var(--font-family-title) !important;
 font-weight: 700;
}
h2{
      font-size: 62px !important;
}
.main-title,
.cta-content h2{
  color:var(--white);
}
.id-color,.copyright-text{
  font-size: 18px;
}
.payment-popup{
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    color: #fff;
    border-radius: 8px;
    z-index: 9999;
    font-weight: 500;
}


.payment-popup.success{ background: #28a745; }
.payment-popup.failed{ background: #dc3545; }


.primary-btn {
    font-size: 16px !important;
    color:var(--white) !important;
    padding: 5px 26px !important;
    transition: all 0.5s;
    text-transform: capitalize;
    position: relative;
    border-radius: 50px;
    font-weight: 500;
	margin-top: 15px;
	margin-left: 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    background: linear-gradient(to right, var(--theme-color) 0%, var(--secondary-color) 100%);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);;
    z-index: 1;
}
.theme-btn {
    font-size: 18px;
    color: var(--white) !important;
    text-transform: capitalize;
    position: relative;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    z-index: 1;
    padding: 15px 25px;
    transition: 0.5s;
    border-radius: 50px;
    overflow: hidden;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: linear-gradient(to right, var(--theme-color) 0%, var(--secondary-color) 100%);
    margin: 10px;
}
#section-features{
  background-color: var(--white);
}
#section-features h1{
  color: var(--black);
}
#section-schedule h1{
  color: var(--white);
}
.disabled-link {
  pointer-events: none;
  cursor: default; 
}
.theme-btn i,
 .primary-btn i{
    margin-left: 10px;
    transform: rotate(-35deg);
    transition:all .3s ease-in-out;
}
.theme-btn:hover i, 
.primary-btn:hover i{
    transform: rotate(0);
}
.siu-section{
      background:#f8f9fe
}
.theme-btn2 {
 background: var(--bg-9) !important;
    /* background:var(--white) ; */
    color: var(--white) !important;
}
.theme-btn2:hover{
    background:var(--secondary-color);
    color: var(--white)!important;
}
.primary-btn:hover{
	  color: var(--white)!important;
}
#mainmenu.dotted-separator li .sponsors:after {
	display:none;
}
.badge {
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 0px;
    color:var(--white) !important;
    background-color: #f8f9fa2e !important;
}
.btn-primary {
    background: #ff5e3a;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
}
.btn-outline-light {
    padding: 10px 20px;
    border-radius: 30px;
}
/* .section-schedule{
background: #101010 !important;
} */
    
/*Hero section*/
#section-hero-main {
    position: relative;
    width: 100%;
    height: 110vh; /* Full screen */
    background: url('../images/bg/bg-9.png') center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* SECOND BACKGROUND IMAGE WITH OPACITY */
#section-hero-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg/bg-2.png')center/cover no-repeat;
    opacity: 0.5; /* LOWER OPACITY */
    pointer-events: none;
    z-index: 1;
}
#section-hero-main .hero-btn{
    justify-content: center;
}

/* Make sure content stays above */
#section-hero-main > * {
    position: relative;
    z-index: 2;
}
/* FIXED GRADIENT */
.gradient-fixed {
    background: linear-gradient(90deg, var(--third-color), var(--theme-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* OPACITY BLINKING (slow) */
.opacity-blink {
    animation: blinkOpacity 3s ease-in-out infinite;
}

@keyframes blinkOpacity {
    0%,100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6; /* slight fade */
    }
}
.fest-description{
  color:var(--white);
  font-size: 22px;
      margin-bottom: 40px;
}
.fest-content{
 display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 15px;

}
.fest-card{
      /* background:#141829cc; */
        background:#ffffff1c;
    border-color: #33384d;
        backdrop-filter: blur(12px);
  border-radius: 20px;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55); /* Dark overlay for readability */
}
.event-date-c{
  color: var(--third-color) !important;
  height: 40px;
    width: 40px;
}
.event-date-c1{
  color: var(--theme-color) !important;
}
.event-date-c2{
  color: var(--secondary-color)!important;
}

.hero-content-card {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
      margin-top: 50px;
    /* padding: 40px 50px; */
    /* max-width:1000px; */
    /* backdrop-filter: blur(6px);
    background:transparent; */
    /* border-radius: 20px;
    margin-top: 70px;
    border:none; */
}
.fest-title {
 
    /* font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: 2px; */
    /* color:var(--theme-color); */
  font-size: 190px;
    margin-top: 40px;
    text-transform: uppercase;
      font-family: var(--font-family-title);
}
/* .hero-date {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
}

.hero-content-card .event-date {
       color: var(--white) !important;
    font-size: 52px;
}

.date-content span {
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    margin-top: 12px;
} */

/* VENUE */
/* .hero-venue {
    font-size: 1.8rem;
    margin-top: 10px;
    margin-bottom: 10px;
    color:var(--white)f;
} */

/* COLLEGE INFO */
.college-info {
       margin-left: 10px;
    font-size:22px;
    margin-bottom: 10px;
    color: var(--white);
}
.college-info-data{
 margin-left: 10px;
    font-size: 20px;
    margin-bottom: 0px !important;
    color:var(--white)!important;
}

 .hero-content {
  margin-top: 10px;
  height: 100%;
    background: #0000008a;
    padding: 20px;
    border-radius: 20px;
    
}
#section-hero-main .fest-card{
     /* width: 220px; */
     height: 150px;
} 

.icon-text {
  display: flex;
  align-items: center;   /* vertical alignment */
  gap: 12px;             /* spacing between icon and text */
}


/* .hero-date{
  display: flex;
  align-items: center;
  gap: 15px;
}

.hero-date h1{
  color: var(--theme-color) !important;
  font-size: 90px;
      text-align: left;
  font-weight: 700;
}

.hero-date .date-content span{
  color:var(--white);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
} */

.hero-date .date-content p{
  color:var(--white);
  text-transform: uppercase;
  letter-spacing: 1px;
}

 .hero-content .hero-title {
  color:var(--white);
    text-align: left;
  font-size: 60px;
  font-weight: 700;
  margin: 20px 0;
  text-transform: uppercase;
}

.hero-content .hero-title span{
  color: var(--theme-color);
  font-weight: 500;
}

.hero-content .hero-sub-title {
  display: inline-block;
  color: var(--theme-color);
  font-size: 25px;
  letter-spacing: 6px;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
}

 .hero-content p {
  color:var(--white);
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}

.hero-content .hero-btn {
     gap: 1rem;
    display: flex;
    margin-top: 35px;
justify-content: flex-start;
    align-items: center;

}
.cta-content .hero-btn {
  justify-content:center !important;
}

.badge {
    margin: 5px;
}
.countdown-period{
  color: var(--white) !important;
}
.countdown-amount{
	font-size: 74px;
}
.countdown-period{
font-size:18px;
}
/*about us */
.about-area {
  position: relative;
  display: block;
}
.about-left {
    position: relative;
    display: block;
    margin-right: 10px;
}
.about-img {
    position: relative;
}
.about-img img{
  border-radius: 50%;
  border: 10px solid var(--white);
  box-shadow: var(--box-shadow);
}
.about-img .img-1{
    width: 500px;
    height: 500px;
}
.about-img-siu img{
  border-radius:0px;
}
/* .about-img-siu .img-1{
    width: 900px;
    height: 700px;
} */
.about-img .img-2{
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 260px;
  height: 260px;
  box-shadow: none;
}

.about-img .img-3{
  position: absolute;
  right: -30px;
  top: -30px;
 width: 200px;
  height: 200px;
  box-shadow: none;
}

.about-experience{
  background: linear-gradient(to right, var(--theme-color) 0%, var(--secondary-color) 100%);
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  position: absolute;
  /* left: -30px; */
  bottom: 0px;
  padding: 40px 20px;
  border-radius: 15px;
  text-align: center;
}
.about-avyanna{
  font-size:64px !important;
  color: var(--theme-color)!important;
}
.site-heading p, .about-section p{
  font-size: 18px;
}
.about-experience h5{
  color: var(--white) !important;
  font-size: 20px;
}

.about-experience span{
  color: var(--white);
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}

.about-list-wrap {
  position: relative;
  display: block;
  margin-top: 25px;
  margin-bottom: 35px;
}

.about-list {
  position: relative;
  display: block;
}

.about-list li {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-info-color);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.about-list li:last-child{
  border-bottom: none;
}

.about-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
}

.about-list li .icon i {
  font-size: 50px;
  color: var(--theme-color);
}

.about-list li .icon img{
  width: 50px;
}

.about-list li .about-item h4 span{
  color: var(--theme-color);
  margin-right: 10px;
}

.about-list li .about-item p {
  margin-top: 5px;
}

@media all and (max-width: 991px) {
  .about-right {
    margin-top: 90px;

  }
}

@media all and (max-width: 767px) {
  .about-right {
    padding-left: 0;
    margin-top: 100px;
  }

  .about-title {
    font-size: 30px;
  }

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

  .about-left-content {
    bottom: -70px;
  }

  .about-img{
    width: 90%;
  }

  .about-experience{
    left: -7px;
    padding: 20px 10px;
  }

  .about-img .img-3{
    width: 140px;
  }

  .about-img .img-2{
    width: 150px;
    right: -10px;
  }
}
@media (max-width: 767px) {
    .about-img {
        width: 90%;
    }
    .about-img .img-1 {
        width: 300px;
    height: 300px;
    }
}
/*flow us footer section*/
/* .instagram-area .theme-btn {
    position: absolute;
   
    left: 50%;
   transform: translate(-50%, 100%);
} */
.insta-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* space between buttons */
    margin-top: -80px;
    /* margin-bottom: 20px;  */
}
.instagram-area{
      background: var(--white);
    padding: 50px;
}

.instagram-area .theme-btn i, .instagram-area .primary-btn i {
    margin-left: 0px;
        margin-right: 10px;
    transform: rotate(0deg);
    transition: all .3s ease-in-out;
}

.instagram-area .theme-btn {
    position: relative; /* remove absolute */
    display: inline-block;
    top: 170%;
        transform: translate(-0%, 0%);
}

.instagram-img {
    overflow: hidden;
    border-radius: 15px;
}
.theme-btn:hover {
    color:var(--white);
       
}
.instagram-img img {
    border-radius: 15px;
    width: 176px;
    height: 176px;
}

/*cta section */
.cta-area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* background:  linear-gradient(to right, var(--theme-color) 0%, var(--secondary-color) 100%); */
    background: linear-gradient(to right, #fc226a6b 0%, #8c52ff5e 100%);
    opacity: .85;
    z-index: -1;
}
.cta-area {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.cta-content {
    text-align: center;
}
.cta-content h1 {
  
    color: var(--white) !important;
    font-size: 50px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.cta-content p {
    color: var(--white);
    font-size: 18px;
    margin-bottom: 30px;
}
/* .cta-content .theme-btn {
  background: #dbb142 !important;
    color: var(--white);
} */
.about-smcw-btn.theme-btn,
.event-btn.theme-btn,
.cta-content .theme-btn{
   /* background: #dbb142 !important; */
    color: var(--white);
}
.hero-btn {
   gap: 1rem;
    display: flex;
    margin-top: 35px;
     justify-content: flex-start;
}
.theme-btn:hover::before {
    transform: translateY(-50%) translateX(-50%) scale(1);
}
.theme-btn::before {
    content: "";
    height: 300px;
    width: 300px;
    background: var(--secondary-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: 0.5s 
cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}
/*about banner */
.banner-area{
    display: flex !important
;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.banner-slider-data{
  margin-top: 3rem;
}
.banner-title{
   color: var(--white);
}
.banner-subtitle{
 color: var(--white) !important;
 text-align: center !important;
}
.banner-bg {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-area {
        min-height: 300px;
    }
    .site-breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
    padding-top: 120px;
    padding-bottom: 0px;
    z-index: 1;
}
.site-breadcrumb::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(5 3 17 / 14%);
    opacity: 0.65;
    z-index: -1;
}
.site-breadcrumb .breadcrumb-title {
    font-size: 80px !important;
    color: var(--bg-9);
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.site-breadcrumb .breadcrumb-menu {
    position: relative;
    z-index: 1;
}
.site-breadcrumb .breadcrumb-menu li:first-child {
    margin-left: 0;
}
.site-breadcrumb .breadcrumb-menu li {
    position: relative;
    display: inline-block;
    margin-left: 10px;
     color: var(--white);
    font-weight: 500;
    text-transform: capitalize;
}
/* .site-breadcrumb .breadcrumb-menu li::before {
    position: absolute;
    content: '\f101';
    font-family: 'Font Awesome 6 Pro';
    right: -21px;
    top: 1px;
    text-align: center;
    font-size: 16px;
     color:var(--white);
} */
.site-breadcrumb .breadcrumb-menu li a {
       color: var(--white);
    transition: all 0.5s ease-in-out;
    font-size: 18px;
}
.site-breadcrumb .breadcrumb-menu li.active {
    color: var(--theme-color);
}
.about-smcw-sui{
  padding: 0px !important;
}

/*our vision*/
.choose-area {
    position: relative;
    /* background-color:var(--white); */
    padding: 30px;
}
.choose-img {
    position: relative;
    text-align: end;
    margin-right: 30px;
    z-index: 0;
}
/* .choose-img::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 28px;
    background:var(--theme-color);
    border-radius: 20px;
    width: 70%;
    height: 85%;
    transform: rotate(-8deg);
    z-index: -1;
} */
.choose-img .theme-btn {
    position: absolute;
    left: 0;
    bottom: 80px;
}
.choose-img img {
    border-radius: 20px;
    width: 500px;
}
.about-amcw-siu-content{
  padding: 40px 40px 0px 20px;
}
.choose-content{
  padding: 20px;
}
.about-amcw-siu-content1 {
     padding:50px 60px 0px 60px;
}
.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}
.site-title-tagline {
    display: block;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 22px;
    font-weight: 700;
    color: var(--theme-color);
    margin-bottom: 8px;
    position: relative;
}
.site-title {
       font-weight: 700;
    color: var(--white);
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 58px !important;
    margin-bottom: 20px;
}
.site-title span {
 color: var(--theme-color);
    font-weight: 500;
}
.video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    height: 500px;
    z-index: 1;
}
.video-area .play-btn {
    display: none;
    padding: 0;
    height: 75px;
    width: 75px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play-btn {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 20px;
    text-align: center;
    background: var(--theme-color);
    color: var(--white);
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}
/*festival hightlight*/
.video-content {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* .video-content::before {
    content: "";
    position: absolute;
    background: rgba(11, 9, 23, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
} */
.feature-area.fa-negative {
    margin-top: -120px;
        /* background:var(--white); */
}
.feature-area {
    position: relative;
}
.feature-item {
    padding: 25px 25px;
    text-align: center;
    position: relative;
    background: #ffffff1c;
    border-color: #33384d;
    backdrop-filter: blur(12px);
    border-radius: 20px;
    /* background: var(--white); */
    overflow: hidden;
       /* box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); */
    transition: all .5s ease-in-out;
    z-index: 1;
}
.feature-area .counter-info {
       display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center;
    align-content: center;

}
.feature-item .feature-item-text{
  color: var(--white) !important;
  font-size: 18px;
}
.counter-info {
    padding-right: 20px;
}
.feature-areax .counter {
    display: block;
    line-height: 1;
      color: #101010;
    font-size: 50px;
    font-weight: 900;
}
.counter-box .counter-unit {
      color: #101010;
    font-weight: 600;
    font-size: 25px;
}
.feature-item .count {
    font-size: 120px;
    font-weight: 800;
    -webkit-text-stroke: 2px var(--theme-color);
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .15;
    z-index: -1;
}
.feature-item:hover {
    transform: translateY(-10px);
}
.feature-icon {
    margin-bottom: 20px;
    transition: all .5s ease-in-out;
}
.feature-item:hover .feature-icon {
    transform: rotateY(360deg);
}
.feature-icon img {
    width: 80px;
}
.feature-item h4,
.counter-info span {
    font-size: 24px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 8px;
}
.story-section {
    padding-bottom: 30px;
    /* background: var(--white) !important; */
}
.story-section .section-title h2{
  color: var(--black);
  font-size: 40px;
}
.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background-color:white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container-timeline {
  padding: 10px 30px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container-timeline::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: var(--theme-color);
  border: 4px solid  var(--secondary-color);
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.story-left {
  left: 0;
}

/* Place the container to the right */
.story-right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.story-left::before {
  display: none;
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.story-right::before {
  display: none;
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.story-right::after {
  left: -16px;
}

/* The actual content */
.content {
  /* padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
      box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); */
      padding: 25px 25px;
    /* text-align: center; */
    position: relative;
    background: #ffffff00;
    border-color: #33384d;
    border: 1px solid #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s 
ease-in-out;
    z-index: 1;
 }
.story-item h2 {
    color: var(--primary-color);
    font-weight: 600;
    float: left;
    font-size: 32px !important;
    margin-right: 30px;
    line-height: 42px;
}
.story-item .si-text {
    overflow: hidden;
}
.story-item .si-text h4 {
    color: #fff;
  font-size:26px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 14px;
}
.our-journey-para{
  color:#fff;
  font-size: 18px;
}
/* Media queries - Responsive timeline on screens less than 600px wide */

/*event page */

    .event-card img { height:200px; object-fit:cover; border-radius:30px; }
    .tag-offline, .tag-online, .tag-hybrid {
      position:absolute; top:30px; left:30px; padding:2px 8px; border-radius:6px;
      font-size:12px; color:#fff; font-weight:600;
      z-index: 9;
    }
    .tag-offline { background:#b800ff; }
    .tag-online { background:#007bff; }
    .tag-hybrid {
  background: hsl(243, 100%, 51%);
}
     /* .image-mask {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
} */
.event-main-title{
  font-size: 48px;
  text-align: center;
  color: var(--third-color) !important;
}
.image-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #442767b3; */
  background: linear-gradient(
      to bottom,
      rgba(123, 123, 123, 0.20),
      rgba(21, 21, 21, 0.80)
  );
  border-radius: 30px;
}

.image-title {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 2;
    width: 60%;
}
/*events-section design */
.events-section{
  background-color: transparent;
}
.events-section .accordion-button.active, .events-section .accordion-button:not(.collapsed) {
    font-size: 24px;
    color: var(--bg-9);
   background: #ffffff1c;
    border-color: #33384d;
    backdrop-filter: blur(12px);
}
.active-category {
    background: transparent;
    color: var(--bg-8);
    font-weight: 600;

}
.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-item {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .125);
}
.category-box {
    cursor: pointer;
    padding: 5px;
    color: var(--bg-9);
font-size: 18px;
}
.events-section .accordion-button {
      font-size: 24px;
          background: #ffffff1c;
    border-color: #33384d;
    backdrop-filter: blur(12px);

    color: var(--bg-9);
}
.events-section .accordion-body {
    padding: 0rem 1.25rem;
}
.selected-box p{
  color:var(--white);
}
  .selected-box { 
    background: #883FF94D;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.form-control {
    border-radius: 10px;
    background-color: #ffffff26 !important;
     color: #6f777e !important;
    border:none !important;
}
#selectedEventName{
  margin-bottom: 0px;
}
.form-design-section{
  width: 430px;
}
.registration-popup-section #de-extra-wrap .de-extra-content {
    padding: 30px;
}
.de-extra-content .form-design-section .selected-box h4{
  color: #f1bc6d !important;
}
.de-extra-content .form-design-section .selected-box p{
    font-size: 16px;
    margin: 10px;
}
.registration-popup-section{
  padding: 0px !important;
}
.partner-bg {
    position: relative;
    /* background: rgba(252, 34, 106, .03); */
}
.py-120 {
    padding: 120px 0;
}
.deliverables-section .fest-card {
    background:#141829cc;
    border-color: #33384d;
        backdrop-filter: blur(12px);

}
.deliverables-section .icon-text {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
}
.shadow-sm {
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}
.text-conten-box{
  display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}
.deliverables-section .college-info {
      color: var(--text-2);
}
.deliverables-section .college-info-data {
      color: var(--text-3) !important;
      text-align: center;
}
.choose-content-wrap {
    margin-top: 30px;
}
.choose-item-icon {
    width: 60px;
    height: 60px;
    line-height: 55px;
    border-radius: 50px;
    background: var(--theme-color);
    text-align: center;
    box-shadow: var(--box-shadow);
}
.choose-item {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.choose-item-icon img {
    width: 35px;
    filter: brightness(0) invert(1);
}
.choose-item-info {
    border-bottom: 1px solid var(--border-info-color);
  padding-bottom: 0px;
    flex: 1;
}
.choose-area .choose-item-info p span,
.choose-area .choose-item span{
  color: var(--white) !important;
}
.partner-img{
 height: 100px;
    width: 180px;
}
.partner-area{
  padding: 50px 0px;
}
.deliverables-section{
    width: 100%;
    height: 100%;
    background-image: url(../images/bg/bg-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 50px;

}
.why-partner-with-us,
.sponser-introduction,
.partner-bg,
.about-section,
.gradient-to-right,
.feature-area,
.schedule-section,
.instagram-area,
.events-section,
.our-journey-section,
.flagship-section
{
   width: 100%;
    height: 100%;
    background-image: url(../images/bg/bg-2.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 50px;
    /* opacity: 0.9; */
}
/* .about-section{
  background: var(--white);
} */

.countdown-section{
  background: #ffffff1c;
    border-color: #33384d;
    backdrop-filter: blur(12px);
    border-radius: 20px;
 padding: 20px;
 margin: 2px;
 
   
}
.partner-bg::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    /* width: 100%;
    height: 100%;
    background-image: url(../images/shape/04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.2; */
}
.sponser-introduction{
  padding-bottom: 30px !important;
}

.site-heading p,.about-section p
{
  color: var(--white);
}
.choose-item-info h4 {
    margin-bottom: 5px;
    font-size: 22px;
       color: var(--white);
}
.choose-item-info p {
    margin-bottom: 5px;
    font-size: 18px;
    color: var(--white);
}
.deliverables-section .site-title
 {
    color: var(--white);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.deliverables-section .site-heading{
  margin-bottom: 0px;
}
 .siu-section{
    /* width: 100%; */
    height: 100%;
    background-image: url(../images/bg/bg-3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0px;
}
 .siu-section .about-avyanna,
 .smcw-section .about-avyanna{
  color:var(--white);
}
 .siu-section p,
  .smcw-section p{
  color:var(--white);
  font-size: 18px;
}
.smcw-section{
    /* width: 100%; */
    height: 100%;
    background-image: url(../images/bg/bg-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0px;
}

.siu-section .fest-card,
.smcw-section .fest-card {
    background: #141829cc;
    border-color: #33384d;
    backdrop-filter: none;
    border-radius: 0px;
}
.our-journey-section .main-title
 {
    color: var(--text-color);
}
.flagship-section .main-title,
.our-journey-section .main-title{
     color: var(--white);
}
.flagship-section .wm.light.wm-border,
.our-journey-section .wm.light.wm-border
 {
    color: #f1bc6d00;
    -webkit-text-stroke-color: #f2d4a67a;
}
.bg-volleyball {
    background-image: url('../images/about/Volleyball.png') !important;}
.bg-group-dance {
    background-image: url('../images/about/Group-Dance.png') !important;
}
.bg-bukkad-natak {
    background-image: url('../images/about/Nukkad-natak.png') !important;
}
.bg-battle-of-bands {
    background-image: url('../images/about/Battle-of-bands.png') !important;
}
.bg-artist-night {
    background-image: url('../images/about/Artist-night.png') !important;
}
.bg-Poster-presentation {
    background-image: url('../images/about/Poster-presentation.png') !important;
}
.bg-Fashion-show {
    background-image: url('../images/about/Fashion-show.png') !important;
}
.bg-weightlifitng {
    background-image: url('../images/about/weightlifting.png') !important; 
}

.flagship-section .sport-card {
    position: relative;
     background-size: cover;
    background-position: center;
    box-shadow: none;
     border-radius: 12px;
    overflow: hidden;
        height: 200px;
}

/* MASK / OVERLAY */
.flagship-section .sport-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
background: #442767b3;
    z-index: 1;
}

/* TEXT must be above mask */
.flagship-section .sport-text {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* .our-journey-section{
   width: 100%;
    height: 100%;
    background-image: url(../images/bg/bg-1.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding-bottom: 60px;
} */
.image-mask {
    position: relative;
    overflow: hidden;
}


.image-amount {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: flex;
    gap: 6px;
}

.image-amount span {
  bottom: 30px;
  left: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  z-index: 2;
    
}
.amount-select label {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
}

.amount-select input {
    margin-right: 6px;
}

.amount-box {
    background: #f1f1f100;
    padding: 10px;
    border-radius: 6px;
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 8px;
    cursor: pointer;
}
.amount-box strong{
    color: var(--white) !important;
}
.amount-box p{
 margin-bottom: 0px !important;
}
#finalAmount,
#gstAmount,
#baseAmount{
color: #f1bc6d !important;
}
/* Makes the container take full width */
.about-img-siu.full-img,
.about-img-smcw.full-img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

/* Ensures the image fills the width of the column */
.about-img-siu.full-img img,
.about-img-smcw.full-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Image covers entire space */
    object-position: center;
}
.partner-img-main{
  display: flex;
      align-content: center;
    justify-content: center;
    align-items: center;
        height: 200px;
    width: 300px;
        padding: 40px;
    margin: 15px;
}
.amount-select { 
    display: flex;
    gap: 20px;
}

.amount-option {
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.amount-option input {
    transform: scale(1.2);
}
 .registration-popup-section #de-extra-wrap {
    position: fixed;
    /* top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.registration-popup-section .de-extra-content {
    /* background: #fff; */
    padding: 25px;
    /* width: 90%; */
    /* max-width: 500px; */
    max-height: 90vh; 
    overflow-y: auto; 
    border-radius: 10px;
} 

/* Optional: Hide scrollbar */
.registration-popup-section .de-extra-content::-webkit-scrollbar {
    width: 6px;
}
.registration-popup-section .de-extra-content::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 5px;
}
::placeholder {
  color: #6f777e !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #6f777e !important;
}
.is-invalid {
    border: 2px solid red !important;
}