.overlay {
	position: fixed;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}
	.overlay .modal {
		width: 90%;
		max-width: 600px;
		max-height: 600px;
		background: #f9f9f9;
		border-radius: 12px;
		padding: 20px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		overflow: auto;
	}
	.overlay .modal .speaker-dp {
		width: 200px;
		height: 200px;
		overflow: hidden;
		margin: 0 0 20px;
	}
	.overlay .modal .speaker-dp img {
		width: 100%;
		border-radius: 100%;
	}
	.overlay .modal .speaker-desc {
		width: calc(100% - 200px);
		padding-left: 20px;
		font-size: 12px;
	}
	.overlay .modal .speaker-name {
		font-weight: 600;
		font-size: 18px;
	}
	.overlay .modal .speaker-title {
		font-size: 12px;
		text-transform: uppercase;
		margin: 0 0 10px;
	}
	.overlay .modal .speaker-bio {
		margin: 0 0 20px;
	}


html, body {
  font-size: 15px;
	font-family: 'Hanken Grotesk', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -1px;
	font-weight: 600;
  line-height: 1.2em;
  font-family: 'Inter', sans-serif;
}

	h1 {
		margin: 0;
		padding: 0;
		font-size: 90px;
	}
		h1 span {
			display: block;
			font-weight: 400;
			line-height: 1.3em;
			margin: 15px 0 0;
			padding: 0;
			font-size: 18px;
			font-weight: 600;
			letter-spacing: 0;
			font-family: 'Hanken Grotesk', sans-serif;
		}

	h2 {
		font-size: 40px;
		font-family: 'Hanken Grotesk', sans-serif;
		letter-spacing: 0;
	}
		h2 span {
			display: inline-block;
			font-weight: 600;
			line-height: 1.3em;
			background: #3c2180;
			color: #fff;
			padding: 8px;
			font-size: 16px;
			text-transform: uppercase;
		}
  h3 {
    font-size: 34px;
  }
  h5 {
  	font-size: 24px;
  	letter-spacing: 0;
  	line-height: 1.5em;
  	border-bottom: solid 3px #111;
  	padding: 0 0 40px;
  	margin: 0 0 15px;
  	font-weight: 700;
  }

p {
	margin: 0 0 15px;
	font-size: 15px;
}

.bg-static {
	width: 100%;
	height: 100%;
	position: fixed;
	background-size: cover;
	background-position: center;
	z-index: 1;
	top: 0;
	left: 0;
}

.bg-purple {
	background: #35184d !important;
}
.bg-slate {
    background: #202020 !important;
}
.bg-gradient-purple {
	background: linear-gradient(90deg,#35184d,#3d2182) !important;
}

.button {
	border: none;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  height: 55px;
  line-height: 55px;
  min-width: 160px;
  border-radius: 8px;
  transition: all 0.2s;
  letter-spacing: 0;
  cursor: pointer !important;
}
	.button.smallest {
		height: 20px;
		line-height: 20px;
		font-size: 9px;
		opacity: 0.7;
	}
	.button.smaller {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.button.inline {
		display: inline-block !important;
	  width: auto !important;
	  margin: 0 auto;
	}
	.button.purple {
		background: #4f2373;
  	color: #fff;
	}
	.button.white {
		background: #fff;
  	color: #4f2373;
	}
	.button.gold {
		background: #bd9c67;
  	color: #fff;
	}
	.button.blank {
		color: #fff;
		background: none;
	}

.section {
	width: 100%;
	padding: 20px;
	position: relative;
	z-index: 2;
	color: #fff;
	background: #000;
}
	.section.home {
		background: none;
		text-align: left;
		height: 90%;
	}
	.section.home:after {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(61,33,130);
		background: linear-gradient(0deg, rgba(61,33,130,1) 0%, rgba(46,24,99,1) 100%);
	}

.container {
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
	.intro {
		font-size: 18px;
		max-width: 650px;
	}

.breaker {
	padding: 10px 20px;
	margin: 0px auto 45px;
	position: relative;
	z-index: 3;
	color: #333;
	text-align: center;
}
	.breaker .container {
		padding: 15px 0;
	}
	.breaker h6 {
		padding: 0;
		margin: 0 40px 0 0;
		line-height: 1.1em;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 2px;
		text-align: left;
	}
	.breaker #timer {
		font-size: 60px;
		line-height: 1em;
		font-weight: 700;
		margin: 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
	}
    .breaker #timer div {
        text-align: center;
        margin: 0 50px;
    }
    .breaker #timer span {
        display: inline-block;
        margin: 0 5px;
        line-height: 1em;
    }
    .breaker #timer span.label {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 800;
    }

