:root {

  --themeprimary: #f8ff02;
  --themeprimary-rgb:248, 255, 2;
  --themesecondary: #815eb5;
  --themesecondary-rgb:129, 94, 181;
  --themefooter:#252525;
  --transparent: transparent;
  --themewhite: #FFFFFF;
  --themebg: #100d10;
  --navbartextcolor: #04adc3;
  --breakpoint-primary: 1600px;
  --breakpoint-secondary: 1200px;
  --font-family-primary: "Roboto", serif;
  --font-family-secondary: "DynaPuff", serif;
}

body {
  font-family: var(--font-family-primary);
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
  padding: 0;
  background: var(--themebg);
      overflow-y: scroll;
}
/* Custom scrollbar for body */
    body::-webkit-scrollbar {
      width: 10px; /* Scrollbar width */
    }

    body::-webkit-scrollbar-track {
      background: #f0f0f0; /* Track color */
    }

    body::-webkit-scrollbar-thumb {
      background: #888; /* Thumb color */
      border-radius: 5px; /* Rounded corners */
    }

    body::-webkit-scrollbar-thumb:hover {
      background: #555; /* Thumb hover color */
    }

    /* For Firefox */
    html {
      scrollbar-width: thin; /* Thin scrollbar */
      scrollbar-color: #888 #f0f0f0; /* Thumb and track colors */
    }

/* Base styles */
section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

section.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: Styling for the section */


.visible .about-text {
  transform: translateY(0);
  transition: transform 0.8s ease;
}

.visible .about-content {
  display: flex;
}

.visible .about-video {
  transform: translateX(0);
}

.navbar {
    position: initial;
padding:30px 10px;}
	
	.header-section{width:var(--breakpoint-primary);max-width:var(--breakpoint-primary);padding:0}
	


header .nav-list ul {
	display: flex;
	justify-content: center;
	align-items: center; 
}
header .nav-list ul li {
	list-style: none;
	height: auto;
	width: auto;
}

.nav-link{
  color: var(--themesecondary);
  padding:18px 34px! important;
  font-size: 18px;font-family: var(--font-family-secondary);border-radius:70px}
.nav-link:hover{
  color: rgba(242, 242, 242, 1);}
  
  .banner-details img{width:100%}  
.banner-details{font-family: var(--font-family-secondary);}
.banner-details h1{ color: var(--themewhite); text-align:center;font-size: 30px;}
.banner-details h1 span{color: var(--themesecondary);}
.banner-details h1 p{color: var(--themeprimary);}


.TabsMainSection{background:#201333; padding:40px;    margin: 0 auto;
    text-align: center;}
.TabsMainSection h3{color: var(--themesecondary);font-family: var(--font-family-secondary);  font-size:40px; text-align:center; font-weight: 400;line-height: 48px; position:relative;    display: inline-block;
    margin: 0 auto;
    text-align: center;    padding-bottom: 55px;}
.TabsMainSection h3:after{ width:192px;height:24px;
    content: "";
    border:0;background: url(../images/whatmissed.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -50px;
    left: auto;
    bottom: 20px;
}
.TabsMainSection h3 span{color: var(--themewhite);}

.TabsMainRow{width:100%;max-width:965px;margin:0 auto; display: flex; flex-direction: row-reverse;
    align-items: center;}
.w40 {
  width: 40%;
}
.inline-block {
  display: inline-block;
  margin-right: -4px;
}
.vertical-top {
  vertical-align: top;
}
.w60 {
  width: 60%;
}
.TabContent {
  padding:0;text-align:left
}

.TabContent.active {
  display: block;
}

.TabContent p{color: var(--themewhite);
font-size: 24px;
font-weight: 400;
line-height: 28.13px;
text-align: left;    margin: 24px 0 0 0;
    max-width: 465px;
}   

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}


.TabList .TabLink:first-child a {padding: 0 10px 20px 10px;}
.TabList .TabLink a {
  text-decoration: none;
  width: 90%;
  padding: 30px 10px 20px 10px;
  display: block;
  border-bottom: 2px solid rgba(165, 140, 202, 1);
  font-family: var(--font-family-secondary); 
font-size: 26px;
font-weight: 600;
line-height: 31.2px;
text-align: left;
max-width: 368px;
color:rgba(165, 140, 202, 1)	
}

.TabList .TabLink {
  margin-bottom: 0
}

.TabList .TabLink a:hover {
   
}

.TabList .TabLink.active a {
  text-decoration: none;
  color: var(--themeprimary);
}
.TabList .TabLink a span{
margin-right: 8px;}

.TabContentimg {position:relative; max-width: 456px;}

@media(max-width: 991px) {
  .TabsMainColRight {
    display:block;
    width: 100%;
  }

  .TabsMainColLeft {
    width: 100%;
    display: block
  }
  .TabList .TabLink a {
    width: 100%;
    display: block;        max-width: 100%;font-size:22px; font-weight:400;line-height:26.4px
  }
  .TabsMainColLeft .slick-slider{padding:0}
}

