.page_landing {
	padding: 40px 0px 120px;
}

	.page_landing .page-title {
		font-size: 30px;
		padding: 20px 0px;
		text-align: left;
	}

		@media screen and (max-width: 991px) {
			.page_landing .page-title {
				font-size: 24px;
				padding: 0px 0px 20px;
				text-align: center;
			}
		}

		@media screen and (max-width: 767px) {
			.page_landing {
				padding: 40px 0px 120px;
			}

			.page_landing .page-title {
				font-size: 18px;
			}
		}


.section__landing {
	width: 100%;
	display: table;
}

	.landing_banner__left {
		width: 50%;
		display: block;
		float: left;
		text-align: right;
		padding: 0px 40px;
	}

		.landing_banner__left img {
			width: 100%;
			max-width: 320px;
		}

	@media screen and (max-width: 991px) {
		.landing_banner__left {
			width: 100%;
			text-align: center;
		}

			.landing_banner__left img {
				width: 100%;
				max-width: 200px;
			}
	}

	@media screen and (max-width: 767px) {
			.landing_banner__left img {
				max-width: 180px;
			}
	}

	.landing_banner__right {
		width: 50%;
		display: block;
		float: left;
	}

		@media screen and (max-width: 991px) {
			.landing_banner__right {
				width: 100%;
			}
		}

		.landing_banner__date {
			width: 100%;
			display: table;
		}

			.landing_banner__date--left {
				width: 280px;
		    display: block;
		    float: left;
		    font-size: 80px;
		    font-weight: bold;
		    line-height: 110px;
		    /* text-align: right; */
		    padding: 0px 20px 0px 0px;
		    text-align: left;
			}

			@media screen and (max-width: 1199px) {
				.landing_banner__date--left {
					width: 200px;
				  font-size: 60px;
				  font-weight: bold;
				  line-height: 90px;
				}
			}

			@media screen and (max-width: 991px) {
				.landing_banner__date--left {
					width: 100%;
					text-align: center;
					line-height: 60px;
				}
			}

			@media screen and (max-width: 767px) {
				.landing_banner__date--left {
					width: 50%;
					font-size: 40px;
					line-height: 60px;
					text-align: right;
					padding-right: 10px;
				}
			}

			.landing_banner__date--right {
				width: 45%;
				display: block;
				float: left;
				padding: 12px 0px 0px;
			}

			@media screen and (max-width: 991px) {
				.landing_banner__date--right {
					width: 100%;
				}
			}

			@media screen and (max-width: 767px) {
				.landing_banner__date--right {
					width: 50%;
				}
			}

				.landing_banner__month {
					width: 100%;
					display: block;

				  font-size: 30px;
				  font-weight: bold;
				  line-height: 40px;

				}

				.landing_banner__year {
					width: 100%;
					display: block;

				  font-size: 30px;
				  font-weight: bold;
				  line-height: 40px;
				}

				@media screen and (max-width: 1199px) {
					.landing_banner__month {
					  font-size: 24px;
					  line-height: 36px;
					}

					.landing_banner__year {
					  font-size: 24px;
					  line-height: 36px;
					}
				}

				@media screen and (max-width: 991px) {
					.landing_banner__month {
					  width: 50%;
					  text-align: right;
					  padding-right: 10px;
					  float: left;
					}

					.landing_banner__year {
					  width: 50%;
					  text-align: left;
					  float: left;
					}
				}

				@media screen and (max-width: 767px) {
					.landing_banner__month {
						width: auto;
					}
				}

		.landing_banner__venue {
			width: 100%;
			display: table;
		}

			.landing_banner__venue h2 {
			  font-size: 30px;
			  font-weight: bold;
			  line-height: 40px;
			}

			@media screen and (max-width: 1199px) {
				.landing_banner__venue h2 {
				  font-size: 24px;
				  font-weight: bold;
				  line-height: 36px;
				}
			}

			@media screen and (max-width: 767px) {
				.landing_banner__venue h2 {
				  font-size: 18px;
				  font-weight: bold;
				  line-height: 24px;
				}
			}

			@media screen and (max-width: 991px) {
				.landing_banner__venue {
					text-align: center;
				}
			}

		.landing_banner__sponsors {
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    gap: 30px;
	    padding: 20px 0px;
		}

		@media screen and (max-width: 991px) {
			.landing_banner__sponsors {
		    justify-content: center;
		  }
		}

		@media screen and (max-width: 767px) {
			.landing_banner__sponsors {
	    	padding: 20px 0px 10px;
		  }
		}

			.landing_banner__sponsor {
			}

				.landing_banner__sponsor img {
					width: 100%;
					max-width: 100px;
				}

				@media screen and (max-width: 991px) {
					.landing_banner__sponsor img {
						width: 100%;
						max-width: 60px;
					}
				}

