.elementor-3096 .elementor-element.elementor-element-3a4feaf{--display:flex;--min-height:760px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3096 .elementor-element.elementor-element-3a4feaf:not(.elementor-motion-effects-element-type-background), .elementor-3096 .elementor-element.elementor-element-3a4feaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://krabimeditationcenter.org/wp-content/uploads/2026/07/—Pngtree—beautiful-tropical-island-with-trees_3151060-6-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3096 .elementor-element.elementor-element-3a4feaf::before, .elementor-3096 .elementor-element.elementor-element-3a4feaf > .elementor-background-video-container::before, .elementor-3096 .elementor-element.elementor-element-3a4feaf > .e-con-inner > .elementor-background-video-container::before, .elementor-3096 .elementor-element.elementor-element-3a4feaf > .elementor-background-slideshow::before, .elementor-3096 .elementor-element.elementor-element-3a4feaf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3096 .elementor-element.elementor-element-3a4feaf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFAF0;--background-overlay:'';}.elementor-3096 .elementor-element.elementor-element-013999d{--display:flex;--min-height:760px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3096 .elementor-element.elementor-element-013999d:not(.elementor-motion-effects-element-type-background), .elementor-3096 .elementor-element.elementor-element-013999d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://krabimeditationcenter.org/wp-content/uploads/2026/07/—Pngtree—beautiful-tropical-island-with-trees_3151060-6-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3096 .elementor-element.elementor-element-013999d::before, .elementor-3096 .elementor-element.elementor-element-013999d > .elementor-background-video-container::before, .elementor-3096 .elementor-element.elementor-element-013999d > .e-con-inner > .elementor-background-video-container::before, .elementor-3096 .elementor-element.elementor-element-013999d > .elementor-background-slideshow::before, .elementor-3096 .elementor-element.elementor-element-013999d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3096 .elementor-element.elementor-element-013999d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFAF0;--background-overlay:'';}.elementor-3096 .elementor-element.elementor-element-e569314{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:52px;--padding-bottom:52px;--padding-left:48px;--padding-right:48px;}.elementor-3096 .elementor-element.elementor-element-49cb885{--display:flex;}.elementor-3096 .elementor-element.elementor-element-3ff1625{--display:flex;}.elementor-3096 .elementor-element.elementor-element-fab792a{font-size:25px;line-height:40px;}.elementor-3096 .elementor-element.elementor-element-d8e172d{--display:flex;}@media(min-width:768px){.elementor-3096 .elementor-element.elementor-element-e569314{--width:680%;}}@media(min-width:1025px){.elementor-3096 .elementor-element.elementor-element-3a4feaf:not(.elementor-motion-effects-element-type-background), .elementor-3096 .elementor-element.elementor-element-3a4feaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-3096 .elementor-element.elementor-element-013999d:not(.elementor-motion-effects-element-type-background), .elementor-3096 .elementor-element.elementor-element-013999d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-3a4feaf *//* =====================================================
   KIMC REGISTRATION THANK YOU — PREMIUM V1
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf {
	--kimc-navy: #082f4d;
	--kimc-navy-dark: #031f35;
	--kimc-gold: #d6a72a;
	--kimc-gold-dark: #a6740c;
	--kimc-gold-light: #f3dc89;
	--kimc-cream: #fffaf0;
	--kimc-text: #30495b;
	--kimc-muted: #6f7d86;

	width: 100%;
	max-width: 100%;
	overflow: hidden;
}


/* =====================================================
   HERO
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-hero {
	position: relative;
	isolation: isolate;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: 760px;

	padding: 90px 24px;

	background:
		linear-gradient(
			rgba(248, 252, 252, 0.72),
			rgba(255, 250, 240, 0.82)
		),
		url("https://krabimeditationcenter.org/wp-content/uploads/2026/07/—Pngtree—beautiful-tropical-island-with-trees_3151060-6-scaled.jpg")
		center center / cover no-repeat;
}

/* แสงนุ่มตรงกลาง */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;

	background:
		radial-gradient(
			circle at center,
			rgba(255,255,255,.82) 0%,
			rgba(255,255,255,.30) 46%,
			rgba(255,255,255,.08) 100%
		);

	pointer-events: none;
}


/* =====================================================
   CARD
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;

	width: min(700px, 100%);
	max-width: 700px;

	padding: 56px 50px;

	border: 1px solid rgba(214, 167, 42, .34);
	border-radius: 30px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.97),
			rgba(255,250,239,.94)
		);

	box-shadow:
		0 30px 80px rgba(8,47,77,.15),
		inset 0 0 0 1px rgba(255,255,255,.75);

	text-align: center;
	overflow: hidden;
}

/* เส้นทองด้านบน */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 12%;
	right: 12%;

	height: 4px;

	background: linear-gradient(
		90deg,
		transparent,
		var(--kimc-gold-light),
		var(--kimc-gold),
		var(--kimc-gold-light),
		transparent
	);
}