.stats {
	text-align: center;
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 55px 0 0;
}
	.stat {
		font-size: 80px;
		line-height: 55px;
		padding: 0;
		font-weight: 900;
		margin: 0 40px 25px;
		background: #fff;
		border-radius: 100%;
		color: #35184d;
		padding: 20px;
		width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
	}
	.stat span {
		display: block;
		font-size: 16px;
		text-transform: uppercase;
    line-height: 1.1em;
    margin: 15px 0 0;
    font-weight: 700;
	}

#anvayaslider {
  margin: 25px 0 50px;
}

  .splide__arrows {
    position: absolute;
    top: -40px;
    right: 50px;
  }
  .splide__arrow {
    background: #fff;
    width: 40px;
    height: 40px;
    font-size: 15px;
    opacity: 1;
  }
  .splide__arrow--prev {
    left: 10px;
  }
  .splide__arrow--next {
    right: 0;
  }
  .splide__sr {
    display: none;
  }

.properties .splide__slide {
  width: 25%;
  margin: 0 5px;
}
  .properties .splide__slide img {
    width: 100%;
    border-radius: 10px;
  }


.theme-wrapper {
	display: flex;
	margin: 5px 0;
}

	.theme-wrapper .theme {
	 	background-position: center;
	 	background-size: cover;
	 	background-position: center;
	 	max-width: 600px;
	 	display: flex;
	 	justify-content: center;
	 	align-items: center;
	 	flex-wrap: wrap;
	 	padding: 100px 50px;
	 	position: relative;
	 }
	 	.theme:after {
	 		content: "";
	 		width: 100%;
	 		height: 100%;
	 		background: rgba(0,0,0,0.6);
	 		position: absolute;
	 		top: 0;
	 		left: 0;
	 	}
	 	.theme > div {
	 		max-width: 80%;
	 		position: relative;
	 		z-index: 2;
	 	}
	 	.theme .theme-title {
	 		padding: 12px 0;
	 		font-size: 22px;
	 		font-weight: 700;
			line-height: 1.2em;
			position: relative;
			z-index: 2;
			display: inline-block;
			position: relative;
		}
		.theme .theme-title span {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.theme .theme-title:after {
			content: "";
			width: 140px;
			height: 3px;
			background: #fff;
			position: absolute;
			top: 0;
			left: 0;
		}

	.theme-wrapper .speakers {
		width: calc(100% - 600px);
		padding: 30px 30px 0;
	}
		.speakers h6 {
			font-size: 14px;
			letter-spacing: 0;
			text-transform: uppercase;
		}
		.keynote .profile {
			margin: 0 auto;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: wrap;
		}
		.keynote .profile img {
			max-width: 200px;
			border-radius: 100%;
			margin: 0 20px 0 0;
		}
		.keynote .summary {
			width: calc(100% - 300px);
		}
		.keynote .summary span {
			display: block;
		}
		.keynote .summary span.name {
			font-size: 18px;
			font-weight: 600;
			line-height: 1.5em;
		}
		.keynote .summary span.company {
			font-size: 12px;
			margin: 0 0 20px;
		}
		.keynote .summary p {
			font-size: 12px;
		}

	.panel-wrapper {
		margin: 40px 0 0;
	}
  	.panels {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
		}
			.speaker {
				width: 25%;
				padding: 0;
			}
			.speaker .readmore {
				margin: 5px 0 10px;
				width: calc(100% - 20px);
			}
			.speaker .profile img {
				border-radius: 10px;
				width: 90%;
				margin: 0;
				display: block;
			}
			.speaker .summary {
				width: 90%;
				border-top: solid 2px rgba(255,255,255,0.3);
			}
			.speaker span.name,
			.speaker span.company {
				display: block;
			}
			.speaker span.name-title  {
				display: block;
				font-size: 0.7em;
				margin: 0 0 20px;
			}
			.speaker span.name {
				font-size: 15px;
				line-height: 1.2em;
				margin: 10px 0 5px;
				color: #bd9c67;
				font-weight: 600;
			}
			.speaker span.company {
				font-weight: 600;
				margin-bottom: 20px;
				padding-bottom: 20px;
				line-height: 1.3em;
				font-size: 11px;
			}
			.speaker .bio {
				display: none;
				font-size: 0.9em;
			}

	.sponsor {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
		.sponsor h6 {
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin: 0 20px 0 0;
			width: 200px;
		}

		.partner-logos {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
			.partner-logo {
				display: flex;
				background: #fff;
				justify-content: center;
				align-items: center;
				width: 150px;
				height: 150px;
				border-radius: 15px;
				margin: 0 8px;
			}
				.partner-logo img {;
					max-width: 80%;
					max-height: 60%;
				}

.registration-cta {
	margin: 25px 0 0;
}
	.registration-cta .button {
		display: inline-block;
		margin-right: 10px;
	}

.footer {
    font-size: 12px;
    background: linear-gradient(90deg,#4e2373,#36194f);
}
    .footer .legal a {
        display: block;
    }
    .footer .container {
    	padding: 10px 40px;
    }
  

@media (max-width: 1180px) {

	.theme-wrapper .theme {
		width: 500px;
	}
	.theme-wrapper .speakers {
		width: calc(100% - 500px);
	}
  .keynote .summary {
  	width: 100%;
  	margin: 20px 0 0;
  }

  .speakers {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: flex-start;
  	align-items: flex-start;
  	margin: 0;
  }
  .speaker,
  .partner {
  	width: 50%;
  	padding: 0;
  	margin: 0 0 30px;
  }
  .speaker .bio,
  .speaker .summary {
  	width: 90%;
  }
	.speaker .profile {
		margin: 0 auto 5px;
		text-align: center;
	}
	  .speaker span.name,
	  .speaker span.company {
	  	min-height: auto
	  }
  	.speaker .profile img {
  		margin: 0;
  		max-width: 100%;
  	}

  .partner-logos {
  	width: 100%;
  	justify-content: flex-start;
  }

}

@media (max-width: 1000px) {

	.theme-wrapper {
		flex-wrap: wrap;
	}
	.theme-wrapper .theme,
	.theme-wrapper .speakers {
		width: 100%;
	}
		.theme-wrapper .theme {
			max-width: none;
			max-height: none;
			height: auto;
		}

  .container {
    width: 100%;
  }

  .speaker {
  	width: 25%;
  }

  .partner-logo { 
  	width: calc(25% - 20px);
  	height: 150px;
  }

  .section.introduction .columns {
    margin: 0 0 25px;
  }

  .breaker #timer {
  	font-size: 32px;
  }
	  .breaker #timer div {
	  	margin: 0 5px;
	  }

	.rego-hero {
		display: none;
	}

  .venue h1 {
  	padding-bottom: 0 !important;
  }

  #anvayaslider {
    margin-top: 75px;
  } 

}


@media (max-width: 700px) {

	.overlay .modal {
		height: auto;
		max-height: 95%;
	}
	.overlay .modal .speaker-dp {
		width: 80%;
		margin: 0 auto 15px;
		height: auto;
		overflow: hidden;
	}
	.overlay .modal .speaker-desc {
		width: 100%;
		padding: 0;
	}
	
	

	.container {
		padding: 20px;
	}

	h1 {
		font-size: 43px;
		line-height: 1em !important;
	}
	h5 {
		font-size: 22px;
	}

	.cta > a.button {
		width: 100%;
		margin: 5px 0 !important;
	}

	.breaker #timer {
		flex-wrap: wrap;
	}
	.breaker #timer h6 {
		width: 100%;
		text-align: center;
		margin: 0 0 20px;
	}

	.speaker {
  	width: 50%;
  }
  
  .sponsor h6 {
  	text-align: center;
  	margin: 20px 0 10px;
  	width: 100%;
  }

  .partner-logos {
  	justify-content: center;
  }
	  .partner-logo { 
	  	width: calc(50% - 20px);
	  	height: 85px;
	    margin: 10px 0;
	  }

}