/* Promo popup overlay - semi-transparent background */
.image_popup_overlay {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	filter: Alpha(opacity=50);
	opacity: 0.8;
	background: #000000;
	z-index: 40;
	cursor: pointer;
}

/* Promo popup container - centers the image */
.image_popup_container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.image_popup_container2 {
	position: fixed;
	top: -20px;
	left: 68px;
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.image_popup_container3 {
	position: fixed;
	top: -20px;
	left: 68px;
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pk10_image_popup_container4 {
	position: fixed;
	bottom: 422px;
	left: 200px;
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Anchor-based positioning for table_dldh */
.pk10_image_popup_container4[data-anchor="table_dldh"] {
	bottom: auto;
}

/* Anchor-based positioning for table_dldh */
.ssc_image_popup_container5[data-anchor="table_dldht"] {
	bottom: auto;
}

.ssc_image_popup_container4 {
	position: fixed;
	top: -20px;
	left: 68px;
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.image_popup_container5 {
	position: fixed;
	left: 200px;
	z-index: 41;
	cursor: pointer;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Promo popup image styling */
.image_popup_container img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 5px;
	cursor: pointer;
}

/* Promo popup image styling */
.image_popup_container2 img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 5px;
	cursor: pointer;
}

/* Promo popup image styling */
.image_popup_container3 img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 5px;
	cursor: pointer;
}

/* Promo popup image styling */
.image_popup_container4 img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 5px;
	cursor: pointer;
}

/* Promo popup image styling */
.image_popup_container5 img {
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 5px;
	cursor: pointer;
}

/* PK10 tutorial image css*/
.PK10_tutorial_image {
	content: url('../images/dldh/pk10/tutorial01.png');
}

[lang="en_US"] .PK10_tutorial_image {
	content: url('../images/dldh/pk10/en/tutorial01.png');
}

.PK10_tutorial_image2 {
	content: url('../images/dldh/pk10/tutorial02.png');
}

[lang="en_US"] .PK10_tutorial_image2 {
	content: url('../images/dldh/pk10/en/tutorial02.png');
}

.PK10_tutorial_image3 {
	content: url('../images/dldh/pk10/tutorial03.png');
}

[lang="en_US"] .PK10_tutorial_image3 {
	content: url('../images/dldh/pk10/en/tutorial03.png');
}

.PK10_tutorial_image4 {
	content: url('../images/dldh/pk10/tutorial04.png');
}

[lang="en_US"] .PK10_tutorial_image4 {
	content: url('../images/dldh/pk10/en/tutorial04.png');
}

/* SSC tutorial image css*/
.SSC_tutorial_image {
	content: url('../images/dldh/ssc/tutorial01.png');
}

[lang="en_US"] .SSC_tutorial_image {
	content: url('../images/dldh/ssc/en/tutorial01.png');
}

.SSC_tutorial_image2 {
	content: url('../images/dldh/ssc/tutorial02.png');
}

[lang="en_US"] .SSC_tutorial_image2 {
	content: url('../images/dldh/ssc/en/tutorial02.png');
}

.SSC_tutorial_image3 {
	content: url('../images/dldh/ssc/tutorial03.png');
}

[lang="en_US"] .SSC_tutorial_image3 {
	content: url('../images/dldh/ssc/en/tutorial03.png');
}

.SSC_tutorial_image4 {
	content: url('../images/dldh/ssc/tutorial04.png');
}

[lang="en_US"] .SSC_tutorial_image4 {
	content: url('../images/dldh/ssc/en/tutorial04.png');
}

.SSC_tutorial_image5 {
	content: url('../images/dldh/ssc/tutorial05.png');
}

[lang="en_US"] .SSC_tutorial_image5 {
	content: url('../images/dldh/ssc/en/tutorial05.png');
}

/* Checkbox container */
.checkbox_container {
	margin: 10px 0;
	display: flex;
	align-items: center;
	gap: 5px;
	color: white;
}

.tutorial_next_btn,
.tutorial_next_btn2,
.tutorial_next_btn3,
.tutorial_next_btn4,
.tutorial_next_btn5 {
	background-color: #2B91d9;
	color: #edf4fe;
	width: 121px;
	height: 29px;
	opacity: 1;
	top: 285px;
	left: 519px;
	border-radius: 5px;
	border-width: 1px;
	padding-right: 10px;
	padding-left: 10px;

	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
}

.tutorial_skip_btn2,
.tutorial_skip_btn3 {
	color: #FFFFFF;
	position: absolute;
	left: 125px;
	bottom: -50px;
	border: none;
	text-decoration: underline;
	background-color: transparent;
	outline: none;
	padding: 0;
}

.tutorial_skip_btn4 {
	color: #FFFFFF;
	position: absolute;
	left: 125px;
	bottom: -50px;
	border: none;
	text-decoration: underline;
	background-color: transparent;
	outline: none;
	padding: 0;
}

.tutorial_back_btn3,
.tutorial_back_btn4,
.tutorial_back_btn5 {
	background-color: #cccccc;
	color: #1B5295;
	width: 121px;
	height: 29px;
	opacity: 1;
	top: 285px;
	left: 390px;
	border-radius: 5px;
	border-width: 1px;
	padding-right: 10px;
	padding-left: 10px;
}


.pk10_button_container2 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 250px;
	bottom: -50px;
}

.pk10_button_container3 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 150px;
	bottom: -50px;
}

.pk10_button_container4 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 250px;
	bottom: -50px;
}

.pk10_button_container5 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 320px;
	bottom: -100px;
}

.ssc_button_container2 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 120px;
	bottom: -50px;
}

.ssc_button_container3 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 30px;
	bottom: -50px;
}

.ssc_button_container4 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 10px;
	bottom: -50px;
}

.ssc_button_container5 {
	display: flex;
	gap: 10px;
	position: absolute;
	right: 250px;
	bottom: -50px;
}