@font-face {
	font-family: 'lemon-milk';
	src: url('../fonts/LEMONMILK-Regular.otf');
  }
.ticket{
    background-color: #000000;
    padding: 20px 5px;
  }
  .booknow-text{
	  position: relative;
  }
	.booknow-text p{
		color: white;
		font-size: 30px;
		text-align: center;
		padding: 20px 0px;
		font-weight: bold;
	}
   .booknow-text-belowline1{
	   position: relative;
	   bottom:34px;
	   text-align: center;
	   width: 25%;
	   border: 1px solid #2ECC71;
   }
   .booknow-text-belowline2{
	position: relative;
	bottom:37px;
	text-align: center;
	width: 20%;
	border: 1px double #2ECC71;
}
.ticketdate {
	max-width: 18rem;
	padding: 0 0.5rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4rem;
}
.ticketdate label {
	font-size: 0.75rem;
	font-weight: 400;
	display: block;
	margin-bottom: 0.5rem;
	color: #B0BEC5;
	border: 1px solid #ECEFF1;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
}
.ticketdate input {
	font-family: 'Roboto', sans-serif;
	display:block;
	border: none;
	border-radius: 0.25rem;
	border: 1px solid transparent;
	line-height: 1.5rem;
	padding: 0;
	font-size: 1rem;
	color: #607D8B;
	width: 100%;
	margin-top: 0.5rem;
}
.ticketdate input:focus {outline: none;}
#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
.ticketdate table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #78909C;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #546E7A;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #E0F2F1;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #009688;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {	
	left: 0;	
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-size: 0.5rem;
	background-position: 50%;
	transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 50%;
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909C;
	font-weight: 400;
	font-size: 0.75rem;
}
  /* ticket end */
  
  .about{
    padding-top: 70px;
    background-color: black;
  }
  .about-img{
    width: 100%;
    padding-top: 21px;
  }
  .about-img img{
  width: 100%;
  }
  .about-text{
   padding: 25px 60px;
   /* box-shadow: 1px 1px 5px white; */
  }
  .about-text p{
    color: white;
    padding: 10px 2px;
    text-align: justify;
  }
  .about-text h4 {
    color: white;
    padding: 10px 2px;
    text-align: center;
	font-size: 30px;
    text-shadow: 1px 1px 20px white;
    /* text-align: justify; */
  
  }
  .about-text a {
    color: white;
  }
  .gallery{
    background-color: transparent !important;
    padding: 100px;
  }

  .galleryimg:hover{
    box-shadow: 1px 2px 15px white;
  }
  .team-mbl{
		display: none !important;
  }