.magic-section{background:#151516}
.magiccontainer{    width: 100%;
    position:relative;
    margin-right: auto;
    margin-left: auto;
	padding:30px 20px;
    }

.magiccolumn-1 {
  flex: 0 0 33.33%; 
  background-position: center;
  background-size: cover; display: flex;
    justify-content: center;
    padding:0;     flex-direction: column; 
	
}
.magiccolumn-2 {
  flex: 0 0 66.66%; overflow: hidden;
  padding: 112px 0;
}

.visible .magic-heading {
  font-family: var(--font-family-secondary);
}

@keyframes position-change {
  0% {
    position: absolute;
  }
  95% {
    position: absolute;
  }
  100% {
    position: relative;
  }
}

.visible .magic-heading h2 {
  color: var(--themeprimary);font-size:28px
}

/* Keyframes for moving from center to left-aligned position */
@keyframes move-to-left {
  0% {
    top: 50%; /* Start at vertical center */
    left: 50%; /* Start at horizontal center */
    transform: translate(-50%, -50%); /* Center the heading */
    text-align: center; /* Center alignment */
	font-size: 65px;
  line-height: 99px;
  }
  80% {
    top: 50%; /* Start at vertical center */
    left: 50%; /* Start at horizontal center */
    transform: translate(-50%, -50%); /* Center the heading */
    text-align: center; /* Center alignment */
	font-size: 65px;
  line-height: 99px;
  }
  100% {
    top: 0; /* Move to the top */
    left: 0; /* Move to the left */
    transform: translate(0, 130px); /* No offset */
    text-align: left; /* Align text to the left */
  }
}

.visible .magic-heading h2 span{color:var(--themesecondary)}
.visible .magic-heading h2 p{color:var(--themewhite)}


.magicimg-section{padding:50px 0}
.magicimg-section img{/*opacity:.3;*/ padding: 10px;transition: transform 0.3s ease;}

.magicimg-section.morelinks {
  position: relative;
  display: flex;
  padding: 20px 40px; /* Adjust as needed */
  font-size: 18px;
  text-align: center;
  
  background-color: transparent; /* Initial background color */
  overflow: hidden; /* Ensure pseudo-elements stay within bounds */
  cursor: pointer;
  transition: background-color 0.3s ease; /* Smooth transition for text color */
      width: 329px;
    height: 388px;
    margin-top: 62px;    border-radius: 8px;
    align-items: center;
    justify-content: center;
  transition: background-color 0.3s ease; 

}

.magicimg-section.morelinks p{font-size: 16px;
font-weight: 400;
line-height: 19.36px;
text-align: left;margin:0;color: var(--themeprimary);   transition: transform 1s ease; /* Ensure smooth transition for the movement */
}

.magicimg-section.morelinks:hover p {
  transform: translateX(-15px); /* Use transform for better performance */
}

.magicimg-section.morelinks span {
  position: relative;
  z-index: 2;
  display: block;
  width: 43px; /* Circle size */
  height: 43px;
  margin-right:5px;
  background-color: var(--themesecondary); /* Circle color */
  border-radius: 50%;
  transition: transform 1s ease; /* Smooth expansion */
}
.magicimg-section.morelinks span img{opacity:1}

.magicimg-section.morelinks::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 43px; /* Match circle size initially */
  height: 43px;
  background-color: var(--themesecondary); /* Match circle color */
  border-radius: 50%;
  transform: translate(-150%, -50%) scale(0); /* Centered and hidden */
  z-index: -1;
  transition: transform 1s ease; /* Smooth scaling effect */
}

.magicimg-section.morelinks:hover::before {
  transform: translate(-50%, -50%) scale(20); /* Expand to cover section */
}

.magicimg-section.morelinks:hover span {
  opacity:0
}



.storiessection{background:#151516}
	.storiescontainer{width: 100%; max-width:1400px;
    padding: 30px 10px; position:relative}

.storiescolumn-1 {
  flex: 0 0 620px;    display: flex; position:relative;
    padding:0;     flex-direction: column; 
}
.storiescolumn-1 h3{color: var(--themewhite);font-family: var(--font-family-secondary);  font-size:48px;
font-weight: 400;
line-height: 58px;
text-align: left;    
}
.storiescolumn-1 h3 span { 
	color: var(--themesecondary);position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 55px;
}
.storiescolumn-1 h3 span:after{ width:192px;height:24px;
    content: "";
    border:0;background: url(../images/whatmissed.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -50px;
    left: auto;
    bottom: 20px;
}

.storiestext{color: var(--themewhite); font-size:18px;
font-weight: 400;
line-height: 21.09px;
text-align: left;
}

.storiescolumn-2 {
   position: relative;
}

.stories-slider {
  margin: 0 auto;
}
.visible .stories-slider{
animation: slideInUp 1s forwards;
}


.stories-member {
  padding:30px 15px 0 15px;
  position:relative; border:1px solid rgba(225, 225, 225, 1); border-radius:22px;
    width: 450px;
    height: 500px;margin:0 40px 20px 0;}
	.stories-member:hover{cursor: -webkit-grabbing;
  cursor: grabbing;}
.stories-member-sec{position: absolute; background:rgba(37, 37, 37, 1); padding:50px;
        top: 20px;
    left: 20px;
    height: 500px;
    width: 450px;
    border-radius: 22px;}

.stories-slider .slick-prev {
    left: -195px;
}
.stories-slider .slick-next {
    left: -125px;
}
.stories-slider .slick-next, .stories-slider .slick-prev {bottom: 65px;top: auto;}
.stories-slider .slick-next:before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/rightarrow.svg) no-repeat;
  background-position: center;
  width: 55px;
  height: 55px;
  transition: transform 0.3s ease;opacity: 1;
}