.section__why {
	display: table;
	max-width: 1140px;
	width: 100%;
	margin: 40px auto;
	background: #fff;
	border-radius: 24px;
	padding: 0px 40px;
}

	@media screen and (max-width: 991px) {
		.section__why {
			border-radius: 0px;
			margin: 0px;
		}
	}

	.section__why h3.sub-title {
		font-weight: 700;
		font-size: 24px;
		text-align: center;
		line-height: 48px;
		padding: 40px 0px;
	}

		.why__wrap {
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.why__box {
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-webkit-box-flex: 1; 
			-ms-flex-positive: 1;
			flex-grow: 1;
			max-width: 100%;

			margin-bottom: 100px;
			margin-right: 48px;
		}

		@media screen and (max-width: 991px) {
			.why__box {
				margin-bottom: 40px;
			}
		}

		@media screen and (max-width: 767px) {
			.why__wrap {
				width: 100%;
				display: table;
				-ms-flex-wrap: inherit;
				flex-wrap: inherit;
			}
			.why__box {
				margin-bottom: 20px;
				margin-right: 0px;
				text-align: center;
			}
		}

		.why__box:nth-child(3n) {
			margin-right: 0px;
		}

		.why__box img {
			width: 80px;
			height: 80px;
			object-fit: contain;
			margin-bottom: 20px;
		}

		.why__box h4 {
			display: table;
			width: 100%;
			font-weight: 800;
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 20px;
		}

		.why__box span {
			display: table;
			width: 100%;
			font-weight: 500;
			font-size: 16px;
			line-height: 28px;
			color: #A19E9E;
		}

		@media screen and (max-width: 767px) {
			.why__box img {
				margin-bottom: 10px;
			}

			.why__box h4 {
				margin-bottom: 20px;
			}

			.why__box span {
			}
		}

.section_who {
	display: table;
	max-width: 1140px;
	width: 100%;
	height: 500px;
	margin: 40px auto;
	background: #fff;
	border-radius: 24px;
	padding: 0px 40px;
}

@media screen and (max-width: 991px) {
	.section_who {
		padding-top: 40px;
		padding-bottom: 20px;
		border-radius: 0px;
		margin: 0px;
	}
}

.who__box {
	display: table;
	width: 100%;
	height: 500px;
	max-width: 1140px;
	margin: 0px auto;
}

@media screen and (max-width: 1199px) {
	.who__box {
		background-size: 500px;
	}
}

@media screen and (max-width: 991px) {
	.who__box {
		background: url(/images/home/participate.png) no-repeat;
		background-position: right 65px;
		background-size: 380px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.who__box {
		background: url(/images/home/participate-full.png) no-repeat;
		background-position: center top;
		background-size: 100%;
	}
}

.who__box--left {
	float: left;
	width: 50%;
	padding: 40px 135px 77px 0px;
}
@media screen and (max-width: 1199px) {
	.who__box--left {
		padding: 77px 70px 77px 0px;
	}
}
@media screen and (max-width: 991px) {
	.who__box--left {
		padding: 20px 0px;
	}
}
@media screen and (max-width: 767px) {
	.who__box--left {
		padding: 40px 0px;
		width: 100%;
	}
}

.who__box--left h3 {
	font-size: 24px;
	font-weight: 900;
	line-height: 28px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.who__box--left h3 {
		text-align: center;
	}
}

.who__box--left span {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 20px;
	color: #A19E9E;
	display: table;
	width: 100%;
}
/*
.who__box--left label {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	width: 100%;
	display: table;
	margin-bottom: 20px;
}*/

.who__box--left ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.who__box--left ul li {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 10px;
	position: relative;
	font-size: 16px;
}

.who__box--left ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	background: linear-gradient(90deg, #E46B96 -1.61%, #FF5089 38.65%, #ED488A 71.68%, #D73E8C 101.61%);
	border-radius: 25px;
	left: 10px;
	top: 10px;
}
	
	.who__box--right {
		padding: 80px 0px 0px;
	}

		@media screen and (max-width: 991px) {
			.who__box--right {
				padding: 20px 0px;
				width: 100%;
				text-align: center;
			}
		}

		@media screen and (max-width: 768px) {
			.who__box--right {
			}
		}

	  .who__box--right .facebookvideo-responsive {
	    position: relative;
	    height: 400px;
	    overflow: hidden;
	  }

	  @media screen and (max-width: 991px) {
		  .who__box--right .facebookvideo-responsive {
		    display: table;
		    width: 100%;
		    text-align: left;
		  }
	  }

		@media screen and (max-width: 768px) {
		  .who__box--right .facebookvideo-responsive {
	    	height: 200px;
		  }
		}

	  .who__box--right .facebookvideo-responsive iframe, 
	  .who__box--right .facebookvideo-responsive .fb-video {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	  }



.section__interested {
	text-align: center;
}

	.section__interested img.btn-interested {
		width: 100%;
		max-width: 400px;
	}

	@media screen and (max-width: 767px) {
		.section__interested img.btn-interested {
			width: 100%;
			max-width: 200px;
		}
	}

.section__registration {
	display: table;
	max-width: 660px;
	width: 100%;
	margin: 40px auto;
	background: #fff;
	border-radius: 24px;
	padding: 0px 40px;
}

.section__checkin {
	display: table;
	max-width: 660px;
	width: 100%;
	margin: 40px auto;
	background: #fff;
	border-radius: 24px;
	padding: 0px 40px;
}

@media screen and (max-width: 767px) {
	.section__registration {
		padding: 0px 0px;
		border-radius: 0px;
			margin: 0px;
	}

	.section__checkin {
		padding: 0px 0px;
		border-radius: 0px;
	}
}

#frm_register {
}

	#frm_register .register-success {
		display: table;
		width: 100%;
		text-align: center;
		padding: 20px 0px 50px;
	}

		#frm_register .register-success img {
			width: 100px;
			margin: 0px auto;
		}

		#frm_register .register-success .btn {
			margin: 0px auto;
			text-decoration: none;
		}