.box input{
	border:0;
	background: none;
	display: block;
	/* margin: 20px auto; */
	border: 2px solid #3498db;
	padding: 14px 10px;
	outline: none;
	color: white;
	border-radius: 10px;
	transition: 0.25s;
	
	
  }
  
  .box a
  {
	border:0;
	background: none;
	display: block;
	margin: 20px auto;
	text-align: center;
	border: 2px solid #3498db;
	padding: 14px 10px;
	width: 200px;
	outline: none;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	width:10%;
  }
  .box input:focus{
	/* width: 280px; */
	 animation: 9s colorChange alternate;
	height: 0.3s;
	 width :0.3s 0.1s;
  }
  .box input{
	border:0;
	background: none;
	display: block;	
	border: 2px solid #ffffff;
	padding: 14px 40px;
	outline: none;
	color: white;
	border-radius: 10px;
	transition: 0.25s;
	cursor: pointer;
  }
 
  .box select{
	border:0;
	background: none;
	display: block;
	/* margin: 20px auto; */
	border: 2px solid #ffffff;
	padding-left: 40px;
	outline: none;
	color: white;
	border-radius: 10px !important;
	transition: 0.25s;
	cursor: pointer;
  }
  
  .box a[type = "submit"]{
	border:0;
	background: none;
	display: block;
	margin: 20px auto;
	text-align: center;
	border: 2px solid #2ecc71;
	padding: 10px;
	width: 200px;
	outline: none;
	color: white;
	border-radius: 10px;
	transition: 0.25s;
	cursor: pointer;
  }
  .box input[type = "submit"]:hover{
	background: #2ecc71;
  }
  
  .box a[type = "submit"]:hover{
	background: #2ecc71;
  }
  
  @-webkit-keyframes colorChange {
	0%   { border-color: #007bff;  }
	5%  { border-color: #6610f2; }
	10%  { border-color: #6f42c1;}
	15%  { border-color: #e83e8c; }
	20% { border-color: #dc3545;}
	 25%   { border-color: #fd7e14;  }
	30%  { border-color: #ffc107; }
	35%  { border-color: #28a745;}
	40%  { border-color: #20c997; }
	45%  { border-color: #17a2b8;}
	50%  { border-color: #6c757d;  }
	55%  { border-color: #343a40; }
	60%  { border-color: #007bff;}
	65%  { border-color: #6c757d; }
	70% { border-color: #28a745;}
	75% { border-color: #17a2b8;}
	80% { border-color: #ffc107;}
	85% { border-color: #dc3545;}
	90% { border-color: #343a40;}
	95% { border-color: #28a745;}
	100% { border-color: #20c997;}
  }

.banao-img{
	width: 100%;
}
.mbl-banao-img{
display: none;
width: 100% !important;
}
.more-button{
	width: 30%;
	position: absolute;
	bottom: 7% !important;
	right: 10%;
}


@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);

:root {
  /* Base font size */
  font-size: 10px;   
  
  /* Set neon color */
  --neon-text-color: #f40;
  --neon-border-color: #08f;
}

 

.button-text {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  padding: 15px 50px;
  border: 0.4rem solid #fff;
  border-radius: 2rem;
  text-transform: uppercase;
  animation: flicker 1.5s infinite alternate;     
}

.button-text::-moz-selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.button-text::selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.button-text:focus {
  outline: none;
}

/* Animate neon flicker */
@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2rem var(--neon-text-color),
            0 0 4rem var(--neon-text-color),
            0 0 6rem var(--neon-text-color),
            0 0 8rem var(--neon-text-color),
            0 0 10rem var(--neon-text-color);
        
        box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color);        
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}
.privacy-head{
	color: white;
	font-weight: bold;
	font-size: 30px;
	padding: 30px 2px;
}
.privacy-text-belowline1{
	position: relative;
	bottom:34px;
	text-align: center;
	width: 15%;
	border: 1px solid #FFC107;
}
.privacy-text-belowline2{
 position: relative;
 bottom:37px;
 text-align: center;
 width: 10%;
 border: 1px double #FFC107;
}
.privacy p, span{
	font-size: 17px !important;
}
.privacytext p{
color: white !important;
font-size: 17px;
}
.privacytext h1, h2, h3, h4, h5, h6{
	color: white !important;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0px;
}
.term-condition-text p{
	color: white !important;
	font-size: 17px;
	font-weight: 500;
}




 
.winner-wrap{
  max-width:280px;
  min-height:280px;
  background:#b21f66;
  margin:5% auto 0;
  position:relative;
  padding:1rem 2rem 6.5rem 2rem;
  font-family: 'Lato', sans-serif;
  text-align:center;
  cursor:pointer;
}
.winner-wrap:hover .right-ribbon{
  right:-45px;
  border-left:20px solid #E0B05C;
  transition:all ease .3s;
}
.winner-wrap:hover .left-ribbon{
  left:-45px;
  border-right:20px solid #E0B05C;
  transition:all ease .3s;
}
.winner-wrap:hover .winner-ribbon{
  box-shadow:0 3px 6px 0px rgba(0,0,0,0.2);
  transition:all ease .3s;
}
.border{
  position:absolute;
  width:90%;
  height:90%;
  border:1px solid rgba(255, 189, 105, 0.4);
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;
}
.medal-box{
  width:60px;
  height:60px;
  background:#fe346e;
  color:#ffbd69;
  border-radius:50px;
  line-height:70px;
  font-size:2.3rem;
  margin:.8rem auto 1rem;
}
.winner-wrap h1{
  color:rgba(255, 189, 105, 0.95);
  font-weight:700;
  text-transform:uppercase;
}
.winner-wrap h2{
  color:#fff;
  font-weight:400;
  text-transform:uppercase;
}
.winner-ribbon{
  width:100%;
  height:50px;
  background:#ffbd69;
  text-align:center;
  font-family: 'Bebas Neue', cursive;
  font-size:2.8rem;
  color:#fe346e;
  position:absolute;
  bottom:45px;
  left:0;
  z-index:99;
  box-shadow:0 10px 15px -7px rgba(0,0,0,0.2)
}
.right-ribbon{
  width:0;
  height:0;
  position:absolute;
  right:-35px;
  bottom:30px;
  border-top:24px solid #E0B05C;
  border-bottom:24px solid #E0B05C;
  border-left:10px solid #E0B05C;
  border-right:25px solid transparent;
  transition:all ease .3s;
}
.left-ribbon{
  width:0;
  height:0;
  position:absolute;
  left:-35px;
  bottom:30px;
  border-top:24px solid #E0B05C;
  border-bottom:24px solid #E0B05C;
  border-left:25px solid transparent;
  border-right:10px solid #E0B05C;
  transition:all ease .3s;
} 
.participate-btn{
	color: white !important;
	background-image: linear-gradient(to right, #0ECF50 , #14A1E9);
	padding: 20px 40px;
	border-radius: 50px;
	width: 100% !important;
	font-weight: bold;
	letter-spacing:0.1cm;
	font-size: 20px !important;
}
.opennow{
	color: white !important;
	text-align: center;
	/* text-shadow: 2px 2px 10px rgb(240, 174, 31) ; */
}
 
 .banao-img-mbl{
	 background-image: url('../../images/BANAO-FINAL/banao-empty.webp');
	 width: 100%;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size:100% 100% !important;
	 margin-top: 50px;
	 
 }
 .banao-mbl-text-top{
	 padding-top: 30px;
	 padding-bottom: 10px;
	 text-align: center;
 }
 .banao-mbl-text-top h1{
	 color: #FFC12E;
	 font-family: 'lemon-milk' !important;
     font-weight: bold;
	 text-shadow: 1px 1px 5px #FFC12E;
	 font-size: 25px;
 }
 .banao-mbl-text-top p{
	 font-size: 11px;
	color: white;
	line-height: 0.7;
 }
 .banao-mbl-text-top img{
	 width: 45%;
 }

.timeline-head{
	color: #FFC12E;
	font-family: 'lemon-milk' !important;
	font-weight: bold;
	text-shadow: 1px 1px 2px #FFC12E;
	font-size: 18px;
}

.timeline-text{
	color: #ffffff;
	font-family: 'lemon-milk' !important;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	display: flex;
}
#more {
	display: none;
	font-family: 'lemon-milk';
	color: white;
	font-size: 14px !important;
 }
 .readmorebtn{
   padding: 10px;
   width: 50%;
   background-color: transparent;
   color: white !important;
 }
 #more1 {
   display: none;
   font-family: 'lemon-milk';
   color: white;
   font-size: 14px !important;
 }
  #myBtn{
   border: 1px solid #FCAD03;
  }
  #myBtn:hover{
	background-color:  #da9707;
 
  }
  #myBtn1{
   border: 1px solid #96BC45;
  }
  #myBtn1:hover{
   background-color:  #96BC45;
 }
 .team-head{
	 position: relative !important;
 }
 .team-head h1{
           color: white !important;
		   font-size: 40px;
		   font-weight: bold;
		   text-shadow: rgb(0, 185, 31) 0px 0px 5px;
 }
 .aboutteam-text-belowline1{
	position: relative;
	top:0px;
	text-align: center;
	width: 25%;
	border: 1px solid #439857;
}
.aboutteam-text-belowline2{
	position: relative;
	/* top:1px; */
	text-align: center;
	width: 20%;
	border: 1px double #439857 ;
}


.card-container {
	background-color: #231E39;
	border-radius: 5px;
	box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
	color: #B3B8CD;
	padding-top: 30px;
	position: relative;
	width: 350px;
	max-width: 100%;
	text-align: center;
}

.card-container .pro {
	color: #231E39;
	background-color: #FEBB0B;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 7px;
	position: absolute;
	top: 30px;
	left: 30px;
}

.card-container .round {
	border: 1px solid #03BFCB;
	border-radius: 50%;
	padding: 7px;
}

button.primary {
	background-color: #03BFCB;
	border: 1px solid #03BFCB;
	border-radius: 3px;
	color: #231E39;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: 10px 25px;
}

button.primary.ghost {
	background-color: transparent;
	color: #02899C;
}