/* =====================================================
   SUCCESS ICON
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
.elementor-widget-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 82px;
	height: 82px;

	border: 1px solid rgba(214,167,42,.55);
	border-radius: 50%;

	background:
		radial-gradient(
			circle at 35% 30%,
			#fffdf4,
			#f6de86
		);

	color: var(--kimc-navy);

	box-shadow:
		0 16px 34px rgba(214,167,42,.23),
		inset 0 0 0 8px rgba(255,255,255,.42);
}


/* =====================================================
   TEXT
===================================================== */

/* Heading ตัวแรก: REGISTRATION CONFIRMED */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
> .elementor-widget-heading:nth-of-type(2)
.elementor-heading-title {
	margin: 0;

	color: var(--kimc-gold-dark) !important;

	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

/* Heading ตัวที่สอง: Thank You for Your Registration */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
> .elementor-widget-heading:nth-of-type(3)
.elementor-heading-title {
	max-width: 560px;
	margin: 4px auto 0;

	color: var(--kimc-navy) !important;

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(36px, 5vw, 54px);
	font-weight: 600;
	line-height: 1.12;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-message,
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-message p {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;

	color: var(--kimc-text);

	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}


/* =====================================================
   SHORTCODE OUTPUT
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
.elementor-widget-shortcode {
	width: 100%;
	max-width: 100%;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
.elementor-shortcode {
	width: 100%;
	max-width: 100%;
}


/* =====================================================
   INFO BOX
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info {
	width: 100%;

	margin-top: 10px;
	padding: 24px 26px;

	border: 1px solid rgba(214,167,42,.25);
	border-radius: 18px;

	background: rgba(255,248,229,.68);

	text-align: left;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info
.elementor-heading-title {
	color: var(--kimc-navy) !important;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: 600;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info,
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info p,
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info li {
	color: var(--kimc-text);

	font-size: 14px;
	line-height: 1.75;
}


/* =====================================================
   BUTTONS
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	width: 100%;

	gap: 14px;
	margin-top: 8px;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
.elementor-widget-button {
	width: auto;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
.elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 210px;
	min-height: 54px;

	padding: 14px 24px;

	border-radius: 13px;

	font-size: 14px;
	font-weight: 800;

	transition:
		transform .25s ease,
		box-shadow .25s ease,
		background-color .25s ease;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-primary
.elementor-button {
	border: 1px solid #d09a18;

	background: linear-gradient(
		135deg,
		#f5d66e,
		#d6a72a
	);

	color: var(--kimc-navy-dark);

	box-shadow:
		0 12px 27px rgba(214,167,42,.28);
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-secondary
.elementor-button {
	border: 1px solid rgba(8,47,77,.22);

	background: rgba(255,255,255,.72);

	color: var(--kimc-navy);

	box-shadow:
		0 10px 22px rgba(8,47,77,.09);
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
.elementor-button:hover {
	transform: translateY(-2px);
}


/* =====================================================
   FOOTNOTE
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-footnote,
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-footnote p {
	color: var(--kimc-muted);

	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}


/* =====================================================
   TABLET
===================================================== */

@media screen and (max-width: 1024px) {

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-hero {
		min-height: 680px;
		padding: 70px 24px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card {
		padding: 48px 38px;
	}
}


/* =====================================================
   MOBILE
===================================================== */

@media screen and (max-width: 767px) {

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-hero {
		min-height: auto;

		padding: 42px 14px;

		background-position: center center;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card {
		width: 100%;
		max-width: 100%;

		padding: 38px 20px;

		border-radius: 22px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
	.elementor-widget-icon .elementor-icon {
		width: 68px;
		height: 68px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-title
	.elementor-heading-title {
		font-size: clamp(31px, 9vw, 40px);
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-message,
	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-message p {
		font-size: 15px;
		line-height: 1.7;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-info {
		padding: 20px 18px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions {
		flex-direction: column;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
	.elementor-widget-button,
	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
	.elementor-button {
		width: 100%;
		max-width: 100%;
	}
}


/* =====================================================
   MOBILE LANDSCAPE
===================================================== */

@media screen and (max-width: 932px) and (orientation: landscape) {

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-hero {
		min-height: auto;
		padding: 38px 22px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card {
		max-width: 720px;
		padding: 36px 34px;
	}
}

/* =====================================================
   CUSTOM OVERRIDE
===================================================== */
/* Heading แรก */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
.elementor-widget-heading:nth-child(2)
.elementor-heading-title {
	color: var(--kimc-gold-dark) !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

/* Heading ที่สอง */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
.elementor-widget-heading:nth-child(3)
.elementor-heading-title {
	max-width: 560px;
	margin: 4px auto 0;

	color: var(--kimc-navy) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(36px, 5vw, 54px);
	font-weight: 600;
	line-height: 1.12;
}

/* ปุ่มแรก: View Upcoming Events */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
.elementor-widget-button:first-child
.elementor-button {
	border: 1px solid #d09a18 !important;

	background: linear-gradient(
		135deg,
		#f5d66e,
		#d6a72a
	) !important;

	color: var(--kimc-navy-dark) !important;

	box-shadow:
		0 12px 27px rgba(214,167,42,.28);
}

/* ปุ่มที่สอง: Return to Home */
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-actions
.elementor-widget-button:last-child
.elementor-button {
	border: 1px solid rgba(8,47,77,.22) !important;

	background: rgba(255,255,255,.80) !important;

	color: var(--kimc-navy) !important;

	box-shadow:
		0 10px 22px rgba(8,47,77,.09);
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
> .elementor-widget-text-editor:last-child,
.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-card
> .elementor-widget-text-editor:last-child p {
	color: var(--kimc-muted) !important;

	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}

/* =====================================================
   KIMC REGISTRATION THANK YOU SHORTCODE — V1
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-registration-thankyou-output {
	width: 100%;
	max-width: 100%;
	margin: 4px 0;
}


/* =====================================================
   GENERAL NOTICE
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice {
	display: flex;
	align-items: center;
	gap: 16px;

	width: 100%;
	max-width: 100%;

	padding: 20px 22px;

	border: 1px solid rgba(214, 167, 42, .28);
	border-radius: 17px;

	background:
		linear-gradient(
			135deg,
			rgba(255, 253, 245, .96),
			rgba(255, 248, 228, .82)
		);

	text-align: left;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 48px;

	width: 48px;
	height: 48px;

	border: 1px solid rgba(214, 167, 42, .55);
	border-radius: 50%;

	background:
		linear-gradient(
			145deg,
			#fffdf4,
			#f2d36e
		);

	color: #082f4d;

	font-size: 22px;
	font-weight: 800;

	box-shadow:
		0 10px 22px rgba(214, 167, 42, .18);
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-content {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-content h3 {
	margin: 0 0 5px;

	color: #082f4d;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-content p {
	margin: 0;

	color: #30495b;

	font-size: 14px;
	line-height: 1.65;
}


/* =====================================================
   BOOKING SUMMARY
===================================================== */

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-summary {
	width: 100%;
	max-width: 100%;

	padding: 22px 24px;

	border: 1px solid rgba(214, 167, 42, .30);
	border-radius: 18px;

	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, .96),
			rgba(255, 248, 229, .88)
		);

	text-align: center;

	box-shadow:
		0 14px 34px rgba(8, 47, 77, .07);
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-label {
	margin-bottom: 7px;

	color: #a6740c;

	font-size: 11px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-reference {
	color: #082f4d;

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(22px, 4vw, 30px);
	font-weight: 700;
	line-height: 1.25;

	overflow-wrap: anywhere;
}

.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-message {
	max-width: 500px;
	margin: 12px auto 0;

	color: #30495b;

	font-size: 14px;
	line-height: 1.7;
}


/* =====================================================
   MOBILE
===================================================== */

@media screen and (max-width: 767px) {

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice {
		align-items: flex-start;
		gap: 12px;

		padding: 17px 16px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-icon {
		flex-basis: 42px;

		width: 42px;
		height: 42px;

		font-size: 19px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-notice-content h3 {
		font-size: 19px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-summary {
		padding: 20px 16px;
	}

	.elementor-3096 .elementor-element.elementor-element-3a4feaf .kimc-thankyou-booking-reference {
		font-size: 22px;
	}
}

/* ===== KIMC THANK YOU PREMIUM ===== */

.kimc-success-hero{
text-align:center;
padding:10px 0 35px;
}

.kimc-success-icon{

width:92px;
height:92px;

margin:auto auto 22px;

border-radius:50%;

background:linear-gradient(135deg,#d6a72a,#f5d97b);

display:flex;
align-items:center;
justify-content:center;

font-size:44px;
font-weight:700;
color:#fff;

box-shadow:
0 15px 40px rgba(214,167,42,.35);

}

.kimc-success-title{

font-size:42px;
font-weight:800;

color:#163a63;

margin-bottom:18px;

}

.kimc-success-text{

max-width:760px;

margin:auto;

font-size:18px;

line-height:1.9;

color:#536273;

}

.kimc-booking-card{

max-width:650px;

margin:45px auto;

padding:35px;

border-radius:28px;

background:#fff;

border:1px solid rgba(214,167,42,.25);

box-shadow:
0 18px 45px rgba(0,0,0,.08);

text-align:center;

}

.kimc-booking-label{

font-size:13px;

letter-spacing:2px;

font-weight:700;

color:#b18717;

}

.kimc-booking-number{

margin:18px 0;

font-size:34px;

font-weight:800;

color:#173a62;

letter-spacing:2px;

}

.kimc-booking-note{

font-size:15px;

color:#7b8794;

}

.kimc-summary{

max-width:650px;

margin:35px auto;

padding:28px;

border-radius:24px;

background:#fff;

border:1px solid rgba(214,167,42,.18);

}

.kimc-summary-title{

font-size:24px;

font-weight:700;

margin-bottom:22px;

color:#173a62;

}

.kimc-summary-row{

display:flex;

justify-content:space-between;

padding:14px 0;

border-bottom:1px solid rgba(214,167,42,.12);

}

.kimc-summary-row:last-child{

border-bottom:none;

}

.kimc-summary-row span{

color:#7b8794;

}

.kimc-summary-row strong{

color:#173a62;

font-weight:700;

}/* End custom CSS */