@font-face {
    font-family: 'Montserrat ExtraLight';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Black';
    src: url('fonts/Montserrat-Black.eot');
    src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Black.woff2') format('woff2'),
        url('fonts/Montserrat-Black.woff') format('woff'),
        url('fonts/Montserrat-Black.ttf') format('truetype'),
        url('fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Light.woff2') format('woff2'),
        url('fonts/Montserrat-Light.woff') format('woff'),
        url('fonts/Montserrat-Light.ttf') format('truetype'),
        url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBold.woff') format('woff'),
        url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff'),
        url('fonts/Montserrat-Medium.ttf') format('truetype'),
        url('fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('fonts/Montserrat-Thin.eot');
    src: url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Thin.woff2') format('woff2'),
        url('fonts/Montserrat-Thin.woff') format('woff'),
        url('fonts/Montserrat-Thin.ttf') format('truetype'),
        url('fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype'),
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face{
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style:normal;
}

html, body{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}
.body-landing{
	overflow: hidden;
}

button,
input,
textarea{
	outline: none;
}

.err{
	position: relative;
	display: block;
	color: red;
	display: none;
	font-family: 'Montserrat Regular';
	font-size: 14px;
	margin-top:5px;
}

.swal-sm {
	width: 350px !important;
	font-size: 14px;
}

.swal-sm .swal2-popup {
  padding-top: 2.5em !important;
}

.swal-sm .swal2-title {
  	font-size: 16px !important;
}

.swal-sm .swal2-html-container {
  	font-size: 14px !important;
}

.swal-sm .swal2-confirm,
.swal-sm .swal2-cancel {
	padding: 4px 12px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
}

/* Ukuran ikon swal2 (success, error, warning, dll) */
.swal-sm .swal2-icon {
	width: 50px !important;
	height: 50px !important;
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

/* Success icon (centang) penyesuaian */
.swal-sm .swal2-icon.swal2-success .swal2-success-line-tip,
.swal-sm .swal2-icon.swal2-success .swal2-success-line-long {
	height: 3px !important;
	background-color: #4ba319;
}

.swal-sm .swal2-icon.swal2-success .swal2-success-line-tip {
	top: 26px !important;
	left: 8px !important;
	width: 18px !important;
	transform: rotate(45deg);
}

.swal-sm .swal2-icon.swal2-success .swal2-success-line-long {
	top: 22px !important;
	right: 3px !important;
	width: 30px !important;
	transform: rotate(-45deg);
}

/* Lingkaran icon success */
.swal-sm .swal2-icon.swal2-success .swal2-success-ring {
	width: 50px !important;
	height: 50px !important;
	border-width: 4px !important;
}

/* Error icon (X) penyesuaian */
.swal-sm .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
	top: 23px !important;
	width: 30px !important;
	height: 3px !important;
	background-color: #e93c3c;
}

.swal-sm .swal2-icon.swal2-error .swal2-x-mark-line-left {
	left: 10px !important;
	transform: rotate(45deg);
}

.swal-sm .swal2-icon.swal2-error .swal2-x-mark-line-right {
	right: 10px !important;
	transform: rotate(-45deg);
}

.info-produk{
	color: #0004ff;
	cursor: pointer;
	text-decoration: underline;
}

	.text-error,
	.text-error:focus{
		border: solid 1px red;
	}
	.frame-text-input{
		position: relative;
		display: block;
	}
	.text-success{
		position: relative;
		display: block;
		border: solid 1px green !important;
		padding-right: 50px;
	}
		.icon-success{
			position: absolute;
			display: none;
			font-size: 24px;
			z-index: 9;
			right: 10px;
			top: 5px;
			color: green;
		}

	/* ========== BASE STYLE (MOBILE FIRST) ========== */
	.header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		color: white;
		padding: 10px 20px;
		z-index: 9999;
	}
		.header-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.logo {
				width: 60px;
				cursor: pointer;
			}
				.logo img {
					width: 100%;
				}
			/* NAV MENU (mobile hidden by default) */
			.nav-links {
				display: none;
				flex-direction: column;
				background: #111;
				position: absolute;
				top: 60px;
				right: 0;
				width: 100%;
				padding: 25px;
			}
				.nav-links a {
					color: white;
					text-decoration: none;
					padding: 8px 0;
					transition: color 0.3s;
				}
				.nav-links a:hover {
					color: #a855f7;
				}
				.nav-links.active {
					display: flex;
				}
				
			/* BURGER MENU (default mobile visible) */
			.burger {
				width: 30px;
				height: 22px;
				position: relative;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
			}
				/* garis */
				.burger div {
					position: absolute;
					width: 100%;
					height: 3px;
					background: white;
					border-radius: 3px;
					transition: all 0.3s ease;
				}
				/* posisi default */
				.line1 { top: 0; }
				.line2 { top: 50%; transform: translateY(-50%); }
				.line3 { bottom: 0; }

				/* ketika toggle */
				.burger.toggle .line1 {
					transform: rotate(45deg);
					top: 50%;
				}
				.burger.toggle .line2 {
					opacity: 0;
				}
				.burger.toggle .line3 {
					transform: rotate(-45deg);
					bottom: auto;
					top: 50%;
				}

			/* BUTTON */
			.btn-regis {
				background: #a855f7;
				padding: 8px 15px !important;
				border-radius: 5px;
				text-decoration: none;
				color: white;
				font-weight: bold;
				margin-top: 10px;
			}
			.btn-regis:hover {
				background: #8b5cf6;
				color: #fff !important;
			}
	

	.segment-home{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		background-image: url('../../images/background-event.jpg');
		background-size: auto 122%;
		background-position: top left 54%;
		background-repeat: no-repeat;
	}
		.frame-home {
			position: relative;
			z-index: 1;
			max-width: 900px;
			margin: 0 auto;
			padding: 20px;
			color: #fff;
			text-align: center;
			font-family: 'Montserrat Bold';
			width: 100%;
			top: 50%;
			transform: translateY(-50%);
		}
		.title-home {
			font-size: 48px;
			line-height: 1.2;
		}
			.title-home div:first-child {
				font-size: 56px; /* IHEAC lebih besar */
			}
			.title-home div:last-child {
				font-size: 40px;
			}
		.jadwal-home {
			margin-top: 20px;
			font-size: 20px;
			font-family: 'Montserrat SemiBold';
		}
		.box-regis-home {
			position: relative;
			display: inline-block;
			margin: 0 auto;
			padding: 20px;
		}
			.btn-regis-home {
				background: #a855f7;
				padding: 10px 35px;
				border-radius: 5px;
				text-decoration: none;
				color: white;
				font-weight: bold;
				margin-top: 30px;
				cursor: pointer;
				user-select: none;
			}
			.btn-regis-home:hover {
				background: #8b5cf6;
				color: #fff !important;
			}

	.segment-overview{
		position: relative;
		display: block;
		width: 100%;
		padding: 50px 0px;
		background-color: #0b0a2d;
		color: #fff;
	}
		.frame-overview {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 900px;
			left: 50%;
			transform: translateX(-50%);
		}
			.sub-title-overview{
				position: relative;
				display: block;
				width: 100%;
				text-align: center;
				font-family: 'Montserrat SemiBold';
				font-size: 18px;
				line-height: 22px;
				margin-bottom: 20px;
				color: #a855f7;
			}
			.title-overview{
				position: relative;
				display: block;
				width: 100%;
				text-align: center;
				font-family: 'Montserrat SemiBold';
				font-size: 32px;
				line-height: 40px;
				margin-bottom: 30px;
			}
			.isi-overview{
				position: relative;
				display: block;
				width: 100%;
				text-align: center;
				font-size: 16px;
				margin-bottom: 50px;
				color: #b6b3b3;
			}

	.segment-hotel{
		position: relative;
		display: block;
		width: 100%;
		background-color: #211f4f;
		color: #fff;
	}
		/* Container utama menggunakan Flexbox */
		.segment-hotel {
			display: flex;
			flex-direction: column; /* Default: tumpuk vertikal */
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}
			.frame-hotel-left {
				position: relative;
				width: 100%;
				height: 60vw;
				background-image: url('../../images/image-1.jpg');
				background-size: cover;
				background-position: center;
			}
			.frame-hotel-right {
				padding: 30px;
				color: #b6b3b3;
				line-height: 1.6;
			}
				.frame-isi-hotel {
					width: 100%;
				}
					.title-hotel {
						font-family: 'Montserrat', sans-serif;
						font-weight: 600;
						font-size: 26px;
						line-height: 30px;
						margin-bottom: 20px;
						color: #fff;
					}
					.btn-direction {
						font-size: 14px !important;
						padding: 8px 16px;
						background: #a855f7;
						color: #fff;
						border: none;
						border-radius: 4px;
						text-decoration: none;
						display: inline-block;
						margin-top: 15px;
					}

	.segment-floor{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #131144;
		color: #fff;
	}
		.frame-floor {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.isi-floor{
				position: relative;
				display: block;
				width: 100%;
				font-size: 16px;
				margin-bottom: 50px;
				color: #fff;
			}
				.isi-floor img{
					width: 100%;
					max-width: 600px;
					margin-bottom: 30px;
				}

	.segment-produk{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #0b0a2d;
		color: #fff;
	}
		.frame-produk {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.isi-produk{
				position: relative;
				display: block;
				width: 100%;
				font-size: 0;
				margin-bottom: 50px;
				color: #fff;
				text-align: center;
			}
				.box-produk{
					position: relative;
					display: inline-block;
					width: 46%;
					margin: 2%;
					vertical-align: top;
					background-color: #fff;
					padding: 10px;
					border-radius: 6px;
					margin-bottom: 10px;
				}
					.box-image{
						position: relative;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 120px;
						overflow: hidden;
						margin-bottom: 10px;
					}
					.nama-produk{
						font-family: 'Montserrat SemiBold';
						font-size: 12px;
						line-height: 14px;
						margin-bottom: 5px;
						color: #a321b9;
						height: 30px;
					}
					.room-produk{
						font-family: 'Montserrat Regular';
						font-size: 12px;
						line-height: 14px;
						margin-bottom: 10px;
						color: #000;
						height: 25px;
					}
					.exhibitor-produk{
						font-family: 'Montserrat Regular';
						font-size: 12px;
						line-height: 14px;
						margin-bottom: 10px;
						color: #000;
						height: 15px;
					}

	.segment-brand{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #161345;
		color: #fff;
	}
		.frame-brand {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.sub-judul-brand{
				font-size: 14px;
				margin-bottom: 30px;
			}
			.isi-brand{
				position: relative;
				display: block;
				width: 100%;
				font-size: 0;
				margin-bottom: 50px;
				color: #fff;
				text-align: center;
			}
				.logo-brand{
					position: relative;
					display: inline-block;
					width: 48%;
					margin: 1%;
					vertical-align: top;
					background-color: #fff;
				}
					.box-brand{
						position: relative;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 130px;
						overflow: hidden;
						padding: 10px;
					}

	.segment-guest{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #161345;
		color: #fff;
	}
		.frame-guest {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.isi-guest{
				position: relative;
				display: block;
				width: 100%;
				font-size: 0;
				margin-bottom: 50px;
				color: #fff;
				text-align: center;
			}
				.box-guest{
					position: relative;
					width: 100%;
					margin: 10px;
				}
					.foto-guest{
						width: 30vw;
						height: 30vw;
						margin: 0 auto 10px auto;
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						overflow: hidden;
						background: #fff;
					}
						.foto-guest img{
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
							display: block;
						}
					.nama-guest{
						font-family: 'Montserrat SemiBold';
						font-size: 16px;
						margin-bottom: 5px;
						color: #fff;
					}
					.nama-company{
						font-family: 'Montserrat Regular';
						font-size: 12px;
						color: #a855f7;
					}
				

	.segment-hosted{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #0b0a2d;
		color: #fff;
	}
		.frame-hosted {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.judul-segment{
				position: relative;
				display: block;
				width: 100%;
				text-align: center;
				font-family: 'Montserrat Bold';
				font-size: 32px;
				margin-bottom: 30px;
				color: #fff;
			}
			.isi-hosted{
				position: relative;
				display: block;
				width: 100%;
				font-size: 16px;
				margin-bottom: 50px;
				color: #fff;
			}
				.isi-hosted img{
					width: 60%;
					max-width: 200px;
					margin-bottom: 30px;
				}
				.box-sub-hosted{
					position: relative;
					display: block;
					width: 100%;
					text-align: justify;
					font-size: 14px;
					margin-bottom: 30px;
				}
					.sub-judul-hosted{
						width: 100%;
						text-align: center;
						font-family: 'Montserrat SemiBold';
						font-size: 20px;
						margin-bottom: 10px;
						color: #969393;
					}

	.segment-support{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		background-color: #0b0a2d;
		color: #fff;
	}
		.frame-support {
			position: relative;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
		}
			.isi-support{
				position: relative;
				display: block;
				width: 100%;
				font-size: 16px;
				margin-bottom: 50px;
				color: #fff;
			}
				.isi-support img{
					margin: 0px 10px;
				}
			.box-partner {
				display: flex;
				flex-wrap: wrap;
				gap: 15px; /* Jarak antar kotak */
			}
				.frame-partner {
					flex: 1 1 calc(50% - 7.5px); /* Default: 2 kolom */
					min-width: 100px;
					aspect-ratio: 1 / 1; /* Kotak persegi */
					background-color: #fff;
					border-radius: 6px;
					display: flex;
					justify-content: center;
					align-items: center;
					overflow: hidden;
					box-shadow: 0 2px 4px rgba(0,0,0,0.1);
				}
					.frame-partner img {
						max-width: 90%;
					}

	.content-register{
		position: relative;
		display: block;
		width: 100%;
		min-height: 50vh;
		background-color: #0b0a2d;
		color: #fff;
	}
		.judul-register{
			position: relative;
			display: block;
			width: 100%;
			text-align: center;
			font-family: 'Montserrat Bold';
			font-size: 28px;
			padding: 30px 0px;
			padding-top: 120px;
			color: #fff;
		}
		.form-register{
			position: relative;
			display: block;
			width: 80%;
			max-width: 600px;
			left: 50%;
			transform: translateX(-50%);
			padding-bottom: 50px;
		}
			.btn-register {
				background: #a855f7;
				padding: 10px 35px;
				border-radius: 5px;
				text-decoration: none;
				color: white;
				font-weight: bold;
				margin-top: 30px;
				border: none;
			}
			.btn-register:hover {
				background: #8b5cf6;
				color: #fff !important;
			}
			.info-footer-regis{
				position: relative;
				display: block;
				width: 100%;
				padding: 25px 0px;
				background-color: #0b0a2d;
				color: #b6b3b3;
				font-size: 12px;
				text-align: center;
				font-family: 'Montserrat Regular';
			}


	.footer{
		position: relative;
		display: block;
		width: 100%;
		padding: 30px 0px;
		padding-top: 0px;
		background-color: #131144;
		color: #fff;
		background-image: url('../../images/pattern-contact.png');
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
		border-top: solid 1px #0b0a2d;
	}
		.frame-contact {
			position: relative;
			background-color: #a321b9;
			font-family: 'Montserrat Regular';
			font-size: 14px;
			color: #fff;
			text-align: center;
			width: 80%;
			max-width: 1100px;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 20px;
			padding: 50px 20px;
			background-image:  url('../../images/icon-17.png'), url('../../images/icon-18.png');
			background-position: top right, bottom left;
			background-repeat: no-repeat, no-repeat;
		}
			.judul-contact{
				font-family: 'Montserrat SemiBold';
				font-size: 20px;
				margin-bottom: 30px;
			}
			.btn-contact {
				width: 80%;
				max-width: 250px;
			}
		.frame-logo-footer{
			position: relative;
			display: block;
			width: 100%;
			text-align: center;
			margin: 60px 0px;
		}
			.logo-footer{
				width: 45%;
				max-width: 200px;
			}
			.frame-sosmed{
				position: relative;
				display: block;
				width: 100%;
				text-align: center;
				margin-top: 50px;
			}
				.frame-sosmed i{
					font-size: 36px;
					color: #a5a5a5;
					margin: 0px 10px;
					cursor: pointer;
					cursor: pointer;
				}
				.frame-sosmed i:hover{
					color: #fff;
				}
	.footer-copyright{
		position: relative;
		display: block;
		width: 100%;
		padding: 25px 0px;
		background-color: #0b0a2d;
		color: #b6b3b3;
		font-size: 12px;
		text-align: center;
		font-family: 'Montserrat Regular';
	}
	
			

/*Tablet / iPad / Laptop Portraid*/
@media only screen
and (min-width: 601px) {
		.segment-home{
			background-size: auto 100%;
			background-position: top left 55%;
		}
			.frame-home {
				max-width: 900px;
			}
				.title-home div:first-child {
					font-size: 56px; /* IHEAC lebih besar */
				}
				.title-home div:last-child {
					font-size: 48px;
				}
			.jadwal-home {
				font-size: 22px;
			}
				.btn-regis-home {
					font-size: 22px;
				}

				.frame-hotel-right {
					padding: 50px;
				}

			.judul-segment{
				font-size: 42px;
				margin-bottom: 30px;
			}
				.isi-support img{
					width: 28%;
					max-width: 250px;
					margin: 0px 10px;
				}

				.frame-partner {
					flex: 1 1 calc(30% - 5px);
				}
					.frame-partner img {
						width: 90%;
					}
					
					.box-image{
						height: 230px;
						margin-bottom: 10px;
					}
					.nama-produk{
						font-size: 16px;
						line-height: 18px;
						height: 35px;
					}
					.room-produk{
						font-size: 14px;
						line-height: 16px;
						height: 15px;
					}
					.exhibitor-produk{
						font-size: 14px;
						line-height: 16px;
						height: 15px;
					}

			.isi-guest{
				margin-bottom: 30px;
			}
				.box-guest{
					position: relative;
					width: 100%;
					margin: 10px;
				}
					.foto-guest{
						width: 25vw;
						height: 25vw;
						max-width: 200px;
						max-height: 200px;
						margin: 0 auto 10px auto;
					}
					.nama-guest{
						font-size: 22px;
					}
					.nama-company{
						font-size: 16px;
					}

			.sub-judul-brand{
				font-size: 16px;
				margin-bottom: 30px;
			}
				.logo-brand{
					width: 31%;
					margin: 1%;
				}
					.box-brand{
						height: 180px;
					}

		.judul-register{
			font-size: 36px;
		}
			.info-footer-regis{
				font-size: 14px;
			}

	.footer{
		background-position: top -30px center;
	}
				.frame-sosmed i{
					margin: 0px 20px;
				}
}


/*Tablet / iPad / Laptop Landscape*/
@media only screen
and (min-width: 1024px) {
	.header {
		background: rgba(0,0,0,0.4);
		color: white;
	}
		.header-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1600px;   /* batas lebar */
 			margin: 0 auto;      /* auto kiri-kanan agar center */
  			padding: 0 20px;
		}
			.logo {
				width: 100px;
			}
				.logo img {
					width: 100%;
				}

		.nav-links {
			display: flex;
			flex-direction: row;
			position: static;
			background: none;
			width: auto;
			padding: 0;
			gap: 30px;
		}
			.nav-links a {
				font-size: 14px;
				padding: 5px 0px !important;
			}
			.burger {
				display: none;
			}
			/* BUTTON */
			.nav-links .btn-regis {
				font-size: 14px !important;
				margin-top: 0px;
				padding: 5px 15px !important;
			}

		.segment-home{
			background-position: top left 62%;
		}
			.frame-home {
				max-width: 900px;
			}
				.title-home div:first-child {
					font-size: 56px; /* IHEAC lebih besar */
				}
				.title-home div:last-child {
					font-size: 48px;
				}
			.jadwal-home {
				font-size: 22px;
			}
				.btn-regis-home {
					font-size: 22px;
				}

		.segment-hotel {
			flex-direction: row; /* Susun berdampingan */
			height: 600px; /* Tinggi tetap */
		}
			.frame-hotel-left,
			.frame-hotel-right {
				width: 50%;
				flex: 1; /* Bagi ruang secara merata */
			}
			.frame-hotel-left {
				height: auto;
			}
			.frame-hotel-right {
				display: flex;
				flex-direction: column;
				justify-content: center; /* Vertikal center */
			}
				.frame-isi-hotel {
					width: 90%;
					margin-left: 5%;
				}
					.title-hotel {
						font-size: 32px;
						line-height: 40px;
						margin-bottom: 30px;
					}

				.box-produk{
					width: 23%;
					margin: 1%;
					padding: 10px;
					border-radius: 6px;
					margin-bottom: 10px;
				}
					.box-image{
						height: 150px;
						margin-bottom: 10px;
					}
					.nama-produk{
						font-size: 14px;
						line-height: 16px;
						height: 35px;
					}
					.room-produk{
						font-size: 12px;
						line-height: 14px;
						height: 10px;
					}
					.exhibitor-produk{
						font-size: 12px;
						line-height: 14px;
						height: 10px;
					}

				.logo-brand{
					width: 23%;
					margin: 1%;
				}

		.segment-hosted{
			padding: 50px 0px;
		}
				.judul-segment{
					font-size: 42px;
					margin-bottom: 30px;
				}
				.frame-partner {
					flex: 1 1 calc(15% - 2.5px);
				}

		.judul-register{
			padding-top: 150px;
		}

		.frame-contact {
			font-size: 18px;
		}
			.judul-contact{
				font-size: 32px;
			}

			.info-footer-regis{
				font-size: 16px;
			}

	.footer-copyright{
		font-size: 14px;
	}
}


/*Laptop / Desktop*/
@media only screen
and (min-width: 1280px) {
			.nav-links a {
				font-size: 18px;
				padding: 5px;
			}
			/* BUTTON */
			.nav-links .btn-regis {
				font-size: 16px;
				padding: 5px 20px !important;
				padding-top: 7px !important;
			}

		.segment-home{
			background-size: cover;
		}
		.segment-overview{
			padding: 70px 0px;
		}

					.box-image{
						height: 200px;
						margin-bottom: 10px;
					}

					.box-brand{
						height: 200px;
					}

				.isi-floor img{
					max-width: 900px;
				}

				.isi-support img{
					margin: 0px 30px;
				}

	.footer{
		background-position: top -60px center;
	}
}


/*Desktop 1366*/
@media only screen
and (min-width: 1366px) {
					.box-image{
						height: 220px;
						margin-bottom: 10px;
					}
					.nama-produk{
						font-size: 14px;
						line-height: 18px;
						height: 35px;
					}
					.room-produk{
						font-size: 12px;
						line-height: 14px;
						height: 10px;
					}
					.exhibitor-produk{
						font-size: 12px;
						line-height: 14px;
						height: 10px;
						margin-bottom: 20px;
					}

				.logo-brand{
					width: 18%;
					margin: 1%;
				}
					.box-brand{
						height: 180px;
					}
}


/*Desktop MAC*/
@media only screen
and (min-width: 1440px) {
			.frame-home {
				max-width: 900px;
			}
				.title-home div:first-child {
					font-size: 76px; /* IHEAC lebih besar */
				}
				.title-home div:last-child {
					font-size: 68px;
				}
			.jadwal-home {
				font-size: 32px;
			}
				.btn-regis-home {
					font-size: 22px;
				}

	.footer{
		background-position: top -100px center;
	}
}


/*Desktop Full HD MAC*/
@media only screen
and (min-width: 1680px) {
		.segment-overview{
			padding: 100px 0px;
		}
				.frame-isi-hotel {
					width: 80%;
					margin-left: 5%;
				}
}


/*Desktop Full HD*/
@media only screen
and (min-width: 1920px) {
	.footer{
		background-position: top -120px center;
	}
}