#frm_checkin {
}

	#frm_checkin .checkin-success {
		display: table;
		width: 100%;
		text-align: center;
		padding: 20px 0px 50px;
	}

		#frm_checkin .checkin-success img {
			width: 100px;
			margin: 0px auto;
		}

  #frm_register .iti, #frm_checkin .iti {
    width: 100%;
  }

.qr-items {
	display: flex;
	width: 100%;
	background: #fff;
	padding: 40px;
}

  	.qr-item {
  		display: block;
  		width: 50%;
  		text-align: center;
  	}

  	.qr-item a {
  		text-decoration: none;
  	}

  	.qr-item img {
  		display: block;
  		width: 100%;
  		max-width: 300px;
  		margin: 0px auto;
  	}


.section__programme {
	display: table;
	max-width: 660px;
	width: 100%;
	margin: 40px auto;
	background: #fff;
	border-radius: 24px;
	padding: 20px 40px;
}
	
	.page_landing .section__programme {
		max-width: 1140px;
	}

	@media screen and (max-width: 991px) {
		.page_landing .section__programme {
			padding: 0px 0px 100px;
			border-radius: 0px;
			margin: 40px 0px 0px;
		}
	}

	@media screen and (max-width: 767px) {
		.section__programme {
			padding: 0px 0px 100px;
			border-radius: 0px;
			margin: 0px;
		}
	}

	.section__programme .page-subtitle {
		line-height: 28px;
		font-size: 24px;
		padding: 20px 0px;
	}

	.programme__box {
		width: 100%;
		display: table;
	}

		.programme__title {
			width: 100%;
			display: table;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			padding: 10px 0px 10px;
		}

		.section__programme .gallery {
			text-align: center;
		}

		.section__programme .gallery a {
			text-decoration: none;
	    float: left;
	    width: 33%;
		}

		@media screen and (max-width: 767px) {
			.section__programme .gallery a {
		    width: 50%;
		    padding-bottom: 40px;
			}
		}

			.section__programme .gallery label {
				font-weight: bold;
		    text-align: center;
		    display: block;
		    width: 100%;
		    text-decoration: none;
		    color: #000;
		    height: 70px;
			}
		/*
		.programme__items {
			width: 100%;
			display: table;
		}
		
			.programme__item {
				width: 100%;
				display: table;
				padding: 10px 0px;
			}
		
				.programme__item_name {
					width: calc(100% - 130px);
					display: block;
					float: left;
				}
		
				.programme__item_time {
					width: 130px;
					display: block;
					float: left;
					text-align: center;
				}

	.slideshow-container {
		display: flex;
		gap: 10px;
		overflow-x: auto;
	  justify-content: center; 
	  align-items: center;     
	}
		.slideshow-container .slide {
		  height: 160px;
		  cursor: pointer;
		  transition: transform 0.2s ease;
		}

			.slideshow-container .slide:hover {
			  transform: scale(1.05);
			}

		.slideshow-container .slide label {
			font-weight: bold;
			text-align: center;
			display: table;
			width: 100%;
		}

		.slideshow-container .slideshow-box {
			text-align: center;
		}

	#lightbox {
		display: none;
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		justify-content: center;
		align-items: center;
		z-index: 9999;
	}
		#lightbox img {
			max-width: 90%;
			max-height: 90%;
			cursor: zoom-in;
			transition: transform 0.3s ease;
		}

		#lightbox img.zoomed {
			transform: scale(2);
			cursor: zoom-out;
		}*/