.stories-slider .slick-prev:before {content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/leftarrow.svg) no-repeat;  
  width: 55px;
  height: 55px;
  transition: transform 0.3s ease;opacity: 1;
}
.stories-slider .slick-prev.slick-disabled:before{background: url(../images/leftarrow-disable.svg) no-repeat;opacity: 1; }
.stories-slider .slick-next.slick-disabled:before{background: url(../images/rightarrow-disable.svg) no-repeat;opacity: 1; }

.stories-slider .stories-member.previous-slide{transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
    transform: translate(490px, 10px) scale(.6);}
	
	.previous-slide {
    opacity: 0.6;
    transition: opacity 0.3s ease;
	transition: transform 1s ease, width 0.5s ease, height 0.5s ease;
	transform:  scale(1);
}

.stories-slider .stories-member.previous-slide {
    transition: transform 1s ease, width 0.5s ease, height 0.5s ease;
    transform: translate(490px, 10px) scale(0.1);opacity: 1;
}

.stories-slider .stories-member {
    transition: transform 0.5s ease, opacity 0.3s ease;transform: translate(490px, 10px) scale(1);opacity: 0;
}

.stories-slider .stories-member.slick-active {
    opacity: 1;
    transform: scale(1);
}

.stories-slider .stories-member:last-child{display:none}

.stories-desc{
font-size: 18px;
font-weight: 400;
line-height: 30px;
text-align: left;
color:rgba(225, 225, 225, 1);

}
.stories-info{position: absolute;
    bottom: 30px;
    display: flex}
	.stories-author{display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column; margin-left:20px}
	.stories-author h4{
font-size: 22px;
font-weight: 400;
line-height: 25.78px;
text-align: left; color:var(--themeprimary)
}
	.stories-author p{
font-size:16px;
font-weight: 400;
line-height: 18.75px;margin:0;
text-align: left;color: rgba(242, 242, 242, 1);
}

.logorevealSection{background:#201333; padding:40px;    margin: 0 auto;
    text-align: center;}
.logorevealSection h3{color: var(--themesecondary);font-family: var(--font-family-secondary);  font-size:48px; text-align:center; font-weight: 400;line-height: 48px; position:relative;    display: inline-block;
    margin: 0 auto;
    text-align: center;    padding-bottom: 55px;}
.logorevealSection h3 span{color: var(--themewhite);position:relative}

