/* 1. Reset, Base styles */
html,
body {
	height: 100dvh;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #0a111e;
	font-family: 'UTM Alberta Heavy';
}

/* 2. Layout */
.section {
	align-items: start;
}
.section.is-full-height {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.bg-row {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.col.right-row {
	padding-bottom: 0;
}

/* 3. Typography */
.right-row .h2 {
	color: #dadadb;
	font-size: 15px;
}
.right-row .h2 p {
	margin-bottom: 0;
}

/* 4. Background and Images */
.section-bg {
	background: url(/wp-content/uploads/2025/04/bg-mb-new.webp) no-repeat;
	background-size: 100%;
}
.section-bg > img {
	display: none;
}
.logo-img img {
	width: 30%;
}
.title-img img {
	width: 100%;
}
.col-inner > .title-img.img:not(:last-child) {
	margin-bottom: 0;
}
/* 5. Carousel - Flickity */
.slider-show-nav .flickity-prev-next-button {
	opacity: 1;
	width: 35px;
	z-index: 999999;
}
.flickity-prev-next-button > svg {
	display: none;
}
.flickity-prev-next-button.previous {
	background: url(/wp-content/uploads/2025/04/previous.webp) center/100%
		no-repeat;
}
.flickity-prev-next-button.next {
	background: url(/wp-content/uploads/2025/04/next.webp) center/100% no-repeat;
}
.slider-wrapper .flickity-prev-next-button {
	display: block;
}
.slider-nav-outside .flickity-prev-next-button.previous {
	left: auto;
	right: 100%;
}
.slider-nav-outside .flickity-prev-next-button.next {
	left: 100%;
	right: auto;
}

/* 6. Animation */
@-webkit-keyframes pulse {
	0%,
	100% {
		transform: scale(1.05);
		filter: brightness(1.6);
	}
	50% {
		transform: scale(1);
		filter: brightness(1);
	}
}
.pulse {
	transform: scale(1);
	animation: pulse 0.5s linear infinite;
}

/* 7. Form Inputs */
.select-resize-ghost,
∏ .select2-container .select2-choice,
.select2-container .select2-selection,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='date'],
input[type='search'],
input[type='number'],
input[type='url'],
textarea,
select,
input:focus,
select:focus,
textarea:focus {
	font-family: Arial;
	box-shadow: unset;
	transition: unset;
	outline-offset: unset;
	font-size: 1em !important;
}
input:-webkit-autofill {
	background-color: transparent !important;
	-webkit-text-fill-color: #f5bf45 !important;
	-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
	transition: background-color 5000s ease-in-out 0s;
	font-family: Arial;
	font-size: 1em !important;
}

input:-internal-autofill-selected {
	font-size: 1em !important;
}

.parent-container {
	transform: scale(0.8); /* gây hiệu ứng input bị nhỏ */
}

/* 8. Responsive Media Queries */
@media (min-width: 768px) {
	.section {
		align-items: center;
	}
	.section.is-full-height {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.section-bg {
		background: unset;
	}
	.section-bg > img {
		display: block;
	}
	.right-row .h2 {
		font-size: 30px;
	}
	.slider-show-nav .flickity-prev-next-button {
		width: 50px;
	}
	.logo-img img {
		width: 32%;
	}
	.title-img img {
		width: 95%;
	}
	.col.right-row .gap-element {
		margin-top: -15px;
	}

	.img-banner {
        display: none;
	}
}

@media (min-width: 1420px) {
	.col.right-row .gap-element {
		margin-top: 10px;
	}
	.section {
		align-items: center;
	}
    .title-img img {
        width: 85%;
    }
}

@media (min-width: 1720px) {
	.logo-img img {
		width: 28%;
	}
	.title-img img {
		width: 70%;
	}
	.gwd-register .btnsubmit img {
		max-height: 172px;
	}
	.section {
		align-items: center;
	}
	.col.right-row .gap-element {
		margin-top: 0;
	}
}

@media screen and (min-height: 630px) and (max-height: 630px) {
	.logo-img img {
		width: 24%;
	}
	.title-img img {
		width: 85%;
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.logo-img img {
		width: 18%;
	}
	.title-img img {
		width: 70%;
	}
	.select-resize-ghost,
	.select2-container .select2-choice,
	.select2-container .select2-selection,
	input,
	select,
	textarea {
		font-size: 0.8rem !important;
	}
	.section-bg {
		background: unset;
	}
	.section-bg > img {
		display: block;
	}
	.medium-col-first {
		order: unset;
	}
	.col.right-row .gap-element {
		margin-top: -15px;
	}
	.col.right-row .gap-element.gap-top-logo {
		margin-top: 0;
	}
    
	.right-row .h2 {
		font-size: 10px;
	}
	.section {
		align-items: start;
	}

	/* 7. Form Inputs */
	.select-resize-ghost,
	.select2-container .select2-choice,
	.select2-container .select2-selection,
	input[type='text'],
	input[type='password'],
	input[type='email'],
	input[type='tel'],
	input[type='date'],
	input[type='search'],
	input[type='number'],
	input[type='url'],
	textarea,
	select,
	input:focus,
	select:focus,
	textarea:focus {
		font-size: 0.8rem !important;
	}

	input:-webkit-autofill {
		font-size: 0.8rem !important;
	}

	.img-banner {
        display: none;
	}

    .left-row.col {
        padding-bottom: 0;
    }
}

@media (min-width: 750px) and (orientation: portrait) {
	.col {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.medium-col-first {
		order: -1;
	}
	.col.right-row .gap-element {
		margin-top: 0;
	}
}