.logorevealSection h3 span:after{ width:192px;height:24px;
    content: "";
    border:0;background: url(../images/whatmissed.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -50px;
    left: auto;
    bottom: -30px;
}
.logorevealcontainer{    width: 100%; max-width:1200px;
    padding: 5px;  margin-top: 30px;}

.revealcolumn-1 {
  flex: 0 0 386px; background: url(../images/reveal-bg.svg) no-repeat;
  background-position: center;
  background-size: cover; height:432px;    display: flex;
    justify-content: center;flex-direction: column; 
	
}
.revealcolumn-1 img{width:32px;margin-bottom:20px}
.revealtextsection{width: 60%;margin: 0 auto;  text-align: left;}
.revealtext{color: var(--themewhite);font-family: var(--font-family-secondary);  font-size:26px; text-align:left;
font-weight: 400;
line-height: 30px;
text-align: left;
margin-bottom:60px
}
.revealtext span { 
	color: var(--themeprimary);
}

.revealcolumn-2 {
  flex: 0 0 715px; /* Set the second column width to 550px */
}
video {
      width: 100%;
      max-width: 720px;
      border-radius: 13px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
.scratchsection{background:#151516}
	.scratchcontainer{width: 100%; max-width:1200px;
    padding: 46px 10px;}

.scratchcolumn-1 {
  flex: 0 0 835px;    display: flex;
    justify-content: center; position:relative;
    padding:0 65px;     flex-direction: column; 
	
}
.scratchtext{color: var(--themewhite);font-family: var(--font-family-secondary);  font-size:40px;
font-weight: 400;
line-height: 48px;
text-align: left;    
}
.scratchtext span { 
	color: var(--themeprimary);position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 55px;
}
.scratchtext span:after{ width:192px;height:24px;
    content: "";
    border:0;background: url(../images/whatmissed.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -50px;
    left: auto;
    bottom: 20px;
}

.scratchoption{position: relative;}
.scratchdownload{    position: absolute;
    bottom: 46px;
    left: 69px; cursor:pointer}

.scratchcolumn-2 {
  flex: 0 0 410px; /* Set the second column width to 550px */
}
.scratch-container {
      position: relative;
      width: 308px;
      height: 260px;
      overflow: hidden;    display: flex;
    justify-content: center;
    align-items: center;
    }
.scratchgoodie{    position: absolute;
    background: #fff;
    width: 80%;
    margin: 0 auto;
    left: 10%;
    top: 56%;
    text-align: center;color:rgba(89, 88, 89, 1);
font-size: 12px;
font-weight: 400;
line-height: 14.06px;
}
	
    #scratchCanvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: crosshair;
      transition: transform 1s ease, opacity 1s ease;  z-index:1
    }

    #hiddenImage {
      width: 298px;
      display: block;
    }
	.hidden-image-transition span
{
    position: absolute;opacity:0;
    width:298px;
	height:234px;
    display: block;
    -webkit-animation: bar 3s ease;
	background-image: url("../images/animate-img.png");
}

@keyframes bar
{
  0% {
    top: -100%;opacity:1
  }
  90% {
    top: 0%;opacity:1
  }
  100% {
    top: 0%;opacity:0
  }
}


footer {
  background: var(--themefooter);
  color: var(--themewhite);
  padding: 0 15px;
  font-size: 16px;
}
.copywritetxt{color:rgba(225, 225, 225, 1);font-size: 16px; font-weight: 400; line-height: 18.75px; text-align: center;padding:70px 0 0; margin:0}
.footer-container {
  max-width: var(--breakpoint-primary);
  margin: 0 auto;
}

.footer h5{font-size: 18px; margin: 0 0 19px; padding: 0; font-weight:400;}
  .footer h4{font-size: 18px; margin: 34px 0 0; padding: 0; color: var(--themeprimary); font-weight:400;}
  .footer h4 a{font-size: 18px; padding: 0 8px; color: var(--themeprimary); font-weight:400;}
  .footer p{font-size: 16px; margin: 0; padding: 0; font-weight:400; }

.footer-column {
  padding: 20px 0;
}

.footer-logo{margin-bottom:52px;}

ul.footer-link, ul.contactinfo, ul.social-media {margin:0;padding:0;list-style:none;}
.footer-link li a {
  color: var(--themeprimary);
  text-decoration: none;
  display: block;
  margin-bottom: 13px;
  font-size:16px;
  font-weight:400;
}

.footer-link:hover {
  text-decoration: none;
}

.contactinfo li {display:flex;gap:10px}
.contactinfo li{
  margin-bottom: 19px;
}
.contactinfo li a {
  color: var(--themeprimary);
  text-decoration: none;
  display: block;
  font-size:16px
}

.contactinfo li a img{margin-right: 15px;}

	.social-media {display:flex;}
	.social-media li:first-child {padding:0 8px 0 0}
	.social-media li {padding:0 8px}

.footer-phone,
.footer-address {
  margin-top: 10px;
}
.pcview{display:flex}
   .mview{display:none}

.innertitle{padding:90px 15px 30px 15px; width:100%; text-align: center;}
.innertitle h1{font-family: var(--font-family-secondary);
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
text-align: left;position:relative;    display: inline-block;
    margin: 0 auto;
    text-align: center;  color:var(--themewhite); 
}
.innertitle h1 span { 
	color: var(--themesecondary);position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 55px;
}
.innertitle h1:after{ width:192px;height:24px;
    content: "";
    border:0;background: url(../images/whatmissed.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -30px;
    left: auto;
    bottom: 35px;
}




/* Schedule Section start */
.event-section{width:150px; height:2320px; margin:0 auto; position:relative; padding:50px 50px 0}
.rightside-block{position: absolute; z-index: 5; display: flex; width: 1200px; margin: 0 auto;transform: translate(-49%, -50%); justify-content: center; align-items: center;}
.leftside-block{position: absolute; z-index: 5; display: flex; width: 1200px; margin: 0 auto;transform: translate(-49%, -50%); justify-content: center; align-items: center; flex-direction: row-reverse;}
.descsection{width: 520px;    margin-left: 180px;}
.leftside-block .descsection{width: 540px;    margin-left: 70px;}
.desctext{padding: 0 120px 0 0;color:var(--themewhite); font-size: 18px; font-weight: 400; line-height: 21.09px; text-align: left;opacity: 0;
    transform: scale(1); /* Default scale */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */}
	
	.event-visible .desctext {
    opacity: 1; /* Make it visible on hover */
    transform: scale(1.1); /* Slightly enlarge the photo */
}
.desctext span{color:var(--themeprimary);}

.speaker-block{width: 500px; display: flex; justify-content: center; align-items: center;}
.leftside-block .speaker-block{flex-direction: row-reverse;margin-left: 130px;}

.point-line {width:150px; height:1px; position:relative; background: #fff; margin-left: 10px;}
.point-line.rightside:after {width:25px;height:25px;
    content: "";
    border:0;background: url(../images/schedule/dots.png) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: -10px;
    left: auto;
    bottom: -11px;}
.leftside-block .point-line.rightside:after {right:auto}
	
	.speaker-photoblock{margin-left: 40px; position: relative;}
	.leftside-block .speaker-photoblock{margin-left: 0;}
	.speaker-photo {
    position: absolute;
    z-index: -1;
    left: 33px;
    opacity: 0;
    transform: scale(.8);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.event-visible .speaker-photo {
    opacity: 1; /* Make it visible on hover */
    transform: scale(1); /* Slightly enlarge the photo */
}
	.speaker-time{margin-top: 170px;position:relative}
	.leftside-block .speaker-time{margin-top: 140px;}
	
	.event-3 .speaker-time {margin-top: 144px;}
	.event-3 .speaker-block {margin-left: 90px;}
	.event-3 .point-line {margin-left: -10px;}	
.thirditem .descsection{width: 500px;    margin-left: 150px;}
.thirditem .desctext{padding:0 30px 0 0px}
	.event-1.event-visible .speaker-photo { top: -30px;}
	.event-1 .descsection {width: 610px;margin-left: 160px;}
	.event-2.leftside-block .descsection {width: 560px; margin-left: 90px;}
	.event-2.leftside-block .desctext {padding: 0 0 0 50px;}
	.event-4.event-visible .speaker-photo { top: -20px; left: 11px;}
	.event-4 .point-line {margin-left: 28px;}
	.event-4 .desctext {padding:0 0px 0 80px}
	.event-5.event-visible .speaker-photo {top: -30px; left: 20px;}
	.event-5 .descsection {margin-left: 156px;}
.event-5 .desctext {padding: 0 100px 0 0px;}

.event-5 .speaker-block {
    margin-left: 90px;
}
.event-5 .point-line {width: 175px;margin-left: -11px;}
	.event-6.event-visible .speaker-photo {left: -10px; top: -30px;}
	.event-6 .speaker-photoblock {margin-left: -20px;}
.event-6 .desctext {padding: 0 0 0 80px;}
	
	.destropcurve{position:absolute;}
.destropcurve:after{width:25px;height:25px;
    content: "";
    border:0;background: url(../images/schedule/dots.png) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: 53px;
    left: auto;
    bottom: 0;}
.destropdot{position:absolute;margin-top:0px;margin-left:100px; z-index: 10;transition: margin 0.8s ease; }
.event-visible{visibility:visible;}

.eventinfo-container{ display: flex; margin: 0 auto;position:relative; margin-top:0; margin-bottom:440px;padding: 0 10px;opacity: 0;
    transform: scale(.8);
    transition: opacity 0.5s ease, transform 0.5s ease;}
	.event-visible.eventinfo-container{opacity: 1;
    transform: scale(1);} 
.eventinfo-container p{padding: 17px 10px; border-radius: 15px; text-align: center; width:100%; margin:0 0 0 100px; font-size: 18px; font-weight: 600; line-height: 21.09px; color:var(--themewhite)}
.eventinfo-container p span{color:var(--themeprimary)}
.destropcurve{display:block}
.mobilecurve{display:none}
.event-1{top: 280px;}
.event-2{top: 620px;}
.event-3{top: 920px;}
.event-4{top: 1250px;}
.event-5{top: 1600px;}
.event-6{top: 1950px;}

.conducting-info{
    border:0;
  position:absolute;
    left: auto;
    bottom: 0;    display: flex;
    justify-content: center;
    align-items: center;}
.timeinfo{    width: 80px;
    height: 61px;
    background: url(../images/schedule/time.png) no-repeat;
    border: 0;
    position: absolute;
    right: 0;
    bottom: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.timeinfo p:after{width: 79px;
    height: 26px;
    content: "";
    border: 0;
    background: var(--themesecondary);
    background-position: center;
    background-size: cover;
    position: absolute;
        right: -65px;
    left: auto;
    bottom: -14px;
    border-radius: 25px;}
	.timeinfo p{margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 14.6px;
    position: relative;
    margin-top: 34px;}
	.timeinfo span{margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 14.6px;
    position: relative;
    margin-top: 36px;}
	.speakdetails{}
	.speakdetails p{font-weight:600;font-size:14px;line-height:22.6px;color:rgba(0, 0, 0, 1);margin: 0;text-align: center;}
	.speakdetails h4{font-weight:700;font-size:22px;line-height:32.6px;font-family:var(--font-family-secondary);color:var(--themesecondary);margin: 0;text-align: center;}
	.event-1 .conducting-info{width:297px;height:117px;}
	.event-2 .conducting-info{width:328px;height:127px;}
	.event-3 .conducting-info{width:333px;height:141px;}
	.event-4 .conducting-info{width:297px;height:127px;}
	.event-5 .conducting-info{width:297px;height:127px;}
	.event-6 .conducting-info{width:297px;height:127px;}
/* Schedule Section End */
/* Gallery Section Start */
.gallery-container{width:100%;height:100vh}
/* Gallery Section End */

/* marquee Section Start */
.marqueecontainer {	
  width: 100%;
  margin:0px auto;
  overflow: hidden;
  box-sizing: border-box;
  
	background-color: var(--themeprimary);
  position: relative! important;
  cursor: pointer;      height: 76px;
    justify-content: center;
    align-items: center;
    display: flex
}


.simple-marquee-container {
	width: 100%;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 46px;
	position: relative;
	cursor: pointer;
}


.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 35px; font-size:22px;
  color: var(--themesecondary); margin:0 130px;font-weight:700;
}
.simple-marquee-container .marquee-content-items li p{margin:0}

/* marquee Section End */

@media (min-width: 400px) {
	
	}
@media (min-width: 992px) {
  header .nav-list {
	height: auto;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .nav-list .normaloverlay {position: absolute; background-color: var(--themeprimary);
    border-radius: 70px;  z-index:-2;
    padding: 7px;
height: 73px;
	width: 534px;}
header .nav-list .overlay {
	position: absolute;
	background-color: var(--themesecondary);border-radius: 70px;
	transition: .3s ease left, width, opacity;
	opacity: 0;z-index:-1
}
header .nav-list .overlay.active {
	opacity: 1;
}
.nav-list ul .overclass{background-color: var(--themesecondary); border-radius: 70px; transition: .3s ease left, width, opacity;opacity: 1; color: var(--themesecondary)}
.nav-list ul:hover .overclass{background-color: transparent;}
.nav-list ul:hover .overclass .nav-link{color: var(--themesecondary)}
.nav-list ul .overclass .nav-link{color: rgba(242, 242, 242, 1);}
.nav-list ul .overclass .nav-link:hover{color: rgba(242, 242, 242, 1);}

.banner-details{padding:30px 10px 0 10px;}
.banner-details h1{font-size:64px; font-weight: 600; line-height: 76.8px;}
.banner-details h1 span{font-size:64px;}
.banner-details h1 p{font-size:94px;font-weight: 600;line-height: 112.8px;}


.footer-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 85px;
  max-width: var(--breakpoint-secondary);
}
footer {
  padding: 30px;
}

	
  .footer p{width: 230px;}
.footer-logo{margin-bottom:52px; width:100px}
.bbsfooter-logo{ width:83px}
.organized-section{text-align:center}
.footer-column {
  padding: 0;
}
ul.contactinfo{width: 300px; margin-bottom: 17px;}
.contactinfo li {display:flex;gap:10px}


  
  .magiccontainer{ max-width:1400px;
    display: flex;align-items: center; position:relative; min-height: 392px;}
	.visible .magic-heading {
  position: absolute;
  z-index: 2;
  width: 100%;
  height:220px;
  animation: position-change 4s ease forwards; /* Trigger animation */
}
.visible .magic-heading h2 {
  position: absolute;
  top: 50%; /* Start at vertical center */
  left: 50%; /* Start at horizontal center */
  transform: translate(-50%, -50%); /* Center the heading */
  font-size: 28px;
  font-weight: 400;
  line-height: 33.59px;
  color: var(--themeprimary);
  text-align: center; /* Initial center alignment */
  animation: move-to-left 2s ease forwards; /* Smooth transition */
}
.visible .magic-slider {
	/*opacity: 0;  Initially invisible */
  animation: fadein-from-right 3s ease forwards; 
}
.magicimg-section{padding:50px 0}
.magicimg-section img {
  padding: 10px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.magicimg-section:hover img {
  opacity: 1;
  transform: translateY(-50px);
  cursor: pointer;
}

.magicimg-section img.grabbing {
  cursor: -webkit-grabbing; /* For Safari */
  cursor: grabbing;
}

.magicimg-section img.dragging {
  transition: transform 0.3s ease, opacity 0.3s ease;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

	.storiescontainer{display: flex;  margin-right: auto;margin-left: auto;gap:200px;}
.storiescolumn-2 {
  flex: 0 0 737px;max-width: 537px;
}

.logorevealcontainer{padding: 5px; display: flex;align-items: center; margin-right: auto; margin-left: auto;gap:105px;}
	.scratchcontainer{display: flex;align-items: center; margin-right: auto; margin-left: auto;}

.scratchcolumn-1 {
  flex: 0 0 835px;    display: flex;
    justify-content: center; position:relative;
    padding:0 65px;     flex-direction: column; 
	
}
.scratchcolumn-1 img{width:32px;margin-bottom:20px}

.scratchcolumn-1:after{ width:403px;height:72px;
    content: "";
    border:0;background: url(../images/scratch-line.svg) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: 40px;
    left: auto;
    bottom: -10px;
}

	.storiescolumn-1 {padding:0 100px 0 0;}
}
.destropdot:before{width:20px;height:20px;
    content: "";position:absolute;background:var(--themebg); z-index:-1; left: 4px; border-radius: 50%; top: 4px;}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
	
}
@media (min-width: 1360px) {
	
	}

@media (max-width: 1360px) {
	
}
@media (max-width: 992px) {
	.nav-link{
	color: var(--themeprimary);}
	.navbar-brand img{height: 30px;}
	.navbar-nav {
    width: 100%; align-items: start;
}	
.navbar {
    padding:5px 10px 5px 5px;
}
header .nav-list ul {
    background: #0e0e0e;
}
header .nav-list .overlay {height:auto! important;}
.nav-link {
    padding: 5px 34px ! important;
    font-size: 18px;
}

.navbar-collapse {
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  transition: all 0.2s ease;
  padding:5px
}
.navbar-toggler{border:0;outline:0}
	.collapsed .navbar-toggler-icon  {
    background-image: url('../images/menu.svg');
    background-position: center;
  }

  .navbar-toggler-icon {
    width: 50px;
    height: 50px;
    background-image: url('../images/menu-close.svg');
    /* Your open (close) icon image */
  }
  button:focus{border:0;outline:0}
  .innertitle h1{font-size: 30px; line-height: 36px;}
  .innertitle {padding: 26px 10px 10px 10px;}
  .innertitle h1:after {background-size: 130px; right: -50px; bottom: 30px;}
  
  
  .TabsMainSection h3{font-size:30px;padding-bottom: 30px;}
  .TabsMainSection h3:after {background-size: 150px;bottom: 10px;}
  
  .TabsMainRow {flex-direction: column-reverse;}
  .TabContent p {font-size: 18px; line-height: 21px; margin: 0; max-width: 100%; min-height:50px}
  .TabContentimg {margin-bottom: 35px;}
  .TabList{margin-top: 60px;}
  .TabList ul li a {font-size: 22px; max-width: 100%;padding: 20px 10px 15px 10px;}
  .TabList ul li:first-child a {padding: 0 10px 15px 10px;}

.magic-heading img{width:80px; margin-bottom: 10px;}
.magic-heading h2{font-size:30px;}
.magic-heading h2 p{display:inline}

.magicimg-section.slick-active img{opacity:1;}
.magiccolumn-2 {padding: 40px 0 10px;
}
.storiescontainer {padding: 20px;}
.storiescolumn-1 h3 {font-size: 30px; line-height: 38px;text-align: center;}
.storiescolumn-1 h3 span {padding-bottom: 45px;}
.storiescolumn-1 h3 span:after {width: 132px;right: -20px;}
.storiescolumn-2 {margin-top: 30px;padding-bottom: 120px;}
.stories-member-sec {padding: 40px 50px 40px 40px; top: 10px; left: 10px;}
.stories-desc {font-size: 16px; line-height: 25px;}
.stories-member, .stories-member-sec {height: 460px;width: 400px;}
.stories-slider .slick-next, .stories-slider .slick-prev {bottom: -100px; top: auto;}
.stories-slider .slick-prev {left: 40%;}
.stories-slider .slick-next {left: auto; right: 42%;}
.logorevealSection {padding: 30px 20px;}
.logorevealSection h3 {font-size: 30px; line-height: 35px; padding-bottom: 15px;}
.logorevealSection h3 span:after{ width:132px;right: -50px;
    left: auto;
    bottom: -30px;
}
.revealtextsection {width: 200px;}
.revealcolumn-1 {background-size: 300px; height: 350px;}
.revealtext {font-size: 14px;line-height: 25px;}
.revealcolumn-2{ margin-top: 26px;}
.revealcolumn-2 img{width:100%}

.scratchcolumn-1 {padding: 0;}
.scratchtext {font-size: 30px; line-height: 38px; text-align: center;}
.scratchtext span:after {width: 132px; right: -30px;}
.scratchcolumn-2 {width: 100%; display: flex; justify-content: center;}
.event-section {
    max-width: 1000px;
    height: 3600px;
    margin: 0;
    position: relative;
    padding: 0 15px; width: 100%;
}
.event-section:after{width:25px;height:25px;
    content: "";
    border:0;background: url(../images/schedule/dots.png) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute;
    left: 10px;
bottom: 10px;}
.event-visible .desctext {transform: scale(1);}
.destropdot{margin-left:-6px;}
.destropcurve{display:none}
.mobilecurve{display:block; position:absolute; left:6px; height: 3570px; }
.mobilecurve:before {
    content:"";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 16px;
border-left: 2px dotted #7e7e7e;}
.mobilecurve:after{width:25px;height:25px;
    content: "";
    border:0;background: url(../images/schedule/dots.png) no-repeat;
  background-position: center;
  background-size: cover;
  position:absolute; right: 53px;
    left: auto;
    bottom: -20px;}
.rightside-block, .leftside-block {
    position: absolute;
    z-index: 5;
    width:auto;
    margin: 0; 
    transform: none;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}

	.event-4 .point-line {margin-left: 10px;}
.desctext {
    font-size: 16px;
    line-height: 21.09px;
    margin-top: 15px;
}
.event-3 .speaker-block,.event-4 .speaker-block,.event-5 .speaker-block,.event-6 .speaker-block{padding-bottom: 20px;}
.point-line,.event-3 .point-line,.event-5 .point-line {width: auto;    position: absolute;margin-left: 10px;  left: 50px;}
.point-line.rightside:after {
    width: 25px;
    height: 25px;
    content: "";
    border: 0;
    background: url(../images/schedule/dots.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: auto;
    left: -64px;
    bottom: -11px;
}

.event-1{top: 100px;}
.event-2{top: 700px;}
.event-3{top: 1300px;}
.event-4{top: 1900px;}
.event-5{top: 2500px;}
.event-6{top: 3100px;}

.event-1 .descsection, .event-2.leftside-block .descsection,.thirditem .descsection,.leftside-block .descsection {
    width: 300px;
    margin-left: 60px;
}
.desctext,.event-2.leftside-block .desctext,.thirditem .desctext,.event-4 .desctext,.event-6 .desctext {padding: 0;}
.speaker-photoblock,.leftside-block .speaker-photoblock {margin-left: 50px;margin-bottom:30px}

.speaker-block, .leftside-block .speaker-block,.event-3 .speaker-block,.event-5 .speaker-block {
    width: auto; margin:0;    flex-direction: row;
}
    .rightside-block, .leftside-block {align-items: start;}
	.eventinfo-container {margin:0;margin-top: -40px;
    padding-bottom: 110px;background: transparent;z-index:11}
	
	.destropdot:before { background: transparent;}
	.eventinfo-container p{margin: 0; text-align: left;  padding: 30px 60px}
.TabsMainSection{padding:40px 20px;}

/* marquee Section Start */
.marqueecontainer {height: 40px;}


.simple-marquee-container {	height: 37px;}


.simple-marquee-container .marquee-content-items{height:37px;}

.simple-marquee-container .marquee-content-items li{line-height: 22px; font-size:18px;margin:0 60px;}

footer {padding:30px; font-size: 18px;}


.footer-container {
  display: flex;
 flex-direction: column;
}
.footer-logo {
    margin-bottom: 35px;
}
.footer-column{padding:0 0 35px}
.footer h5{font-size: 22px; margin: 0 0 15px;}
  .footer h4{font-size: 18px; margin: 20px 0 0; padding: 0; color: var(--themeprimary); font-weight:400;}
  .footer p{font-size: 18px; margin: 0; padding: 0; font-weight:400; }
  .footer-link li { margin-bottom: 15px; font-size:18px;}
  .footer-link li:last-child { margin-bottom: 0;}
  .footer-link li a {font-size: 18px;margin:0}
  .contactinfo li{margin-bottom: 15px; font-size: 18px;}
      .contactinfo li:last-child {margin-bottom: 0;}
	  .contactinfo li a {font-size: 18px;}
   .social-media{margin-top: 35px;}
   .copywritetxt {padding: 30px 0 10px;
        margin: 0;}
   .pcview{display:none}
   .mview{display:block}
   .magicimg-section.morelinks {background-color: var(--themesecondary);}
}


@media (max-width: 760px) {}
@media (max-width: 550px) {
	.TabContentimg img {width: 100%;}
	.stories-slider .slick-prev {left: 37%;}
	}
@media (max-width: 480px) {
	    .stories-member, .stories-member-sec {height: 460px; width: 300px;}
	    .stories-member-sec {padding: 30px 30px 30px 20px;}
		    .stories-desc {font-size: 14px; line-height: 22px;}
	.stories-author h4 {
    font-size: 18px;
    line-height: 21.78px;}
	.stories-author p {
    font-size: 14px;
    line-height: 18.75px;}
	.stories-author {padding-right: 20px;}
	    .scratchtext span:after {right: 0px;}
	
	}
@media (max-width: 400px) {	
  .TabContent p {font-size: 15px; line-height: 19px;}
      .stories-slider .slick-prev {left: 35%;}
	.stories-slider .slick-next {right: 39%;}
    .event-1 .descsection, .event-2.leftside-block .descsection, .thirditem .descsection, .leftside-block .descsection {width: 270px; margin-left: 40px;}
	    .speaker-photoblock, .leftside-block .speaker-photoblock {margin-left: 20px; transform: scale(.9);}
	}
	@media (max-width: 360px) {
    .speaker-photoblock, .leftside-block .speaker-photoblock {
        margin-left: 10px;
        transform: scale(.85);
    }
}

/* Keyframes for main heading container */
@keyframes slide-and-resize {
  0% {
    font-size: 100px;
    transform: translate(-50%, 200%); /* Start below the page center */
  }
  40% {
    font-size: 100px;
    transform: translate(-50%, -50%); /* Center the heading */
  }
  90% {
    font-size: 28px;
    transform: translate(0, 0); /* Move to origin */
    opacity: 1;
  }
  100% {
    font-size: 28px;
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* Keyframes for H2 specific animation */
@keyframes slide-h3 {
  0% {
    font-size: 82px;
    transform: translate(-50%, 100%); /* Start at bottom-center */
    text-align: center;
  }
  40% {
    font-size: 82px;
    transform: translate(-50%, -50%); /* Move to center */
    text-align: center;
  }
  90% {
    font-size: 28px;
    transform: translate(0, 0); /* Move to top-left */
    text-align: left;
    width: 100%;
  }
  100% {
    font-size: 28px;
    transform: translate(0, 0);
    text-align: left;
    width: 100%;
  }
}

@keyframes fadein-from-right {
  0% {
    opacity: 0; /* Start with invisible */
    transform: translateX(100%); /* Start from the right (off-screen) */
  }
  60% {
    opacity: 0; /* Start with invisible */
    transform: translateX(50%); /* Start from the right (off-screen) */
  }
  100% {
    opacity: 1; /* Fully visible */
    transform: translateX(0); /* End at the normal position */
  }
}