html {
	scroll-behavior: smooth;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	font-family: 'Inter';
	text-align: center;
	background-color: #fff;
	overflow: auto;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.circle-a {
	width: 8px;
	flex-shrink: 0;
	background-color: #F79D35;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.text-a {
	text-align: left;
	margin-bottom: 0;
}

.text-b {
	flex-grow: 1;
	text-align: left;
}

/* Header css */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Inter', sans-serif;
}

.sub-header {
	height: 44px;
	align-self: stretch;
	background: #000;
}

/* Header styles for Bootstrap navbar overrides */
.navbar-logo {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.navbar-brand1 img {
	max-height: 100px;
}

.navbar-brand img {
	height: auto;
	max-height: 60px;
}

.navbar-toggler {
	border: none;
}

.navbar-nav .btn {
	white-space: nowrap;
}

.navbar-nav.menu-items {
	gap: 1.25rem;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 0;
}

.navbar-nav.menu-items .nav-link {
	text-transform: capitalize;
	padding: 0;
	color: #1A1A1A;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.32px;
}

.navbar-nav.menu-items .nav-link:hover {
	color: #13703C;
	text-decoration: none;
}

.nav-actions {
	gap: 0.75rem;
}

.btn-stand {
	border-radius: 50px;
	border: 1px solid rgba(0, 0, 0, 0.00);
	background: #13703C;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 10px;
}

.btn-stand:hover {
	border: 1px solid rgba(0, 0, 0, 0.00);
	transform: scale(1.05);
	transition: 0.3s ease;
}

.register-btn {
	border-radius: 50px;
	border: 1px solid rgba(0, 0, 0, 0.00);
	background: #EAEAEA;
	color: #000;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 10px;
}

.register-btn:hover {
	border: 1px solid rgba(0, 0, 0, 0.00);
	transform: scale(1.05);
	transition: 0.3s ease;
}

@media (max-width: 991.98px) {
	.navbar-nav {
		text-align: center;
	}

	.navbar-nav .nav-item {
		margin-bottom: 1rem;
	}

	.navbar-nav.menu-items {
		flex-direction: column;
		width: 100%;
		margin-bottom: 1rem;
	}

	.nav-actions {
		width: 100%;
		flex-direction: column;
	}

	.nav-actions .btn {
		width: 100%;
	}

	.navbar-logo {
		margin-bottom: 10px;
	}
}

/* =========================
   HERO SLIDER BASE
========================= */

.hero-slider {
	width: 100%;
	max-height: 847px;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1920 / 847;
}

.single-slider {
	width: 100%;
	position: relative;
	height: 100%;
}

.single-slider .slider-item {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.8s ease;
	pointer-events: none;
}

.single-slider .slider-item.active {
	opacity: 1;
	pointer-events: auto;
}

/* Image */
.single-slider .slider-item img {
	width: 100%;
	height: 100%;
	min-height: 70vh;
	object-fit: cover;
	display: block;
}

/* Dark overlay */
.single-slider .slider-item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.35),
			rgba(0, 0, 0, 0.65));
	mix-blend-mode: multiply;
	z-index: 0;
}

.hero-slider__dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 0.5rem;
	z-index: 3;
}

.hero-slider__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: background 0.3s ease, transform 0.3s ease;
}

.hero-slider__dot:hover,
.hero-slider__dot:focus-visible {
	transform: scale(1.1);
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.hero-slider__dot.active {
	background: #fff;
}

/* =========================
   CONTENT LAYER
========================= */

.slider-content {
	position: absolute;
	inset: 0;
	z-index: 2;
	top: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 20px;
	color: #fff;
}

/* Heading */
.slider-content h1 {
	font-size: clamp(2rem, 5vw, 4.5rem);
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: #fff;
}

/* =========================
   DATE BADGES
========================= */

.slider-content .dates {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.slider-content .dates span {
	background: #fff;
	color: #000;
	padding: 6px 18px;
	border-radius: 50px;
	font-size: clamp(12px, 2.5vw, 16px);
	font-weight: 600;
	white-space: nowrap;
}

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

.cta-wrapper {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.btn-stall {
	border-radius: 50px;
	background: #F79D35;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 46px;
	border: none;
	transition: 0.3s ease;
}

.btn-stall:hover {
	transform: scale(1.05);
}

.hosted-btn {
	border-radius: 50px;
	background: #EAEAEA;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 26px;
	border: none;
	transition: 0.3s ease;
}

.hosted-btn:hover {
	transform: scale(1.05);
}

/* =========================
   COUNTDOWN
========================= */

.countdown {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.countdown-item {
	width: 60px;
	height: 60px;
	min-width: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.countdown-value {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
}

.countdown-label {
	font-size: 10px;
	font-weight: 600;
	color: #ddd;
}

/* =========================
   RESPONSIVE FIXES
========================= */

/* Tablets */
@media (max-width: 992px) {
	.slider-content h1 {
		font-size: clamp(1.8rem, 6vw, 3.2rem);
	}
}

/* Mobile */
@media (max-width: 768px) {

	.hero-slider,
	.single-slider,
	.single-slider .slider-item img {
		min-height: 85vh;
	}

	.btn-stall,
	.hosted-btn {
		width: auto;
		text-align: center;
	}

	.cta-wrapper {
		display: flex;
		flex-direction: column;
	}
}

/* Small mobile */
@media (max-width: 576px) {
	.countdown-item {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}

	.countdown-value {
		font-size: 12px;
	}

	.countdown-label {
		font-size: 9px;
	}

	.slider-content .dates span {
		font-size: 12px;
		padding: 5px 14px;
	}
}

/* Exhibitor Profile */

.exhibitor-profile h2 {
	font-size: 28px;
	line-height: 1.4;
}

.supported-box {
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
	width: 392px;
	height: auto;
	border: 1px solid black;
}

.supported-title {
	color: #1A1A1A;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.custom-accordion .accordion-item {
	border: none;
	margin-bottom: 10px;
	border-radius: 12px;
	overflow: hidden;
	background: #f8f9fa;
}

.custom-accordion .accordion-button {
	background: #f8f9fa;
	font-weight: 500;
	border-radius: 12px;
	box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
	background: #e9f7ef;
	color: #198754;
}

.custom-accordion .accordion-button:focus {
	box-shadow: none;
}

.custom-accordion .accordion-body {
	background: #ffffff;
	border-top: 1px solid #eee;
	font-size: 14px;
}

.btn-success {
	background-color: #198754;
	border: none;
}


/* circle-button-a */

.circle-button-a {
	box-shadow: 0px 2px 6px 0px rgba(74, 58, 255, 0.1), inset 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 1px 0px rgba(0, 0, 0, 0.12);
	width: 24px;
	flex-shrink: 0;
	background-color: #13703C;
	aspect-ratio: 1 / 1;
	padding: 7px;
	border-radius: 50%;
}

.circle-button-line-rounded-chevron-a {
	height: 10px;
}

/* end circle-button-a*/


.btn-a {
	width: auto;
	display: flex;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 0.889;
	letter-spacing: 0px;
	text-align: center;
	background-color: #13703C;
	padding: 15px 20px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	max-width: fit-content;
}

.btn-b {
	position: relative;
	backdrop-filter: blur(2.5px);
	display: flex;
	justify-content: flex-end;
	font-style: normal;
	letter-spacing: 0.18px;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 18px 24px;
}

.rect {
	position: absolute;
	transform-origin: 50% 50%;
	width: 14px;
	height: 6px;
	background-color: #086c38;
}

.div-elementor-container-text {
	font-size: 12px;
	font-weight: 400;
}



/* g */

.g {
	position: absolute;
	width: 30px;
	height: 29px;
}

.g-clip-path {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

/* end g*/


.sposer-rect {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}



/* group-a */

.group-a {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-a*/


.ologo {
	position: absolute;
	translate: -50% 0;
	border: var(--stroke-weight-6) solid var(--white);
}



/* group-b */

.group-b {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-b*/




/* group-c */

.group-c {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-c*/




/* group-d */

.group-d {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-d*/




/* group-e */

.group-e {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-e*/




/* frame-a */

.frame-a {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

.frame-img1 {
	position: absolute;
	top: 15px;
	left: 50%;
	translate: -50% 0;
}

/* end frame-a*/


.gallery-line {
	height: 0;
	flex-shrink: 0;
	border-top: 6px solid #252525;
}

.img {
	flex-shrink: 0;
	border-radius: 16px;
}

.col1 {
	display: flex;
	flex-direction: column;
}

.header1 {
	height: 44px;
	flex-shrink: 0;
	background-color: #000;
}

.header2 {
	container: header2 / inline-size;
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: 0.32px;
	padding: 19px 50px;
}

.header-header {
	container: header-header / inline-size;
	width: 100%;
	max-width: 1702px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 275px;
	border-bottom: 1px solid #fff;
}

.header-19397543 {
	margin-top: 1px;
	margin-bottom: -1px;
	height: auto;
	max-height: 60px;
	width: 550px;
}

.header-row {
	margin-top: 1px;
	display: flex;
	align-items: end;
	gap: 10px;
}

.header-nav {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	color: var(--black);
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
}



/* shop */

.shop {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.shop-line-bottom {
	width: 0;
	height: 0;
	flex-shrink: 0;
}

/* end shop*/


.header-row-right {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 0.889;
}

.header-btn {
	min-height: 48px;
	display: flex;
	justify-content: center;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	padding: 15px 33px 15px 34px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
}

.header-btn1 {
	color: #fff;
	background-color: #13703C;
}

.header-btn2 {
	color: #000;
	background-color: #eaeaea;
}

.banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: 0px;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) top left / auto auto no-repeat, url(../assets/banner.png) top left / cover no-repeat;
	padding: 191px 24px 175px 24px;
}

.banner-banner {
	container: banner-banner / inline-size;
	margin-left: -14px;
	width: 100%;
	max-width: 1191px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 0 20px;
}

.banner-title {
	align-self: stretch;
	color: #fff;
	--min-font-size: 33;
	--max-font-size: 76;
	font-size: var(--interpolate);
	font-weight: 800;
	line-height: 1.211;
}

.banner-row1 {
	display: flex;
	align-items: center;
	gap: 11px;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1px;
}

.banner-btn-a {
	display: flex;
	justify-content: center;
	font-style: normal;
	letter-spacing: 1px;
	text-align: center;
	background-color: #fff;
	padding: 5px 21px;
	border-radius: 40px;
}

.banner-circle-light {
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	background-color: #d9d9d9;
	border-radius: 50%;
}

.banner-undefined-right {
	text-align: center;
	background-color: #fff;
	padding: 5px 21px;
	border-radius: 40px;
}

.banner-row2 {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	font-size: 23px;
	font-weight: 500;
	line-height: 0.696;
}

.banner-btn-b {
	min-height: 67px;
	display: flex;
	justify-content: center;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	padding: 25px 43px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
}

.banner-btn2 {
	width: 258px;
	flex-shrink: 0;
	color: #fff;
	background-color: #F79D35;
}

.banner-btn3 {
	color: var(--black);
	background-color: #eaeaea;
}

.banner-container {
	margin-left: -20px;
	display: flex;
	align-items: flex-start;
	gap: var(--font-size-20);
	color: #bebebe;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}



/* card-background */

.card-background {
	width: 70px;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.32);
	padding: 0 8px;
	border-radius: 50%;
}

.card-background-text-heading {
	text-transform: capitalize;
}

.card-background-text-container {
	text-transform: capitalize;
}

/* end card-background*/


.col2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 70px 110px;
}

.row1 {
	container: row1 / inline-size;
	width: 100%;
	max-width: 1700px;
	display: flex;
	align-items: flex-start;
	gap: 74px;
}

@media (max-width: 1023.98px) {
	.row1 {
		container: row1 / inline-size;
		width: 100%;
		max-width: 1700px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 74px;
	}
}

@media (max-width: 1023.98px) {
	.row1 {
		gap: 20px;
	}
}

.row2 {
	position: relative;
	margin-left: -110px;
	width: 103%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 120px;
	flex-grow: 1;
	color: #1a1a1a;
	padding-top: 174px;
	padding-bottom: 15px;
}

@media (max-width: 1440px) {
	.row2 {
		margin-left: 0;
		width: 100%;
		justify-content: center;
		gap: clamp(60px, 6vw, 110px);
		padding-top: 120px;
	}

	.frame1 {
		right: 0;
		padding: 0 80px 60px 60px;
	}
}

@media (max-width: 1200px) {
	.row2 {
		gap: clamp(48px, 6vw, 90px);
		padding-top: 100px;
	}

	.frame1 {
		padding: 0 60px 40px 40px;
	}

	.circle-left1 {
		margin-top: 260px;
		width: 150px;
		height: 150px;
		border-width: 30px;
	}
}

@media (max-width: 1024px) {
	.row2 {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 60px;
		margin-left: 0;
		width: 100%;
		gap: 45px;
	}

	.frame1 {
		position: relative;
		padding: 0;
		right: 0;
		width: min(520px, 88vw);
	}

	.circle-left1 {
		margin-top: 0;
		width: 140px;
		height: 140px;
		border-width: 26px;
	}

	.card-right {
		width: min(360px, 90vw);
	}

	.card-right-col {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.col2 {
		padding: 40px 18px;
	}

	.row2 {
		padding-top: 0px;
		gap: 10px;
	}

	.frame1 {
		width: min(340px, 90vw);
	}

	.card-right {
		width: 100%;
		padding: 28px 16px 30px;
	}

	.card-right-btn-supported {
		padding: 26px 10px;
		font-size: 20px;
	}

	.card-right-col-bottom {
		padding: 0 16px;
		font-size: 14px;
	}
}

.frame1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 23px;
	padding: 0 124px 87px 110px;
}

.group1 {
	position: relative;
	height: 435px;
}

.mask-group {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.symbol {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: 0;
	right: 0;
	width: 100%;
}

.circle-left1 {
	position: relative;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
}

@media (min-width: 1201px) {
	.circle-left1 {
		margin-top: 340px;
		width: 181px;
		height: 181px;
	}
}

@media (min-width: 769px) and (max-width: 865px) {
	.circle-left1 {
		margin-top: 16px;
	}

	.row2 {
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.circle-left1 {
		margin-top: 74%;
	}

	.row2 {
		gap: 30px;
	}
}

.circle-left1 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.bharat-nutraverse {
	position: absolute;
	top: -36px;
	left: -43px;
	rotate: 0deg;
	transform-origin: 50% 50%;
	width: 204px;
	max-width: none;
}

.nutraceutical-mission {
	position: absolute;
	top: -29px;
	left: -23px;
	width: 152px;
	max-width: none;
}

.img-circle {
	position: absolute;
	top: 15px;
	left: 16px;
	width: 80px;
	border: 1px solid #13703C;
	border-radius: 50%;
}

.card-right {
	position: relative;
	z-index: 2;
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
	width: 392px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	flex-shrink: 0;
	text-align: center;
	background-color: #fff;
	padding-bottom: 41px;
	border-radius: 30px;
	overflow: hidden;
}

.card-right-btn-supported {
	display: flex;
	justify-content: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	text-align: center;
	background-color: #f6f6f7;
	padding: 38px 12px;
}

.card-right-col {
	width: 317px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-self: center;
}

/* row-a */

.row-a {
	display: flex;
	align-items: center;
}

.row-img {
	min-width: 0;
	flex-grow: 1;
}

/* end row-a*/

.row-top1 .row-img-left {
	width: 97%;
}

.row-top1 .row-img-right {
	width: 103%;
}

.row3 {
	gap: 56px;
}

.row3 .row-img-left {
	width: 97%;
}

.row3 .row-img-right {
	width: 103%;
}

.card-right-col-bottom {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 16px;
	padding: 0 30px;
}

.card-right-text {
	font-weight: 700;
	line-height: 1.563;
	letter-spacing: 0.5px;
}

.col-right1 {
	margin-right: -14px;
	width: 97%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	flex-grow: 1;
	text-align: left;
}

.col-top1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: normal;
	letter-spacing: 0px;
}

.row-top2 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #1e386a;
	font-size: 14px;
	font-weight: 500;
}

.subtitle-bharat-nutraverse {
	color: #1A1A1A;
	font-size: clamp(20px, 4.5vw, 35px);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.col3 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.188;
	letter-spacing: 1px;
	padding-inline: clamp(0px, 3vw, 12px);
	font-size: clamp(14px, 2vw, 18px);
	line-height: 2;
}

@media (max-width: 1024px) {
	.col3 {
		width: 100%;
		margin: 0 auto;
		padding-inline: 0;
		letter-spacing: 0.5px;
		line-height: 1.9;
	}

	.accordion {
		width: 100%;
	}

	.symbol {
		display: none;
	}
}

@media (max-width: 640px) {
	.col3 {
		gap: 8px;
	}

	.accordion-header {
		padding: 10px;
		font-size: 14px;
	}

	.accordion-content ul {
		padding: 12px 0;
	}

	.accordion-content li {
		font-size: 14px;
		padding-left: 18px;
	}
}

@media (max-width: 768px) {
	.col-right1 {
		gap: 14px;
	}

	.card-right {
		width: 100%;
	}

	.row3 {
		gap: 10px;
		margin: 0 10px;
	}
}

/* faqs */

.faqs {
	display: flex;
	align-items: center;
	gap: 0;
	background-color: #fff;
	padding: 5px 31px 5px 7px;
	border: 1px solid #f0f0f0;
	border-radius: 96px;
}

.faqs-row {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.faqs-circle-light-left {
	width: 49px;
	flex-shrink: 0;
	background-color: #f0f0f0;
	aspect-ratio: 1 / 1;
}

.faqs-contract {
	aspect-ratio: 1 / 1;
}

/* end faqs*/


.faqs1 {
	gap: 0;
}

.faqs-row2 {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.faqs-circle-light-left2 {
	width: 49px;
	flex-shrink: 0;
	background-color: #f0f0f0;
	aspect-ratio: 1 / 1;
	padding: 9px;
	border-radius: 50%;
}

.faqs-biology {
	aspect-ratio: 1 / 1;
}

.faqs3 {
	gap: 0;
}

.faqs-row3 {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.faqs-circle-light-left3 {
	width: 49px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	background-color: #f0f0f0;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.faqs-general {
	/* margin: -4px -4px 0 -4px; */
	max-width: none;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.faqs5 {
	gap: 0;
	color: var(--content);
	line-height: 1.35;
	letter-spacing: 0px;
}



/* circle-button-b */

.circle-button-b {
	box-shadow: 0px 2px 6px 0px rgba(74, 58, 255, 0.1), inset 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 1px 0px rgba(0, 0, 0, 0.12);
	width: 24px;
	flex-shrink: 0;
	background-color: #13703C;
	aspect-ratio: 1 / 1;
	padding: 7px;
	border-radius: 50%;
}

.circle-button-line-rounded-chevron-b {
	height: 10px;
}

/* end circle-button-b*/


.faqs-row4 {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.faqs-circle-light-left4 {
	width: 49px;
	flex-shrink: 0;
	background-color: #f0f0f0;
	aspect-ratio: 1 / 1;
	padding: 3px;
	border-radius: 50%;
}

.faqs-ways {
	aspect-ratio: 1 / 1;
}

.faqs-text4 {
	flex-grow: 1;
	text-align: left;
}

.line {
	height: 0;
	flex-shrink: 0;
	border-top: 1px solid #d9d9d9;
}

.btn1 {
	align-self: start;
}

.join1 {
	/* container: join1 / inline-size; */
	margin-top: -2px;
	gap: 53px;
	padding-top: 62px;
	padding-bottom: 60px;
	background-color: #F79D35;
}

.join-col-top {
	width: 100%;
	max-width: 1250px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	text-align: center;
}

.join-text {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.357;
	letter-spacing: -0.2px;
}

.join-subtitle1 {
	color: #1a1a1a;
	--min-font-size: 22;
	--max-font-size: 48;
	font-size: var(--interpolate);
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0px;
}

.join-ul-list {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
	color: #1a1a1a;
	line-height: normal;
	letter-spacing: 0px;
}

/* li-list-item-a */

.li-list-item-a {
	width: 198px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-align: center;
}

.li-list-item-circle1 {
	width: 109px;
	flex-shrink: 0;
	background-color: rgba(255, 255, 255, 0.5);
	aspect-ratio: 1 / 1;
	padding: 23px;
	border-radius: 50%;
}

.li-list-item-teamwork {
	height: 64px;
}

.li-list-item-col-bottom1 {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-self: stretch;
}

/* end li-list-item-a*/

/* li-list-item-b */

.li-list-item-b {
	width: 198px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-align: center;
}

.li-list-item-circle2 {
	width: 109px;
	flex-shrink: 0;
	background-color: rgba(255, 255, 255, 0.5);
	aspect-ratio: 1 / 1;
	padding: 21px;
	border-radius: 50%;
}

.li-list-item-portfolio {
	aspect-ratio: 1 / 1;
}

.li-list-item-col-bottom2 {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-self: stretch;
}

.li-list-item-subtitle2 {
	font-size: 31px;
	font-weight: 900;
}

.li-list-item-text2 {
	font-size: 16px;
	font-weight: 600;
}

/* end li-list-item-b*/




/* li-list-item-c */

.li-list-item-c {
	width: 198px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-align: center;
}

.li-list-item-circle3 {
	position: relative;
	width: 109px;
	height: 109px;
	flex-shrink: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.li-list-item-clip-path {
	position: absolute;
	top: 21px;
	left: 50%;
	translate: -50% 0;
	width: 67px;
}

.li-list-item-col-bottom3 {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-self: stretch;
}

/* end li-list-item-c*/


.design-expo-section {
	position: relative;
	letter-spacing: 0px;
	background-color: #fff;
	padding-top: 8px;
}

/* .design-expo-section-container1 {
	position: absolute;
	top: -43%;
	left: 50%;
	translate: -50% 0;
	width: calc(100% - 32px);
	height: 565px;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #F79D35;
	z-index: -1;

} */

.design-expo-section-container2 {
	position: relative;
	z-index: 1;
	box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
	width: 100%;
	max-width: 1500px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 62px 15px 57px 15px;
	border-radius: 16px;
	margin-top: -65px;
}

.design-expo-section-container3 {
	margin-left: -19px;
	width: 100%;
	max-width: 629px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	align-self: center;
	text-align: center;
}

.design-expo-section-btn-overlay {
	display: flex;
	color: #13703C;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1;
	letter-spacing: 0px;
	text-align: left;
	background-color: rgba(17, 110, 62, 0.2);
	padding: 10px 25px 10px 24px;
	border-radius: 100px;
	cursor: auto !important;
}

.design-expo-section-subtitle {
	margin: 0 -5px;
	flex-shrink: 0;
	align-self: stretch;
	color: #3c1515;
	--min-font-size: 17;
	--max-font-size: 28;
	font-size: var(--interpolate);
	font-weight: 700;
	line-height: 1.714;
}

/* --- Container Grid --- */
.design-expo-section-container4 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
}

/* --- Individual Container --- */
.container-sp {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: linear-gradient(135deg, #f9fafb 0%, #fff 100%) top left / auto auto no-repeat;
	padding: 10px 14px;
	border: 1px solid #f3f4f6;
	border-radius: 14px;
	width: 100%;
	box-sizing: border-box;
}

/* --- Number Button --- */
.container-btn {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.429;
	text-align: center;
	background: linear-gradient(135deg, #9ccb38 0%, #13703C 100%) top left / auto auto no-repeat;
	border-radius: 50%;
	padding: 6px 7px;
}

/* --- Text Container --- */
.container-text {
	flex: 1;
	min-width: 0;
	color: #364153;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	word-break: break-word;
}

/* --- Hover Effect --- */
.container-btn.hover-bright:hover {
	filter: brightness(1.1);
	cursor: pointer;
}

/* --- Tablet Adjustments --- */
@media (max-width: 1024px) {
	.design-expo-section-container4 {
		grid-template-columns: repeat(2, 1fr);
		/* 2 columns on tablet */
		gap: 16px;
	}
}

/* --- Mobile Adjustments --- */
@media (max-width: 768px) {
	.design-expo-section-container4 {
		grid-template-columns: 1fr;
		/* 1 column on mobile */
		gap: 12px;
	}

	.container-sp {
		gap: 12px;
		padding: 12px;
	}

	.container-btn {
		width: 28px;
		height: 28px;
		font-size: 12px;
	}

	.container-text {
		font-size: 14px;
	}

	.design-expo-section-container2 {
		position: relative;
		z-index: 1;
		box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
		width: 100%;
		max-width: 1500px;
		display: flex;
		flex-direction: column;
		background-color: #fff;
		padding: 15px 15px 57px 15px;
		border-radius: 16px;
		margin-top: -22px;
	}
}

/* end container*/

.design-expo-section-container5 {
	margin: 40px auto 0;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: 30px 24px 0 24px;
	border-top: 1px solid #e5e7eb;
	align-items: center;
	text-align: center;
}

.design-expo-section-text {
	color: #4a5565;
	--min-font-size: 15;
	--max-font-size: 16;
	font-size: var(--interpolate);
	font-weight: 400;
	line-height: 1.5;
	margin-top: 5px;
}

.design-expo-section-btn {
	margin-left: 1px;
	width: 100%;
	max-width: fi;
	align-self: center;
}

.col4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 70px;
	padding-top: 100px;
	padding-bottom: 60px;
}

.col5 {
	container: col5 / inline-size;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

/* Swiper */

/* Css Starts for categories */
.categories-section {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.categories-section .div-eyebrow {
	padding: 0px;
}

.categories-section .div-eyebrow .div-eyebrow-row .text-a {
	font-weight: 500;
	margin: 0px;
}

.categories-section .div-title {
	padding: 0;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0;
}

.categories-section .div-title .div-title-subtitle {
	text-align: left;
	margin-left: 0px;
	font-size: clamp(28px, 2.5vw, 48px);
}

.swiper {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper.categoriesslider {
	padding-bottom: 69px;
	max-width: 1312px;
}

.swiper-scrollbar.categoriesslider-scrollbar {
	position: absolute;
	left: 1.5rem;
	right: 1.5rem;
	bottom: 0.5rem;
	height: 1px;
	border-radius: 10px;
	opacity: var(--font-size-60, 0.6);
	background: linear-gradient(90deg, var(--color-black-0, rgba(0, 0, 0, 0.00)) 0%, var(--color-black-10, rgba(0, 0, 0, 0.10)) 17%, var(--color-black-10, rgba(0, 0, 0, 0.10)) 83%, var(--color-black-0, rgba(0, 0, 0, 0.00)) 100%);
	z-index: 3;
}

.swiper-scrollbar.categoriesslider-scrollbar .swiper-scrollbar-drag {
	background: #0E703B;
	height: 3px;
	top: -1px;
	border-radius: 10px;
}

.swiper-wrapper {
	align-items: center;
}

.swiper.categoriesslider .swiper-slide {
	/* min-width: 220px; */
	max-height: 488px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.swiper-pagination {
	position: relative;
	top: 0;
	margin-top: 1rem;
}

.swiper.categoriesslider .swiper-slide.slide-1,
.swiper.categoriesslider .swiper-slide.slide-2,
.swiper.categoriesslider .swiper-slide.slide-4,
.swiper.categoriesslider .swiper-slide.slide-5 {
	max-width: 491px;
	max-height: 488px;
	aspect-ratio: 491/488;
}

.swiper.categoriesslider .swiper-slide.slide-3,
.swiper.categoriesslider .swiper-slide.slide-6 {
	max-width: 301px;
	max-height: 486px;
	aspect-ratio: 301/486;
}

.swiper.categoriesslider .swiper-slide.slide-1,
.swiper.categoriesslider .swiper-slide.slide-4 {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.swiper.categoriesslider .swiper-slide.slide-2 img,
.swiper.categoriesslider .swiper-slide.slide-5 img {
	height: 100%;
	width: 100%;
}

.swiper.categoriesslider .swiper-slide.slide-3 div,
.swiper.categoriesslider .swiper-slide.slide-6 div {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.swiper.categoriesslider .swiper-slide.slide-3 div.top-content img,
.swiper.categoriesslider .swiper-slide.slide-6 div.top-content img {
	max-width: 301px;
	max-height: 238px;
	aspect-ratio: 301/238;
}

.swiper.categoriesslider .swiper-slide.slide-3 div.bottom-content img,
.swiper.categoriesslider .swiper-slide.slide-6 div.bottom-content img {
	max-width: 301px;
	max-height: 236px;
	aspect-ratio: 301/236;
}

.swiper.categoriesslider .swiper-slide.slide-1 .top-content,
.swiper.categoriesslider .swiper-slide.slide-4 .top-content {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

@media screen and (max-width: 1300px) {
	.swiper.categoriesslider {
		max-width: calc(100% - 40px);
		margin: auto;
		padding-bottom: 30px;
	}

	.categories-section {
		max-width: calc(100% - 40px);
		margin: auto;
	}
}

@media screen and (max-width: 768px) {
	.swiper.categoriesslider {
		max-width: calc(100% - 30px);
		margin: auto;
	}

	.swiper.categoriesslider .swiper-slide {
		max-height: 260px;
	}

	.col5 {
		gap: 0px;
	}

	.swiper.categoriesslider .swiper-slide.slide-1,
	.swiper.categoriesslider .swiper-slide.slide-2,
	.swiper.categoriesslider .swiper-slide.slide-4,
	.swiper.categoriesslider .swiper-slide.slide-5 {
		max-width: 262px;
		max-height: 260px;
		aspect-ratio: 491 / 488;
	}

	.swiper.categoriesslider .swiper-slide.slide-3,
	.swiper.categoriesslider .swiper-slide.slide-6 {
		max-width: 161px;
		max-height: 260px;
		aspect-ratio: 301 / 486;
	}

	.swiper.categoriesslider .swiper-slide.slide-3 div.top-content img,
	.swiper.categoriesslider .swiper-slide.slide-6 div.top-content img {
		max-width: 164px;
		max-height: 130px;
		aspect-ratio: 301 / 238;
	}

	.swiper.categoriesslider .swiper-slide.slide-3 div.bottom-content img,
	.swiper.categoriesslider .swiper-slide.slide-6 div.bottom-content img {
		max-width: 166px;
		max-height: 130px;
		aspect-ratio: 301 / 236;
	}

	.col4 {
		gap: 30px;
		padding-top: 40px;
		padding-bottom: 30px;
	}
}

/* Css Ends for categories */



.col-top2 {
	container: col-top2 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-self: stretch;
	letter-spacing: 0px;
}

.div-eyebrow {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	padding: 0 300px 2px 300px;
}

.div-eyebrow-row {
	width: 100%;
	max-width: 1320px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.div-title {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 404px;
	padding: 2px 24px 5px 24px;
}

.div-title-subtitle {
	margin-left: -4px;
	margin-top: 3px;
	color: #1a1a1a;
	font-size: 48px;
	font-weight: 800;
	line-height: normal;
	text-align: center;
}

.div-title-btn {
	flex-shrink: 0;
	color: #000;
	background-color: #eaeaea;
}

.img-gallery {
	margin-left: 70px;
	margin-bottom: -13px;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.18px;
	padding-right: 70px;
	padding-bottom: 13px;
}

.img-gallery-col-left {
	width: 491px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-shrink: 0;
}

.img-gallery-row-top1 {
	margin-right: 3px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.img-gallery-frame-left {
	width: 100%;
	min-height: 236px;
	flex-grow: 1;
	background: url(../assets/img-gallery-frame1.png) center / cover no-repeat;
	border-radius: 16px;
	overflow: hidden;
}

.img-gallery-group {
	background: url(../assets/img-gallery-group.png) center / cover no-repeat;
	padding-top: 164px;
	padding-bottom: 13px;
}

.img-gallery-btn-beauty-from {
	backdrop-filter: blur(2.5px);
	margin-left: auto;
	width: 187px;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 7px 23px;
}

.img-gallery-frame-right {
	position: relative;
	width: 100%;
	min-height: 236px;
	flex-grow: 1;
	background: url(../assets/img-gallery-frame2.png) center / cover no-repeat;
	padding: 166px 1px 12px 1px;
	border-radius: 16px;
	overflow: hidden;
}

.img-gallery-symbol1 {
	position: absolute;
	top: -8px;
	left: -96px;
	right: -23px;
	width: calc(100% - -96px - -23px);
	max-width: none;
}

.img-gallery-img1 {
	position: absolute;
	z-index: 1;
	top: -35px;
	left: -82px;
	right: -89px;
	width: calc(100% - -82px - -89px);
	max-width: none;
}

.img-gallery-btn {
	z-index: 2;
	margin-left: auto;
}

.card-bottom {
	display: flex;
	flex-direction: column;
	background: url(../assets/card.png) center / cover no-repeat, linear-gradient(#d9d9d9, #d9d9d9) top left / auto auto no-repeat;
	border-radius: 16px;
	overflow: hidden;
}

.card-bottom-symbol {
	margin: -55px -7px 0 -22px;
	max-width: none;
	flex-shrink: 0;
}

.card-bottom-btn-healthspan {
	position: static;
	margin-top: -68px;
	align-self: end;
	padding-left: 25px;
}

.img-gallery-frame {
	position: relative;
	width: 491px;
	flex-shrink: 0;
	overflow: hidden;
}

.img-gallery-col {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-top: 408px;
	padding-bottom: 22px;
}

.img-gallery-img2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	border-radius: 16px;
}

.img-gallery-btn-botanical {
	z-index: 1;
	margin-right: -1px;
}

.img-gallery-symbol2 {
	position: absolute;
	z-index: 2;
	top: -6px;
	left: -74px;
	right: -7px;
	width: calc(100% - -74px - -7px);
	max-width: none;
}

.img-gallery-symbol3 {
	position: absolute;
	z-index: 3;
	top: -7px;
	left: -89px;
	right: -22px;
	width: calc(100% - -89px - -22px);
	max-width: none;
}

.img-gallery-col-right {
	margin-left: 3px;
	width: 301px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex-shrink: 0;
	text-align: right;
}

.img-gallery-row-top2 {
	position: relative;
	min-height: 238px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	background: url(../assets/img-gallery-row.png) center / cover no-repeat;
	border-radius: 16px;
	overflow: hidden;
}

.img-gallery-btn-mind-mood {
	position: absolute;
	top: 160px;
	right: -4px;
	backdrop-filter: blur(2.5px);
	min-height: 58px;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 18px 24px;
}

.img-gallery-frame-bottom {
	position: relative;
	background: url(../assets/img-gallery-frame3.png) center / cover no-repeat, linear-gradient(#d9d9d9, #d9d9d9) top left / auto auto no-repeat;
	padding: 163px 2px 15px 2px;
	border-radius: 16px;
	overflow: hidden;
}

.img-gallery-symbol4 {
	position: absolute;
	top: -8px;
	left: -26px;
	right: -56px;
	width: calc(100% - -26px - -56px);
	max-width: none;
}

.img-gallery-microbiome {
	position: relative;
	z-index: 1;
	backdrop-filter: blur(2.5px);
	margin-left: auto;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 18px 24px;
}

.div-wdt-swiper {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 960px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: var(--petszone-wpengine-com-cod-gray-20);
	border-radius: 10px;
}

.div-wdt-swiper-rect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.6;
	height: 1px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%) top left / auto auto no-repeat;
	border-radius: 10px;
}

.div-wdt-swiper-after {
	z-index: 1;
}

.div-wdt-swiper-line {
	position: relative;
	z-index: 2;
	margin-right: auto;
	margin-top: -1px;
	width: 90%;
	height: 0;
	max-width: 480px;
	flex-shrink: 0;
	border-top: 3px solid #0e703b;
	border-radius: 10px;
}

.col6 {
	letter-spacing: 0px;
	background-color: #f8f8f8;
	padding-top: 43px;
	padding-bottom: 42px;
}

@media (max-width: 768px) {
	.col6 {
		padding: 20px 15px;
	}

	.div-elementor-container-wdt-sticky {
		padding: 20px 10px !important;
	}

	.div-elementor-container-subtitle {
		font-size: 2rem !important;
		line-height: 1.3 !important;
		text-align: center;
	}

	.div-elementor-container-col1 p {
		font-size: 14px !important;
		line-height: 1.6 !important;
		text-align: center;
	}

	.div-elementor-container-row {
		gap: 12px;
		margin-bottom: 10px;
	}

	.div-elementor-container-btn {
		width: auto !important;
		max-width: none;
	}

	.div-elementor-container {
		padding-left: 16px;
		padding-right: 16px;
		gap: 24px;
	}

	.div-elementor-container-col-right {
		width: 100%;
		margin-top: 0;
		align-items: center;
		text-align: center;
	}

	.div-elementor-container-row-top {
		justify-content: center;
	}

	.div-elementor-container-col-bottom {
		padding: 0;
		gap: 16px;
	}

	.div-elementor-container-circle1,
	.card-div-elementor-element {
		display: none;
	}

	.card-div-elementor-element-19096d54 {
		display: none;
	}

	.card-div-elementor-element-circle {
		display: none;
	}

	.card-div-elementor-element {
		display: none;
	}

}

@media (max-width: 1024px) {
	.col6 {
		padding: 30px 20px;
	}

	.div-elementor-container {
		flex-direction: column;
		align-items: center;
		gap: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.div-elementor-container-wdt-sticky {
		width: 100% !important;
		max-width: 500px;
		margin: 0 auto;
		padding: 30px 20px 20px !important;
	}

	.card-div-elementor-element {
		transform: scale(0.9);
		top: 385px !important;
	}
}


.div-elementor-container {
	width: 100%;
	max-width: 1440px;
	display: flex;
	align-items: flex-start;
	gap: 34px;
	padding-left: 34px;
}

.div-elementor-container-wdt-sticky {
	position: relative;
	width: 653px;
	align-content: flex-start;
	row-gap: 0;
	flex-shrink: 0;
	padding: 57px 131px 129px 0;
}

.div-elementor-container-element {
	position: relative;
	background: url(../assets/div-elementor-container-element.png) top left / cover no-repeat;
	aspect-ratio: 3145728 / 4466879;
	border-radius: 140px;
	overflow: hidden;
}

.div-elementor-container-img {
	position: absolute;
	top: -7px;
	left: -18px;
	right: 0;
	width: calc(100% - -18px - 0px);
	max-width: none;
}

.card-div-elementor-element {
	position: absolute;
	z-index: 2;
	top: 541px;
	left: -40px;
	width: 228px;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
}

.card-div-elementor-element-19096d54 {
	margin-right: -33px;
	margin-bottom: -40px;
	max-width: none;
	flex-shrink: 0;
	border-radius: 24px;
}

.card-div-elementor-element-circle {
	position: absolute;
	z-index: 1;
	top: 150px;
	left: 90px;
	transform-origin: 50% 50%;
	width: 71px;
	height: 71px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border-radius: 50%;
	cursor: pointer;
}

.card-div-elementor-element-group {
	height: 31px;
}

.card-div-elementor-element-group {
	pointer-events: none;
}

.div-elementor-container-circle1 {
	position: absolute;
	z-index: 3;
	top: 33px;
	left: 433px;
	width: 181px;
	height: 181px;
	border: 33px solid #fff;
	border-radius: 50%;
}

.div-elementor-container-circle-white {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	border: 3px solid #086c38;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.div-elementor-container-click-to {
	position: absolute;
	top: 33px;
	left: 46px;
	rotate: -12deg;
	transform-origin: 50% 50%;
	width: 97px;
}

.div-elementor-container-exhibitor {
	position: absolute;
	top: -40px;
	left: -47px;
	rotate: -5deg;
	transform-origin: 50% 50%;
	width: 149px;
	max-width: none;
}

.div-elementor-container-rect1 {
	top: 93px;
	left: -11px;
	rotate: -33deg;
}

.div-elementor-container-rect2 {
	top: 7px;
	left: 106px;
	rotate: -44deg;
}

.div-elementor-container-col-right {
	position: relative;
	margin-top: 57px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	flex-grow: 1;
	text-align: left;
}

.div-elementor-container-pdf {
	position: absolute;
	top: 41px;
	left: -187px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	pointer-events: auto;
}

.div-elementor-container-pdf object,
.div-elementor-container-pdf svg {
	pointer-events: auto;
	cursor: pointer;
}

.div-elementor-container-col-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: normal;
}

.div-elementor-container-row-top {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #1e386a;
	font-size: 14px;
	font-weight: 500;
}

.div-elementor-container-circle-left {
	width: 8px;
	flex-shrink: 0;
	background-color: #F79D35;
	aspect-ratio: 1 / 1;
}

.div-elementor-container-text-invitation {
	text-align: left;
}

.div-elementor-container-subtitle {
	color: #1a1a1a;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: 2px;
}

.div-elementor-container-col1 {
	display: flex;
	flex-direction: column;
	gap: 15px;
	color: #7c7c7c;
}

.div-elementor-container-text-top {
	line-height: 1.167;
}

.div-elementor-container-col2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 11px;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	line-height: 2.5;
}

.div-elementor-container-symbol1 {
	display: flex;
	align-items: center;
	gap: 15px;
	align-self: stretch;
}

.div-elementor-container-circle-green-left {
	width: 43px;
	flex-shrink: 0;
	background-color: #c1db96;
	aspect-ratio: 1 / 1;
}

.div-elementor-container-airplane {
	aspect-ratio: 1 / 1;
}

.div-elementor-container-text-round-trip {
	flex-grow: 1;
	text-align: left;
}

.div-elementor-container-symbol2 {
	width: 100%;
	max-width: 398px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 6px;
}

.div-elementor-container-circle2 {
	width: 43px;
	flex-shrink: 0;
	background-color: #c1db96;
	aspect-ratio: 1 / 1;
	padding: 6px 6px 5px 6px;
	border-radius: 50%;
	overflow: hidden;
}

.div-elementor-container-hotel {
	display: flex;
	flex-direction: column;
	aspect-ratio: 19 / 20;
	overflow: hidden;
}

.div-elementor-container-g {
	position: relative;
	margin-top: -1px;
	height: 32px;
	flex-shrink: 0;
}

.g1 {
	top: 4px;
	left: 0;
}

.div-elementor-container-path {
	position: absolute;
	top: 0;
	left: 2px;
	width: 26px;
	height: 23px;
	border: 1px solid #fff;
}

.g2 {
	top: 4px;
	left: 0;
}

.div-elementor-container-symbol3 {
	width: 100%;
	max-width: 398px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.div-elementor-container-circle-network {
	width: 43px;
	height: 43px;
	flex-shrink: 0;
	background-color: #c1db96;
	padding: 5px 4px 2px 4px;
	border-radius: 50%;
	overflow: hidden;
}

.g3 {
	position: relative;
	width: unset;
	height: 36px;
}

.div-elementor-container-inclusions {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.273;
	background-color: #fff;
	padding: 14px 20px;
	border-radius: 11px;
}

.div-elementor-container-text-bottom {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.div-elementor-container-line {
	height: 0;
	flex-shrink: 0;
	border-top: 1px solid #d9d9d9;
}

.div-elementor-container-col-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.div-elementor-container-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 0.889;
}

.div-elementor-container-btn {
	width: 228px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	padding: 16px 20px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	white-space: nowrap;
}

.div-elementor-container-btn1 {
	color: #fff;
	background-color: #13703C;
}

.btn5 {
	color: #fff;
	background-color: #F28B2E;
}

.div-elementor-container-btn2 {
	color: #000;
	background-color: #eaeaea;
}

.div-elementor-container-text-we-look-forward {
	color: #7c7c7c;
	line-height: normal;
}

@media(max-width:1024px) {
	.div-elementor-container {
		width: 100%;
		max-width: 1440px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 34px;
		padding-left: 34px;
	}

	.div-elementor-container-wdt-sticky {
		position: relative;
		width: 653px;
		align-content: flex-start;
		row-gap: 0;
		flex-shrink: 0;
		padding: 57px 131px 0;
		margin: auto;
	}
}

@media (min-width: 1025px) and (max-width: 1300px) {
	.div-elementor-container-row {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 10px;
		color: #1e386a;
		font-size: 14px;
		font-weight: 500;
	}
}

@media (max-width: 768px) {
	.div-elementor-container-element {
		position: relative;
		background: url(../assets/div-elementor-container-element.png) top left / cover no-repeat;
		aspect-ratio: 3145728 / 4466879;
		border-radius: 0px;
		overflow: hidden;
	}
}

/* Connect modal styling */
.connect-modal .modal-body {
	background: transparent;
	padding: 0;
}

.connect-modal .modal-dialog {
	margin: 1.5rem auto;
	max-width: 1024px;
}

.connect-modal .modal-content {
	border: none;
	border-radius: 36px;
	background: transparent;
	box-shadow: none;
}

.connect-modal-card {
	position: relative;
	background: #fff;
	padding: 2.5rem;
	border-radius: 34px;
	box-shadow: 0px 32px 60px rgba(23, 73, 35, 0.3);
}

.connect-modal-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #fff;
	background-image: var(--bs-btn-close-icon);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.connect-modal-header {
	margin-bottom: 1rem;
}

.connect-modal-icon {
	width: 74px;
	height: 74px;
	margin: 0 auto 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e7f4ea;
	border-radius: 50%;
}

.connect-modal-icon svg {
	width: 36px;
	height: 36px;
}

.connect-modal-title {
	font-size: clamp(26px, 2.5vw, 36px);
	font-weight: 700;
	margin: 0;
	color: #101c2a;
}

.connect-modal-form .form-label {
	font-weight: 600;
}

.connect-upload-area {
	border: 1px dashed #b5c7dc;
	border-radius: 22px;
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	background-color: #fcfcfc;
}

.connect-upload-heading {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #102335;
}

.connect-upload-sub {
	margin: 0;
	font-size: 13px;
	color: #7b7f85;
}

.connect-upload-btn {
	border-radius: 999px;
	padding: 8px 28px;
	border: 1px solid #13703C;
	color: #13703C;
	font-weight: 600;
	background: transparent;
	transition: all 0.2s ease;
}

.connect-upload-btn:hover {
	color: #fff;
	background-color: #13703C;
	border-color: #13703C;
}

.connect-submit {
	background-color: #13703C;
	border-radius: 999px;
	border: none;
	color: #fff;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 700;
	max-width: 300px;
	margin: auto;
}

.connect-modal-note {
	font-size: 14px;
	color: #6d737a;
	margin: 0;
	padding-top: 0.25rem;
}

.connect-upload-preview img {
	max-height: 120px;
	object-fit: contain;
}

.connect-upload-preview {
	text-align: center;
}

.connect-upload-area.active {
	border-color: #13703C;
	background-color: #f4fbf6;
}

@media (max-width: 992px) {
	.connect-modal .modal-dialog {
		margin: 1rem;
	}

	.connect-modal-card {
		padding: 2rem;
	}

	.connect-modal-close {
		top: 12px;
		right: 12px;
	}
}

@media (max-width: 576px) {
	.connect-modal-card {
		padding: 1.5rem;
	}
}

.video-modal .modal-dialog {
	margin: 1.5rem auto;
	max-width: 1080px;
}

.video-modal .modal-content {
	border: none;
	border-radius: 32px;
	background: transparent;
	box-shadow: none;
}

.video-modal-card {
	position: relative;
	padding: 2rem;
	background-color: #ffff;
	border-radius: 32px;
	box-shadow: 0px 34px 70px rgba(9, 38, 46, 0.35);
}

.video-modal-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.video-modal-header {
	color: #000;
}

.video-modal-title {
	font-size: clamp(22px, 2.4vw, 32px);
	font-weight: 700;
	margin-bottom: 0.35rem;
}

.video-modal-subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}

.video-modal-player {
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	background: #020b11;
}

.video-modal-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-modal-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.video-modal-overlay.is-hidden {
	opacity: 0;
	visibility: hidden;
}

.video-modal-play {
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	pointer-events: all;
}

.video-modal-play svg {
	width: 80px;
	height: 80px;
}

.video-modal-play:hover svg circle {
	fill: rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
	.video-modal-card {
		padding: 1.5rem;
	}

	.div-elementor-container-col-right {
		position: relative;
		margin-top: 57px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		flex-grow: 1;
		text-align: left;
	}

}

.content {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1900px;
	background-color: #13703C;
	gap: 40px;
	position: relative;
	margin: auto;
}


.content-subtitle {
	color: var(--color-white-solid);
	--min-font-size: 22;
	--max-font-size: 48;
	font-size: var(--interpolate);
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.458;
	letter-spacing: 0px;
}

.content-text {
	color: #e4e4e4;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.714;
	letter-spacing: 0.5px;
	text-align: center;
}

.content-btn-number {
	box-shadow: 8px 8px 0px 0px #fff, -8px -8px 0px 0px #ffe6e6;
	margin: 36px auto 10px 227px;
	width: 90%;
	max-width: 459px;
	display: flex;
	justify-content: center;
	color: #fff;
	--min-font-size: 23;
	--max-font-size: 24;
	font-size: var(--interpolate);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0px;
	text-align: center;
	padding: 23px 31px;
	border: 1px solid #fff;
	border-radius: 48px;
}


/* LEFT TEXT */
.content-col {
	flex: 1;
	max-width: 55%;
	padding: 40px;
	margin: auto;
}

/* RIGHT IMAGE */
.content-group {
	flex: 1;
	max-width: 45%;
	height: auto;
	position: relative;
	cursor: pointer;
	object-fit: cover;
}

@media(max-width:1024px) {
	.content-group {
		flex: 1;
		max-width: 100%;
	}
}

/* REMOVE THIS (important) */
.content-19397543 {
	display: none;
}

/* BUTTON */
.content-btn-number {
	margin: 58px auto;
}

/* ✅ TABLET */
@media (max-width: 1024px) {
	.content {
		padding: 40px 30px;
		gap: 30px;
	}

	.content-col {
		max-width: 100%;
	}
}

/* ✅ MOBILE */
@media (max-width: 1024px) {
	.content {
		flex-direction: column;
		padding: 30px 20px;
	}

	.content-col {
		order: 2;
	}

	.content-group {
		order: 1;
		width: 100%;
	}

	.content-btn-number {
		margin: 20px auto;
	}
}

.col8 {
	position: relative;
	display: flex;
	flex-direction: column;
}

.col9 {
	gap: 19px;
	padding-top: 100px;
}

@media (max-width: 768px) {
	.col9 {
		padding-top: 10px;
	}

	.content-col {
		flex: 1;
		padding: 0;
		margin: 0;
	}

	.content-text {
		text-align: left;
	}
}

/* =========================
   KNOWLEDGE SESSION
========================= */


.knowledge-session {
	padding: 20px;
}

.knowledge-session .container {
	max-width: 1200px;
	margin: auto;
}

/* HEADER */
.knowledge-session .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	gap: 10px;
	flex-wrap: wrap;
}

.knowledge-session .header h2 {
	font-size: 32px;
	font-weight: 700;
}

.knowledge-speakers-text {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	max-width: 440px;
}

.knowledge-session .notify {
	color: #ff5a2c;
	font-weight: 600;
	cursor: pointer;
}

/* TABS */
.knowledge-session .tabs {
	display: flex;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}

.knowledge-session .tab {
	flex: 1;
	text-align: center;
	padding: 14px;
	background: #3ea36b;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
	font-weight: 500;
}

.knowledge-session .tab.active {
	background: #1f7a47;
}

/* CARD */
.knowledge-session .card {
	background: #fff;
	border-radius: 0 0 12px 12px;
}

.knowledge-session .tabcontent {
	display: none;
}

.knowledge-session .bg-color {
	background: #f7f7f7;
	padding: 37px;
	margin-bottom: 20px;
	border-radius: 12px;
	margin-bottom: 0px;
}

/* BADGES */
.knowledge-session .badges {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.knowledge-session .badge {
	border: 1px solid #3ea36b;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 14px;
	color: #3ea36b;
	display: flex;
	gap: 5px;
}

/* TEXT */
.knowledge-session .title {
	font-size: 22px;
	font-weight: 700;
	margin: 10px 0;
}

.knowledge-session .location {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
	display: flex;
	gap: 10px;
}

/* =========================
   SPEAKERS
========================= */

.knowledge-session .speakers-row {
	display: flex;
	gap: 0;
	margin-top: 20px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	padding-left: 0px;
}

.knowledge-session .speakers-row::-webkit-scrollbar {
	display: none;
}

.knowledge-session .speaker-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: 0.3s;
	min-width: 65px;
	flex: 0 0 auto;
	min-width: 70px;
	scroll-snap-align: start;
}


.knowledge-session .speaker-thumb {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	cursor: pointer;
	flex-shrink: 0;
}

.knowledge-session .speaker-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-top: 5px;
}

.knowledge-session .speaker-name {
	margin-top: 6px;
	font-size: 12px;
	text-align: center;
	opacity: 0;
	transform: translateY(-5px);
	transition: 0.3s;
	max-width: 73px;
	word-wrap: break-word;
}

/* HOVER + ACTIVE */
.knowledge-session .speaker-item:hover,
.knowledge-session .speaker-item.active {
	transform: scale(1.15);
}

.knowledge-session .speaker-item:hover .speaker-name,
.knowledge-session .speaker-item.active .speaker-name {
	opacity: 1;
	transform: translateY(0);
}

/* LABEL */
.knowledge-session .label {
	margin-left: 15px;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
}

/* FLEX FIX (ROW + LABEL) */
.knowledge-session .bg-color>div[style*="display:flex"] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.speaker-section {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

@media (max-width: 768px) {

	.knowledge-session {
		padding: 5px;
	}

	/* HEADER */
	.knowledge-session .header {
		flex-direction: column;
		align-items: flex-start;
	}

	.knowledge-session .header h2 {
		font-size: 24px;
	}

	.knowledge-speakers-text {
		font-size: 12px;
		letter-spacing: 1px;
	}

	/* TABS */
	.knowledge-session .tab {
		padding: 10px;
		font-size: 14px;
	}

	/* CARD */
	.knowledge-session .bg-color {
		padding: 20px;
	}

	/* TEXT */
	.knowledge-session .title {
		font-size: 18px;
	}

	/* SPEAKERS */
	.knowledge-session .speaker-item:hover,
	.knowledge-session .speaker-item.active {
		transform: scale(1.1);
	}

	/* LABEL BELOW */
	.knowledge-session .bg-color>div[style*="display:flex"] {
		flex-direction: column;
		align-items: flex-start;
	}

	.knowledge-session .label {
		margin-left: 0;
		margin-top: 10px;
	}

	.section {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 10px;
	}
}

.knowledge-session .speaker-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* MOBILE: stack properly */
@media (max-width: 768px) {
	.knowledge-session .speaker-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* =========================
   SMALL DEVICES
========================= */

@media (max-width: 480px) {

	.knowledge-session .title {
		font-size: 16px;
	}

	.knowledge-session .badge {
		font-size: 12px;
		padding: 4px 10px;
	}

	.knowledge-session .speaker-thumb {
		width: 50px;
		height: 50px;
	}
}

.col10 {
	width: 100%;
	max-width: 1702px;
	display: flex;
	flex-direction: column;
	gap: 23px;
	padding: 0 50px;
}

.container19 {
	container: container19 / inline-size;
	display: flex;
	align-items: center;
	gap: 234px;
}

.container-row1 {
	container: container-row1 / inline-size;
	display: flex;
	align-items: center;
	gap: 40px;
	flex-grow: 1;
}

.container-row2 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--ex-coders-com-ebony);
	font-size: 48px;
	font-weight: 700;
	line-height: 1.458;
	letter-spacing: 0px;
}

.container-speaker {
	transform-origin: 50% 50%;
	width: 86px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.container-subtitle {
	text-transform: capitalize;
	text-align: center;
}

.container-text-the-world-first {
	flex-grow: 1;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 2px;
	text-align: left;
}

.container-text-notify-me {
	color: #ff5833;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}

.col11 {
	container: col11 / inline-size;
	display: flex;
	flex-direction: column;
	letter-spacing: 0px;
	border: 1px solid #d4d4d4;
	border-radius: 30px;
}

.row-top3 {
	margin: -1px -1px 0 -1px;
	display: flex;
	align-items: flex-start;
	color: #fff;
	font-size: 24px;
	font-family: 'Poppins';
	font-weight: 600;
	line-height: normal;
}

.btn-day {
	opacity: 0.2;
	width: 100%;
	min-height: 88px;
	display: flex;
	justify-content: center;
	flex-grow: 1;
	font-style: normal;
	text-transform: capitalize;
	letter-spacing: 0px;
	text-align: center;
	background-color: #34a367;
	padding: 26px 12px 26px 13px;
	border-right: 1px solid #0e703b;
}

.btn2 {
	background-color: #0e703b;
}

.row4 {
	container: row4 / inline-size;
	position: relative;
	margin: 0 -1px -1px -1px;
}

.row5 {
	filter: blur(12px);
	display: flex;
	align-items: center;
	background-color: #f7f7f7;
	padding: 67px 58px 38px 67px;
	border-bottom: 1px solid #d9d9d9;
}

.col12 {
	container: col12 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 23px;
	flex-grow: 1;
	text-align: left;
	padding-bottom: 28px;
}

.col-top3 {
	container: col-top3 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 22px;
	color: #11112c;
	font-weight: 400;
}

.list {
	display: flex;
	align-items: flex-start;
	gap: var(--item-spacing-30);
	align-self: start;
	color: #34a367;
	font-size: 14px;
	line-height: 1;
}



/* btn-component */

.btn-component {
	min-height: 32px;
	display: flex;
	justify-content: center;
	gap: var(--item-spacing-5);
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #fff;
	padding: 0 16px;
	border: var(--stroke-weight-1) solid #34a367;
	border-radius: 40px;
}

.btn-component-icon {
	margin-top: 8px;
	height: 14px;
	flex-shrink: 0;
}

.btn-component-label {
	margin-top: 8px;
	text-transform: capitalize;
	text-align: left;
}

/* end btn-component*/


.btn-component1 .btn-component-icon {
	width: 12px;
}

.btn-component2 .btn-component-icon {
	width: 14px;
}

.subtitle-component {
	font-size: 33px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.091;
}

.component {
	display: flex;
	align-items: flex-start;
	gap: var(--item-spacing-10);
	font-size: 16px;
	line-height: 1.75;
}

.component-container {
	margin-top: 6px;
	width: 12px;
	height: 16px;
	flex-shrink: 0;
}

.component-text {
	text-transform: capitalize;
	text-align: left;
}

.row-bottom {
	container: row-bottom / inline-size;
	display: flex;
	align-items: center;
	gap: 21px;
}



/* knowleadge */

.knowleadge {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #000;
	line-height: normal;
}

.knowleadge-img-circle-a {
	width: 40px;
	flex-shrink: 0;
	border: 1px solid #d5d5d5;
	border-radius: 50%;
}

.knowleadge-col-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 1px;
}

.knowleadge-img-circle1 {
	margin-left: 1px;
	margin-bottom: -8px;
	width: 160px;
	flex-shrink: 0;
}

.knowleadge-col-bottom {
	margin-top: -12px;
	margin-bottom: -28px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.knowleadge-text-chairperson {
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
}

.knowleadge-text-prof-pulok {
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

/* end knowleadge*/


.text-container {
	color: #11112c;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1.2;
	text-align: left;
}

.col-right2 {
	margin-left: -2px;
	margin-top: -28px;
	width: 315px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-shrink: 0;
	font-size: 30px;
	line-height: normal;
	text-align: left;
	padding: 21px 0 21px 40px;
	border-left: 2px solid #111;
}

.subtitle-knowledge {
	color: #111;
	font-weight: 600;
	text-transform: capitalize;
}

.subtitle-sessions {
	color: #34a367;
	font-weight: 300;
	text-transform: capitalize;
}

.col13 {
	container: col13 / inline-size;
	position: absolute;
	z-index: 1;
	top: 106px;
	left: 293px;
	width: calc(100% - 293px);
	max-width: 813px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	color: #000;
	line-height: normal;
}

.timer {
	margin-left: 3px;
	width: 110px;
	height: 110px;
	flex-shrink: 0;
	align-self: center;
}

.row6 {
	margin-top: 15px;
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 22px;
	font-weight: 400;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px 11px;
	border-radius: 140px;
}

.btn-c {
	display: flex;
	font-style: normal;
	text-transform: capitalize;
	letter-spacing: 0px;
	text-align: left;
	background-color: #fff;
	padding: 10px 31px;
	border-radius: 70px;
}

.circle-white {
	width: 10px;
	flex-shrink: 0;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.text-right {
	flex-grow: 1;
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	text-align: left;
}

.text-bottom {
	--min-font-size: 15;
	--max-font-size: 18;
	font-size: var(--interpolate);
	font-weight: 500;
}

/* .img1 {
	margin-left: 106px;
	margin-bottom: -704px;
	width: 100%;
	max-width: 1766px;
	flex-shrink: 0;
} */

.sposer {
	position: absolute;
	z-index: 2;
	top: 846px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	gap: 29px;
	letter-spacing: 0px;
	padding-bottom: 100px;
}

.sposer-container {
	gap: var(--item-spacing-25);
}

.sposer-btn-overlay {
	display: flex;
	color: #13703C;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1;
	letter-spacing: 0px;
	text-align: left;
	background-color: rgba(17, 110, 62, 0.2);
	padding: 10px 24px;
	border-radius: 100px;
}

.sposer-subtitle {
	width: 100%;
	max-width: 1720px;
	color: var(--ex-coders-com-ebony);
	--min-font-size: 22;
	--max-font-size: 48;
	font-size: var(--interpolate);
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.458;
}

.sposer-col {
	container: sposer-col / inline-size;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 27px;
	padding-bottom: 32px;
	overflow: hidden;
}

.sposer-row-top {
	margin-left: -100px;
	margin-right: -150px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
}

.group2 .group-ologo014 {
	top: 0;
	left: 50%;
	width: 150px;
}

.group3 {
	width: 100%;
}

.group3 .group-ologo015 {
	top: 3px;
	left: 50%;
	width: 131px;
}

.group4 {
	width: 100%;
}

.group4 .group-ologo015 {
	top: 3px;
	left: 50%;
	width: 132px;
}

.group5 .group-ologo017 {
	top: 5px;
	left: 50%;
	width: 121px;
}

.group6 {
	width: 100%;
}

.group6 .group-ologo015 {
	top: 3px;
	left: 50%;
	width: 129px;
}

.group7 {
	width: 100%;
}

.group7 .group-ologo019 {
	top: 2px;
	left: 50%;
	width: 127px;
}

.group8 {
	width: 100%;
}

.group8 .group-ologo019 {
	top: 2px;
	left: 50%;
	margin-left: 3px;
	width: 134px;
}

.sposer-row1 {
	margin: 1px -45px 0 -205px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
	padding-right: 45px;
}

.sposer-rect3 {
	width: unset;
}

.sposer-row2 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
	padding: 0 33px;
}

.sposer-rect4 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: unset;
}

.sposer-ologo021 {
	position: relative;
	z-index: 1;
	translate: unset;
}

.group9 .group-ologo019 {
	top: 2px;
	left: 50%;
	margin-left: -4px;
	width: 129px;
}

.group10 .group-ologo015 {
	top: 3px;
	left: 50%;
	width: 131px;
}

.group11 .group-ologo019 {
	top: 2px;
	left: 50%;
	margin-left: 3px;
	width: 134px;
}

.group12 .group-ologo025 {
	top: 4px;
	left: 50%;
	margin-left: -2px;
	width: 127px;
}

.group13 .group-ologo015 {
	top: 3px;
	left: 50%;
	width: 134px;
}

.group14 .group-ologo015 {
	top: 3px;
	left: 50%;
	margin-left: -5px;
	width: 129px;
}

.sposer-group-right1 {
	position: relative;
	width: 165px;
	flex-shrink: 0;
}

.sposer-ologo03-jpg {
	top: 8px;
	right: 0;
	translate: unset;
	width: 111px;
}

.sposer-row3 {
	margin-left: 110px;
	margin-right: -115px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
}

.sposer-group-left {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-ologo04-jpg {
	top: 8px;
	left: 50%;
	width: 114px;
}

.group15 .group-ologo014 {
	top: 0;
	left: 50%;
	width: 150px;
}

.sposer-group1 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-ologo05-jpg {
	top: 1px;
	left: 50%;
	margin-left: -3px;
	width: 133px;
}

.group16 {
	width: 100%;
}

.group16 .group-ologo015 {
	top: 3px;
	left: 50%;
	margin-left: -1px;
	width: 129px;
}

.sposer-group2 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-ologo07-jpg {
	top: 7px;
	left: 50%;
	margin-left: -3px;
	width: 121px;
}

.group17 .group-ologo017 {
	top: 5px;
	left: 50%;
	margin-left: -3px;
	width: 118px;
}

.group18 {
	width: 100%;
}

.group18 .group-ologo019 {
	top: 2px;
	left: 50%;
	width: 133px;
}

.sposer-row4 {
	margin: 1px -10px 0 5px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
	padding-right: 10px;
}



/* group-f */

.group-f {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 101%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

/* end group-f*/


.group19 {
	width: 101%;
}

.group19 .group-ologo014 {
	top: 0;
	left: 50%;
	width: 150px;
}

.group20 {
	width: 101%;
}

.group20 .group-ologo025 {
	top: 4px;
	left: 50%;
	width: 128px;
}

.group21 .group-ologo011 {
	top: 6px;
	left: 50%;
	width: 116px;
}

.group22 .group-ologo011 {
	top: 6px;
	left: 50%;
	width: 116px;
}

.group23 {
	width: 101%;
}

.group23 .group-ologo019 {
	top: 2px;
	left: 50%;
	margin-left: 3px;
	width: 131px;
}

.group24 {
	width: 101%;
}

.group24 .group-ologo019 {
	top: 2px;
	left: 50%;
	width: 131px;
}

.group25 {
	width: 101%;
}

.group25 .group-ologo015 {
	top: 3px;
	left: 50%;
	margin-left: -2px;
	width: 129px;
}

.sposer-group-right2 {
	position: relative;
	width: 96%;
	max-width: 330px;
	flex-grow: 1;
}

.sposer-ologo025 {
	top: 4px;
	left: 58px;
	translate: unset;
	width: 127px;
}

.sposer-row5 {
	margin: 1px -150px 0 -100px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
}

.frame2 .group-ologo014 {
	top: 0;
	left: 50%;
	width: 150px;
}

.frame3 .frame-img1 {
	width: 152px;
}

.frame4 .frame-img1 {
	width: 104px;
}

.group26 .frame-img1 {
	width: 38px;
}

.frame5 .frame-img1 {
	width: 92px;
}

.frame6 .frame-img1 {
	width: 108px;
}

.frame7 .frame-img1 {
	width: 89px;
}

.sposer-row-bottom {
	margin: 1px -45px 0 -205px;
	display: flex;
	align-items: flex-start;
	gap: 35px;
}



/* frame-b */

.frame-b {
	position: relative;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 67px;
	max-width: 350px;
	flex-grow: 1;
	background-color: #fff;
	border-radius: 11px;
}

.frame-img2 {
	position: absolute;
	top: 14px;
	left: 50%;
	translate: -50% 0;
}

/* end frame-b*/


.frame8 .frame-img2 {
	width: 73px;
}

.sposer-frame1 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-img1 {
	position: absolute;
	top: 18px;
	left: 50%;
	translate: -50% 0;
	width: 136px;
}

.frame9 .frame-img1 {
	width: 161px;
}

.sposer-frame2 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-img2 {
	position: absolute;
	top: 9px;
	left: 50%;
	translate: -50% 0;
	width: 109px;
}

.sposer-frame3 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-img3 {
	position: absolute;
	top: 16px;
	left: 50%;
	translate: -50% 0;
	width: 115px;
}

.sposer-frame4 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-img4 {
	position: absolute;
	top: 12px;
	left: 50%;
	translate: -50% 0;
	width: 87px;
}

.sposer-frame5 {
	position: relative;
	max-width: 350px;
	flex-grow: 1;
}

.sposer-img5 {
	position: absolute;
	top: 7px;
	left: 50%;
	translate: -50% 0;
	width: 53px;
}

.frame10 .frame-img2 {
	width: 103px;
}

.join2 {
	margin-top: 10px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.333;
	letter-spacing: 0px;
	overflow: hidden;
}

/* .join-our-clients {
	container: join-our-clients / inline-size;
	margin-bottom: -24px;
	width: 100%;
	max-width: 1263px;
	display: flex;
	flex-direction: column;
	gap: 23px;
	padding-bottom: 84px;
}

.join-row-top {
	margin-left: 21px;
	display: flex;
	align-items: flex-start;
	gap: 30px;
	align-self: center;
	color: #8d8d8d;
} */

/* --- Main Organization Wrapper --- */
.organization {
	/* background-color: var(--org-bg); */
	background-image: url('../assets/Neutraceutical_img.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: clamp(32px, 4vw, 76px) 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

/* new exhibitor section  start */
.card-exhibitor {
	width: 320px;
	height: 420px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-exhibitor {
	height: 470px;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: rgba(0, 0, 0, 0.75);
	border-radius: 320px;
	padding: 30px 20px;
}

.overlay-exhibitor h2 {
	font-size: clamp(24px, 3vw, 36px);
	margin-bottom: 0;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 1.25;
}

.overlay-exhibitor p {
	font-size: clamp(14px, 2vw, 18px);
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 0;
}

.overlay-exhibitor button {
	background: #F79D35;
	border: none;
	padding: clamp(12px, 1.2vw, 18px) clamp(24px, 3vw, 42px);
	border-radius: 999px;
	color: white;
	font-size: clamp(14px, 1.2vw, 16px);
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	align-self: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-top: 10px;
}

.overlay-exhibitor button:hover {
	background: #e08e2f;
	transform: translateY(-1px);
	box-shadow: 0 10px 25px rgba(240, 138, 63, 0.35);
}

.grid-ingredinets {
	max-width: 1200px;
	width: 100%;
	margin: 40px auto;
	padding: 0 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
	gap: 20px;
}

.card-ingredinets {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	min-height: 180px;
}

.card-ingredinets img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* .card-ingredinets::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0)
  );
} */

.card-ingredinets span {
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: white;
	font-size: 14px;
	font-weight: 600;
	z-index: 2;
}

/* hover effect */
.card-ingredinets:hover img {
	transform: scale(1.05);
	transition: 0.3s;
}

.flag-section {
	padding: 20px 0;
	text-align: center;
}

.title {
	font-size: 14px;
	margin-bottom: 10px;
}

.marquee {
	overflow: hidden;
	white-space: nowrap;
}

.marquee-content {
	display: flex;
	gap: 40px;
	width: max-content;
	animation: scroll 20s linear infinite;
}

.flag {
	text-align: center;
	min-width: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flag img {
	width: 85px;
	height: auto;
	object-fit: cover;
}

.flag span {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	color: #000000;
	font-size: 14px;
}

.flag-title-desc {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 32px !important;
}

/* animation */

@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}



/* new exhibitor section  end */


.organization__container {
	max-width: 900px;
	margin: 0 auto;
}

/* Top Content (Text + White Logo Cards) */
.organization__top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.organization__title {
	flex: 1;
	max-width: 380px;
	text-align: left;
}

.organization__title h2 {
	font-size: clamp(18px, 3vw, 30px);
	color: #11112C;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

/* Logo Cards Styling */
.organization__partners {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}

.organization__card {
	background: var(--white);
	padding: 20px;
	border-radius: 4px;
	width: 170px;
	height: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.organization__card span {
	font-size: 11px;
	color: #888;
	margin-bottom: 10px;
	font-style: italic;
}

.organization__card img {
	max-width: 100%;
	max-height: 80px;
	object-fit: contain;
}

/* Center Small Text */
.organization__subtitle {
	color: #000;
	text-align: center;
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	line-height: 16px;
}

/* Flags Row */
.organization__flags {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.organization__flag-item {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	background: white;
}

.organization__flag-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* --- Responsive Design --- */
@media (max-width: 992px) {
	.organization__title {
		text-align: center;
		margin-bottom: 20px;
	}

	.organization__top {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.organization__card {
		width: 140px;
		height: 110px;
	}

	.organization__flag-item {
		width: 28px;
		height: 28px;
	}
}

@media (max-width: 768px) {
	.organization {
		padding: clamp(20px, 6vw, 54px) 16px;
	}

	.card-exhibitor {
		width: 100%;
	}

	.organization__top {
		gap: 24px;
	}

	.overlay-exhibitor {
		height: auto;
		width: 100%;
		background: linear-gradient(180deg, rgba(3, 3, 3, 0.95), rgba(7, 7, 7, 0.85));
		border-radius: 12px;
		color: #fff;
		text-align: center;
		padding: clamp(26px, 4vw, 73px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: clamp(16px, 1.5vw, 24px);
		box-shadow: 0 20px 35px rgba(0, 0, 0, 0.4);
	}
}

@media (max-width: 480px) {
	.organization {
		border-radius: 16px;
		padding: clamp(16px, 7vw, 32px) 12px;
	}

	.overlay-exhibitor {
		padding: clamp(18px, 6vw, 28px);
	}

	.overlay-exhibitor button {
		padding-inline: clamp(18px, 12vw, 28px);
		width: 100%;
	}
}

/* card-logo */

.card-logo {
	width: 170px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	background-color: var(--white);
	padding-top: 8px;
}

.card-logo-text {
	width: 132px;
	min-height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: center;
}

.card-logo-19397543 {
	flex-shrink: 0;
}

/* end card-logo*/


.join-subtitle2 {
	margin-left: -2px;
	width: 370px;
	flex-shrink: 0;
	color: #11112c;
	font-size: 30px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}

.join-logo {
	position: relative;
	width: 170px;
	flex-shrink: 0;
	text-align: center;
	background-color: var(--white);
	padding: 8px 16px 90px 23px;
}

.join-19397543 {
	position: absolute;
	top: 22px;
	left: 4px;
	right: 4px;
	width: calc(100% - 4px - 4px);
}

.join-text-supported-by {
	position: relative;
	z-index: 1;
	min-height: 29px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-logo1 {
	padding-left: 3px;
	padding-right: 1px;
	padding-bottom: 24px;
}

.card-logo1 .card-logo-text {
	margin-left: 5px;
}

.card-logo1 .card-logo-19397543 {
	margin-top: -8px;
}

.card-logo2 {
	padding-left: 10px;
	padding-right: 7px;
	padding-bottom: 30px;
}

.card-logo2 .card-logo-text {
	margin-left: 3px;
}

.card-logo2 .card-logo-19397543 {
	margin-top: -6px;
}

.join-col-bottom {
	container: join-col-bottom / inline-size;
	display: flex;
	flex-direction: column;
	gap: 20px;
	color: #000;
}

.join-row {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 29px;
}

.join-graphic-circle {
	width: 39px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

/* circle-b */

.circle-b {
	position: relative;
	width: 39px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.circle-clip-path {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

/* end circle-b*/


.join-circle-white-left {
	width: 39px;
	flex-shrink: 0;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.join-india-in {
	rotate: 180deg;
	transform-origin: 50% 50%;
	aspect-ratio: 1 / 1;
}

.join-circle-white {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.join-canada-ca {
	margin-right: -85px;
	max-width: none;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.join-circle1 {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-europe-eu {
	position: relative;
	margin-right: -2px;
	margin-top: -1px;
	flex-shrink: 0;
	background-color: #039;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-group1 {
	position: absolute;
	top: 7px;
	left: 50%;
	translate: -50% 0;
	width: 29px;
	height: 28px;
}

.join-circle2 {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-group2 {
	position: relative;
	height: 39px;
	flex-shrink: 0;
	background-color: #f00;
}

.join-rect1 {
	position: absolute;
	top: 16px;
	left: 7px;
	width: 24px;
	height: 7px;
	background-color: #fff;
}

.join-rect2 {
	position: absolute;
	top: 7px;
	left: 16px;
	width: 7px;
	height: 24px;
	background-color: #fff;
}

.join-circle3 {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-united-arab {
	position: relative;
	margin-right: -9px;
	margin-top: -4px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-rect3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 16px;
	background-color: #00732f;
}

.join-rect4 {
	position: absolute;
	top: 16px;
	left: 0;
	width: 48px;
	height: 16px;
	background-color: #fff;
}

.join-rect5 {
	position: absolute;
	top: 32px;
	left: 0;
	width: 48px;
	height: 16px;
	background-color: #000001;
}

.join-rect6 {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 48px;
	background-color: #f00;
}

.join-circle-russia {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-rect7 {
	height: 13px;
	flex-shrink: 0;
	background-color: #fff;
}

.join-rect8 {
	height: 13px;
	flex-shrink: 0;
	background-color: #0039a6;
}

.join-rect9 {
	margin-top: auto;
	height: 13px;
	flex-shrink: 0;
	background-color: #d52b1e;
}

.circle-south-africa-za {
	height: 39px;
	aspect-ratio: unset;
}

.join-circle4 {
	position: relative;
	width: 39px;
	flex-shrink: 0;
	background-color: #006a4e;
	aspect-ratio: 1 / 1;
}

.join-graphic {
	position: absolute;
	top: 7px;
	left: 5px;
	width: 26px;
	height: 26px;
}

.join-circle5 {
	width: 39px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.join-group3 {
	display: flex;
	flex-direction: column;
}

.join-rect10 {
	height: 10px;
	flex-shrink: 0;
	background-color: #ee2737;
}

.join-rect11 {
	height: 10px;
	flex-shrink: 0;
	background-color: #151f6d;
}

.join-rect12 {
	height: 10px;
	flex-shrink: 0;
	background-color: #ffcd00;
}

.join-rect13 {
	height: 10px;
	flex-shrink: 0;
	background-color: #009f4d;
}

.gallery {
	max-width: 1400px;
	margin: 60px auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

/* Side Content Wrapper */
.gallery__side {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 0 0 180px;
}

.gallery__text {
	font-style: italic;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

.gallery__text .line {
	width: 60px;
	height: 3px;
	background: #000;
	margin-top: 10px;
}

/* --- Desktop Grid Layout --- */
.gallery__main-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr 1fr;
	gap: 15px;
	align-items: center;
	flex: 1;
}

.gallery__stack {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

/* Universal Card Style */
.gallery__card {
	border-radius: var(--card-radius);
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	position: relative;
	background: #eee;
}

.gallery__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: var(--transition);
}

.gallery__card:hover img {
	transform: scale(1.05);
}

/* Desktop Heights */
.h-side {
	height: 220px;
}

.h-center {
	height: 500px;
}

.h-small {
	height: 180px;
}

.gallery__card .label {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: 700;
	padding: 0 10px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* --- ZOOM OVERLAY --- */
.zoom-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.zoom-overlay.active {
	display: flex;
}

.zoom-overlay img {
	max-width: 90%;
	max-height: 85%;
	border-radius: 10px;
}

/* --- RESPONSIVE PERFECT LOGIC --- */
@media (max-width: 1024px) {
	.gallery {
		flex-wrap: wrap;
		gap: 30px;
	}

	.gallery__main-grid {
		order: 2;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.gallery {
		flex-direction: column;
		padding: 20px;
		margin: 20px auto;
	}

	/* Hide side text lines for cleaner look */
	.gallery__text .line {
		margin: 10px auto;
	}

	.gallery__text {
		text-align: center;
		order: 1;
	}

	.gallery__side {
		flex: 1;
		width: 100%;
		order: 3;
	}

	.gallery__main-grid {
		grid-template-columns: 1fr;
		/* Single Column */
		order: 2;
		width: 100%;
	}

	.gallery__stack {
		gap: 15px;
	}

	/* PERFECT RESPONSIVE: Sab images ek size ki */
	.gallery__card {
		height: 250px !important;
		/* Uniform height for all */
		width: 100%;
	}

	.gallery__card .label {
		font-size: 16px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* Order Adjustment for Mobile */
	.gallery__side:first-child {
		order: 1;
	}

	/* Left text on top */
	.gallery__side:last-child {
		order: 4;
	}

	/* Right text at bottom */
}

.footer {
	position: relative;
	padding: 60px 0 0;
	color: var(--white);
	overflow: hidden;
	/* Animated Gradient Background */
	background: linear-gradient(-45deg, #1a2a1a, #2d4a2d, #1e3a2e, #132113);
	background-size: 400% 400%;
	animation: gradientMove 15s ease infinite;
}

/* Background Animation Keyframes */
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.footer__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

.my-flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

/* For screens 768px and below */
@media (max-width: 768px) {
	.my-flex-container {
		justify-content: center;
	}
}

/* Logo Area */
.footer__logo-box {
	background: var(--white);
	display: inline-flex;
	align-items: center;
	padding: 15px 40px;
	border-radius: 100px;
	margin-bottom: 40px;
}

.footer__logo-box img {
	height: 70px;
	object-fit: contain;
}

/* Venue Info */
.footer__venue {
	text-align: right;
	margin-bottom: 50px;
}

.footer__venue p {
	margin: 5px 0;
	font-size: 14px;
	color: var(--text-light);
}

.footer__venue h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
}

/* Scroll Top Button */
.footer__scroll-top {
	width: 35px;
	height: 35px;
	background: var(--white);
	color: #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	cursor: pointer;
	font-size: 12px;
}

/* Contact Section */
.footer__contact-title {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 400;
	color: var(--text-light);
}

.footer__contact-person {
	font-size: 18px;
	margin-bottom: 30px;
}

.footer__contact-person span {
	opacity: 0.6;
	font-weight: 300;
}

.footer__contact-grid {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.footer__link {
	color: var(--white);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
}

.footer__btn-book {
	background: var(--white);
	color: #000;
	padding: 12px 35px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s;
}

.footer__btn-book:hover {
	transform: scale(1.05);
	box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}

/* Bottom Bar */
.footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 13px;
	color: var(--text-light);
	background: rgba(255, 160, 40, 0.10);
}

.footer__socials {
	display: flex;
	gap: 15px;
}

.footer__socials a {
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-decoration: none;
	transition: 0.3s;
}

/* --- Responsive --- */
@media (max-width: 768px) {
	.footer__logo-box {
		flex-direction: column;
		border-radius: 20px;
		padding: 20px;
	}

	.footer__venue {
		text-align: center;
	}

	.footer__bottom {
		justify-content: center;
		text-align: center;
	}
}


/* circle-component */

.circle-component {
	position: relative;
	z-index: 1;
	width: 34px;
	height: 34px;
	background-color: #3e6056;
	padding: 4px 5px;
	border-radius: 50%;
}

.circle-component-span-h2d {
	height: 25px;
}

/* end circle-component*/


.footer-span-elementor {
	top: 16px;
	left: 0;
	right: 0;
	width: unset;
	height: 1px;
	background-color: unset;
	border-top: var(--stroke-weight-1) solid rgba(205, 205, 205, 0.17);
}

.footer-col {
	container: footer-col / inline-size;
	margin: 6px auto 0 auto;
	width: 90%;
	max-width: 980px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	font-weight: 400;
}

.footer-text-top {
	color: #d0d0d0;
	--min-font-size: 16;
	--max-font-size: 19;
	font-size: var(--interpolate);
	font-weight: 700;
	line-height: 2.653;
}

.footer-text {
	align-self: stretch;
	color: #b8b8b8;
	--min-font-size: 15;
	--max-font-size: 18;
	font-size: var(--interpolate);
	line-height: normal;
	letter-spacing: -0.18px;
}

.footer-row-bottom {
	display: flex;
	align-items: center;
	gap: 70px;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: -0.14px;
}



/* row-b */

.row-b {
	display: flex;
	align-items: center;
	gap: 8px;
}

.row-fluent-call {
	width: 18px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.row-text {
	text-align: left;
}

/* end row-b*/


.row-left {
	color: #f5f5f5;
}

.footer-btn-component {
	display: flex;
	justify-content: center;
	color: var(--www-shefexil-org-black);
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;
	padding: 16px 40px 16px 41px;
	border-radius: 100px;
}

.footer-col-bottom {
	container: footer-col-bottom / inline-size;
	margin: 27px -7px 0 -7px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	background-color: rgba(255, 160, 40, 0.1);
	padding: 20px 340px;
	width: 100%;
}

.footer-row1 {
	container: footer-row1 / inline-size;
	width: 100%;
	max-width: 1280px;
	display: flex;
	align-items: center;
	gap: 89px;
}

.footer-text-left {
	min-height: 15px;
	flex-grow: 1;
	text-align: left;
}

.footer-row2 {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}



/* circle-c */

.circle-c {
	position: relative;
	width: 28px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	border: 0.6px solid #fff;
	border-radius: 50%;
}

/* .circle-ri-facebook {
	position: absolute;
	top: 5px;
	left: 50%;
	translate: -50% 0;
	width: 16px;
	aspect-ratio: 1 / 1;
} */

/* end circle-c*/


.footer-circle-prime {
	position: relative;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	border: 0.6px solid #fff;
	border-radius: 50%;
}

.footer-clip-path {
	height: 16px;
	width: 16px;
}

.footer-text-right {
	text-align: left;
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
	.header2 {
		padding-inline: var(--margin-md);
	}

	.banner {
		padding-inline: var(--margin-sm);
	}

	.banner-banner {
		padding-inline: 0;
		margin-inline: 0;
	}

	.banner-undefined-right {
		padding-inline: var(--margin-sm);
	}

	.col2 {
		padding-inline: var(--margin-md);
	}

	.frame1 {
		padding-inline: 0;
	}

	.design-expo-section-container3 {
		margin-inline: 0;
	}

	.design-expo-section-subtitle {
		margin-inline: 0;
	}

	.design-expo-section-container5 {
		padding-inline: var(--margin-sm);
		margin-inline: 0;
	}

	.div-eyebrow {
		padding-inline: var(--margin-md);
	}

	.div-title {
		padding-inline: var(--margin-sm);
	}

	.div-title-subtitle {
		margin-inline: 0;
	}

	.img-gallery {
		padding-inline: 0;
	}

	.img-gallery-row-top1 {
		margin-inline: 0;
	}

	.card-bottom-symbol {
		margin-inline: 0;
	}

	.div-elementor-container {
		padding-inline: 0;
	}

	.div-elementor-container-wdt-sticky {
		padding-inline: 0;
	}

	.div-elementor-container-symbol2 {
		padding-inline: 0;
	}

	.content-19397543 {
		margin-inline: 0;
	}

	.content-col {
		padding-inline: 0;
		margin-inline: var(--margin-md);
	}

	.content-btn-number {
		padding-inline: var(--margin-sm);
		margin-inline: 0;
	}

	.col10 {
		padding-inline: 0;
	}

	.row5 {
		padding-inline: var(--margin-md);
	}

	.col-right2 {
		margin-inline: 0;
	}

	.img1 {
		margin-inline: 0;
	}

	.join2 {
		padding-inline: var(--margin-sm);
	}

	.join-subtitle2 {
		margin-inline: 0;
	}

	.column {
		margin-inline: 0;
	}

	.gallery-group {
		margin-inline: 0;
	}

	.gallery-highlights-from {
		padding-inline: var(--margin-sm);
	}

	.footer-row-top {
		padding-inline: 0;
	}

	.footer-frame-left {
		padding-inline: var(--margin-sm);
	}

	.footer-text-venue-bharat {
		margin-inline: 0;
	}

	.footer-div-elementor {
		padding-inline: 0;
	}

	.footer-col-bottom {
		padding-inline: var(--margin-md);
	}
}

@media screen and (max-width: 576px) {
	.header2 {
		padding-inline: var(--margin-sm);
	}

	.col2 {
		padding-inline: var(--margin-sm);
	}

	.div-eyebrow {
		padding-inline: var(--margin-sm);
	}

	.content-col {
		margin-inline: var(--margin-sm);
	}

	.row5 {
		padding-inline: var(--margin-sm);
	}

	.footer-col-bottom {
		padding-inline: var(--margin-sm);
	}
}



/* container queries (flex rows) */

@container header2 (width < 1701px) {
	.header-header {
		align-items: center;
	}

	.header-header>* {
		margin-top: unset !important;
		text-align: center;
		display: flex;
		flex-direction: column;
	}

	.header-header>.header-19397543 {
		width: 100%;
		max-width: 632px;
	}
}

@container header-header (width < 1000px) {
	.header-row {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.header-row>* {
		text-align: center;
	}
}

@container banner-banner (width < 1004px) {
	.banner-row1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.banner-banner>* {
		margin-left: 0;
		margin-right: 0;
	}

	.banner-row1>* {
		text-align: center;
	}
}

@container banner-banner (width < 616px) {
	.banner-row2 {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.banner-row2>* {
		text-align: center;
	}
}

@container banner-banner (width < 379px) {
	.banner-container {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
}

@container col2 (width < 1708px) {
	.row1 {
		flex-direction: column;
		align-items: flex-start;
		gap: 100px;
	}

	.row1>* {
		margin-left: unset !important;
		margin-right: unset !important;
	}

	.row1>.row2 {
		width: 100%;
	}

	.row1>.col-right1 {
		width: 100%;
	}
}

@container row1 (width < 802px) {
	.row2 {
		margin-left: 0;
		flex-direction: column;
		align-items: center;
		gap: 47px;
	}

	.row1>* {
		margin-left: 0;
		margin-right: 0;
	}

	/* .row2>* {
		margin-top: unset !important;
	} */

	.row2>.frame1 {
		width: 100%;
		align-items: center;
	}

	.row2 .card-right-col {
		align-self: center;
	}

	.row2>.card-right>* {
		text-align: unset;
	}
}

@container card-right-col (width < 205px) {
	.row-a {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.row-a>.row-img-left {
		width: 100%;
	}

	.row-a>.row-img-right {
		width: 100%;
	}
}

@container faqs (width < 778px) {
	.faqs-row {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.faqs-row>* {
		text-align: center;
	}

	.faqs-row>.faqs-text {
		width: 100%;
	}
}

@container faqs1 (width < 778px) {
	.faqs-row2 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.faqs-row2>* {
		text-align: center;
	}

	.faqs-row2>.faqs-text2 {
		width: 100%;
	}
}

@container faqs3 (width < 778px) {
	.faqs-row3 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.faqs-row3>* {
		text-align: center;
	}

	.faqs-row3>.faqs-text3 {
		width: 100%;
	}
}

@container faqs5 (width < 778px) {
	.faqs-row4 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.faqs-row4>* {
		text-align: center;
	}

	.faqs-row4>.faqs-text4 {
		width: 100%;
	}
}

@container join1 (width < 1487px) {
	.join-ul-list {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}
}

@container col-top2 (width < 1362px) {
	.div-title {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.div-title>* {
		margin-left: unset !important;
		margin-top: unset !important;
		text-align: center;
	}
}

@container col5 (width < 1521px) {
	.img-gallery {
		margin-left: 0;
		flex-direction: column;
		align-items: flex-end;
		gap: 78px;
	}

	.img-gallery>* {
		margin-left: unset !important;
	}

	.img-gallery>.img-gallery-col-left {
		width: 100%;
		max-width: 491px;
	}

	.img-gallery>.img-gallery-frame {
		width: 100%;
		max-width: 491px;
	}
}

/* @container col6 (width < 1439px) {
	.div-elementor-container {
		flex-direction: column;
		align-items: center;
		gap: 100px;
	}

	.div-elementor-container>* {
		margin-top: unset !important;
		text-align: center;
	}

	.div-elementor-container>.div-elementor-container-wdt-sticky {
		width: 100%;
		max-width: 653px;
	}

	.div-elementor-container>.div-elementor-container-col-right {
		width: 100%;
	}
} */

/* @container div-elementor-container-col-bottom (width < 465px) {
	.div-elementor-container-row {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.div-elementor-container-row>* {
		text-align: center;
	}
} */

@container col10 (width < 1399px) {
	.container19 {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.container19>* {
		text-align: center;
	}

	.container19>.container-row1 {
		width: 100%;
		justify-content: center;
	}
}

@container container19 (width < 1051px) {
	.container-row1 {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.container-row1>* {
		text-align: center;
	}

	.container-row1>.container-text-the-world-first {
		width: 100%;
	}
}

@container container-row1 (width < 557px) {
	.container-row2 {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.container-row2>* {
		text-align: center;
	}
}

@container col11 (width < 1395px) {
	.row-top3 {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.row-top3>* {
		margin-left: unset !important;
		text-align: center;
	}

	.row-top3>.btn2 {
		width: 100%;
	}

	.row-top3>.btn-day1 {
		width: 100%;
	}

	.row-top3>.btn-day2 {
		width: 100%;
	}
}

@container row4 (width < 1403px) {
	.row5 {
		flex-direction: column;
		align-items: flex-start;
		gap: 29px;
	}

	.row5>* {
		margin-left: unset !important;
		margin-top: unset !important;
	}

	.row5>.col12 {
		width: 100%;
	}

	.row5>.col-right2 {
		width: 100%;
		max-width: 315px;
	}
}

@container col-top3 (width < 396px) {
	.list {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
}

@container col12 (width < 726px) {
	.row-bottom {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.row-bottom>* {
		text-align: center;
	}
}

@container row-bottom (width < 557px) {
	.knowleadge {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.knowleadge>* {
		text-align: center;
	}
}

@container col13 (width < 812px) {
	.row6 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.col13>* {
		margin-left: 0;
		margin-right: 0;
	}

	.row6>* {
		text-align: center;
	}

	.row6>.text-right {
		width: 100%;
	}
}

@container sposer-col (width < 1232px) {
	.sposer-row-top {
		margin-left: 0;
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-col>* {
		margin-left: 0;
		margin-right: 0;
	}

	.sposer-row-top>.sposer-rect1 {
		width: 100%;
	}

	.sposer-row-top>.group2 {
		width: 100%;
	}

	.sposer-row-top>.group3 {
		width: 100%;
	}

	.sposer-row-top>.group4 {
		width: 100%;
	}

	.sposer-row-top>.group5 {
		width: 100%;
	}

	.sposer-row-top>.group6 {
		width: 100%;
	}

	.sposer-row-top>.group7 {
		width: 100%;
	}

	.sposer-row-top>.group8 {
		width: 100%;
	}

	.sposer-row-top>.sposer-rect2 {
		width: 100%;
	}
}

@container sposer-col (width < 1362px) {
	.sposer-row1 {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-row1>.sposer-rect3 {
		width: 100%;
	}

	.sposer-row1>.sposer-row2 {
		width: 100%;
	}

	.sposer-row1>.group9 {
		width: 100%;
	}

	.sposer-row1>.group10 {
		width: 100%;
	}

	.sposer-row1>.group11 {
		width: 100%;
	}

	.sposer-row1>.group12 {
		width: 100%;
	}

	.sposer-row1>.group13 {
		width: 100%;
	}

	.sposer-row1>.group14 {
		width: 100%;
	}
}

@container sposer-col (width < 1296px) {
	.sposer-row3 {
		margin-left: 0;
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-row3>.sposer-group-left {
		width: 100%;
	}

	.sposer-row3>.group15 {
		width: 100%;
	}

	.sposer-row3>.sposer-group1 {
		width: 100%;
	}

	.sposer-row3>.group16 {
		width: 100%;
	}

	.sposer-row3>.sposer-group2 {
		width: 100%;
	}

	.sposer-row3>.group17 {
		width: 100%;
	}

	.sposer-row3>.group18 {
		width: 100%;
	}

	.sposer-row3>.sposer-rect5 {
		width: 100%;
	}
}

@container sposer-col (width < 1287px) {
	.sposer-row4 {
		margin-left: 0;
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-row4>.group19 {
		width: 100%;
	}

	.sposer-row4>.group20 {
		width: 100%;
	}

	.sposer-row4>.group21 {
		width: 100%;
	}

	.sposer-row4>.group22 {
		width: 100%;
	}

	.sposer-row4>.group23 {
		width: 100%;
	}

	.sposer-row4>.group24 {
		width: 100%;
	}

	.sposer-row4>.group25 {
		width: 100%;
	}

	.sposer-row4>.sposer-group-right2 {
		width: 100%;
	}
}

@container sposer-col (width < 1035px) {
	.sposer-row5 {
		margin-left: 0;
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-row5>.sposer-rect6 {
		width: 100%;
	}

	.sposer-row5>.frame2 {
		width: 100%;
	}

	.sposer-row5>.frame3 {
		width: 100%;
	}

	.sposer-row5>.frame4 {
		width: 100%;
	}

	.sposer-row5>.group26 {
		width: 100%;
	}

	.sposer-row5>.frame5 {
		width: 100%;
	}

	.sposer-row5>.frame6 {
		width: 100%;
	}

	.sposer-row5>.frame7 {
		width: 100%;
	}

	.sposer-row5>.sposer-rect7 {
		width: 100%;
	}
}

@container sposer-col (width < 1002px) {
	.sposer-row-bottom {
		margin-left: 0;
		margin-right: 0;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.sposer-row-bottom>.sposer-rect8 {
		width: 100%;
	}

	.sposer-row-bottom>.frame8 {
		width: 100%;
	}

	.sposer-row-bottom>.sposer-frame1 {
		width: 100%;
	}

	.sposer-row-bottom>.frame9 {
		width: 100%;
	}

	.sposer-row-bottom>.sposer-frame2 {
		width: 100%;
	}

	.sposer-row-bottom>.sposer-frame3 {
		width: 100%;
	}

	.sposer-row-bottom>.sposer-frame4 {
		width: 100%;
	}

	.sposer-row-bottom>.sposer-frame5 {
		width: 100%;
	}

	.sposer-row-bottom>.frame10 {
		width: 100%;
	}
}

@container join-our-clients (width < 1008px) {
	.join-row-top {
		margin-left: 0;
		flex-direction: column;
		align-items: center;
		gap: 19px;
	}

	.join-row-top>* {
		margin-left: unset !important;
		text-align: center;
	}

	.join-row-top>.join-subtitle2 {
		width: 100%;
		max-width: 370px;
	}

	.join-row-top>.card-logo1 {
		align-items: center;
	}

	.join-row-top>.card-logo2 {
		align-items: center;
	}
}

@container join-col-bottom (width < 1262px) {
	.join-row {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.join-row>* {
		margin-left: unset !important;
		margin-top: unset !important;
	}
}

@container gallery (width < 1909px) {
	.gallery-img {
		flex-direction: column;
		align-items: center;
		gap: 81px;
	}

	.gallery-img>* {
		margin-left: unset !important;
		text-align: center;
	}

	.gallery-img>.left {
		width: 100%;
		max-width: 400px;
	}

	.gallery-img>.gallery-group {
		width: 100%;
		max-width: 505px;
	}

	.gallery-img>.right {
		align-items: center;
	}
}

@container footer (width < 1367px) {
	.footer-row-top {
		flex-direction: column;
		align-items: center;
		gap: 17px;
	}

	.footer>* {
		margin-left: 0;
		margin-right: 0;
	}

	.footer-row-top>.footer-frame-left {
		width: 100%;
		max-width: 574px;
		align-items: center;
	}

	.footer-row-top .footer-text-venue-bharat {
		align-self: center;
	}

	.footer-row-top>.footer-div-top-left {
		width: 100%;
		max-width: 368px;
	}

	.footer-row-top>.footer-div-top-left>* {
		text-align: unset;
	}
}

@container footer-col (width < 601px) {
	.footer-row-bottom {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.footer-row-bottom>* {
		text-align: center;
	}
}

@container footer-col-bottom (width < 1253px) {
	.footer-row1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.footer-row1>* {
		text-align: center;
	}

	.footer-row1>.footer-text-left {
		width: 100%;
	}
}

@container footer-row1 (width < 235px) {
	.footer-row2 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
}

.accordion {
	max-width: 900px;
}


.accordion-item:not(:first-of-type) {
	border-top: 1px solid #eee !important;
}

.accordion-item:last-of-type {
	border-radius: 40px !important;
}

.accordion-item:first-of-type {
	border-radius: 40px !important;
}

.accordion-item {
	border-radius: 40px;
	background: #fff;
	margin-bottom: 15px;
	border: 1px solid #eee;
	overflow: hidden;
}

/* When accordion is open */
.accordion-item:has(.accordion-collapse.show),
.accordion-item.active {
	border-radius: 12px !important;
}

.accordion-header {
	padding: 6px 12px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-left {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	font-size: 14px;
	line-height: 22px;
}

.icon {
	margin-left: auto;
}

.accordion-header:hover {
	background: #f9f9f9;
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: 0.3s ease;
	padding: 0 20px;
}

.accordion-content ul {
	padding: 15px 0;
	margin: 0;
}

.accordion-content ul {
	list-style: none;
	padding-left: 0;
}

.accordion-content li {
	line-height: 24px;
	margin-bottom: 6px;
	position: relative;
	padding-left: 22px;
}

.accordion-content li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: #F79D35;
	font-weight: bold;
}

.accordion-item.active .accordion-content {
	max-height: 300px;
	font-size: 12px;
	font-weight: 500;
}

.icon {
	transition: transform 0.3s;
	background: #13703C;
	color: #fff;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin-right: 14px;
}

.accordion-item.active .icon {
	transform: rotate(180deg);
}

/* Marque csss start */
.sponsor-section .sponser-overlay {
	color: #13703C;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	text-transform: capitalize;
	border-radius: 100px;
	background: rgba(17, 110, 62, 0.20);
	display: block;
	max-width: 156px;
	text-align: center;
	padding: 10px 24px;
	align-items: flex-start;
	margin: 30px auto;
}

.sponsor-section .title {
	font-size: clamp(28px, 2.5vw, 48px);
	text-align: center;
	font-weight: 700;
	line-height: clamp(42px, 3.646vw, 70px);
	margin-bottom: clamp(24px, 2.396vw, 46px);
	margin-top: clamp(16px, 1.51vw, 29px);
	padding: 0 10px;
}

.marquee {
	overflow: hidden;
	width: 100%;
}

.marquee-track {
	display: flex;
	width: max-content;
	animation: marquee 150s linear infinite;
	will-change: transform;
	margin: 8px;

}

.marquee.reverse .marquee-track {
	animation-direction: reverse;
}

.marquee-group {
	display: flex;
	gap: 35px;
}

.marquee-group .logo-card {
	width: 210px;
	height: 67px;
	fill: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 11px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.10);
}

.marquee-group .logo-card img {
	max-width: 100%;
	max-height: 58px;
	padding: 10px;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* ❌ NO gap here */
.marquee-track {
	gap: 35px;
}

@keyframes marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/* Marque csss end */

/* Book A stand Css Start */
.hero-banner {
	height: clamp(280px, 26.927vw, 517px);
	position: relative;
	overflow: hidden;
}

.hero-banner .banner-img-blur {
	filter: blur(10px);
	background-position: 50%;
	background-size: cover;
	position: absolute;
	inset: 0;
	transform: scale(1.1);
}

.hero-banner .banner-img-main {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	inset: 0;
}

.hero-banner::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.85));
	mix-blend-mode: multiply;
	z-index: 0;
}

.hero-banner .banner-title {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 1;
}

.hero-banner .banner-title .title {
	color: #FFF;
	text-align: center;
	font-family: Inter;
	font-size: clamp(40px, 3.958vw, 76px);
	line-height: clamp(52px, 4.792vw, 92px);
	font-style: normal;
	font-weight: 800;
}

.book-stand-heading {
	font-size: clamp(14px, 1.458vw, 28px);
	margin-bottom: 0px;
}

.stand-img {
	width: 100%;
}

/* Book A stand Css End */

/* Register page */
form {
	max-width: 1000px;
	margin: 40px auto;
	padding: 24px;
	border-radius: 12px;
	background: #fff;
}

/* Label */
.form-label {
	font-weight: 500;
	margin-bottom: 6px;
	color: #000;
	float: left;
}

.check-label {
	font-weight: 500;
	margin-bottom: 6px;
	color: #000;
	text-align: left;
	display: block;
}

/* Input */
.form-control {
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	padding: 10px 12px;
	font-size: 14px;
	background: #fff;
	box-shadow: none !important;
}

/* Remove focus border + shadow */
.form-control:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #dcdcdc !important;
	background: #fff;
}

/* Error */
.form-control.is-invalid,
.p-error {
	border-color: #dc3545 !important;
	background-image: none;
	color: #dc3545 !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
	border-color: inherit;
	background-image: none;
}

.invalid-feedback,
.p-error {
	font-size: 12px;
	margin-bottom: 0px;
	text-align: left;
}

/* Checkbox & radio */
.form-check {
	margin-bottom: 6px;
}

.form-check-label {
	text-align: left;
	display: block;
}


.form-check-input {
	cursor: pointer;
}

.form-check-input:checked {
	background-color: #13703C;
	border-color: #13703C;
}

.form-check-input:focus {
	box-shadow: none;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
	color: inherit;
	border-color: inherit;
}

.form-select {
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	padding: 10px 12px;
	font-size: 14px;
	background-color: #fff;
	box-shadow: none !important;
}

/* remove focus outline */
.form-select:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #dcdcdc !important;
}

/* error */
.form-select.is-invalid {
	border-color: #dc3545 !important;
}

/* Select2 is inline-block by default; with .form-label { float:left } it sits beside the label.
    Force full-width block stacking like .form-control on the register form. */
.register-page .select2-container {
	display: block;
	width: 100% !important;
	max-width: 100%;
}

.register-page .select2-container .select2-selection--single {
	min-height: 42px;
}

/* Select2 / Bootstrap-5 theme: remove focus ring box-shadow (keep flat border like other fields) */
.register-page .select2-container--bootstrap-5 .select2-selection,
.register-page .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.register-page .select2-container--bootstrap-5.select2-container--open .select2-selection {
	box-shadow: none !important;
}

.register-page .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
.register-page .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus {
	box-shadow: none !important;
	outline: none !important;
}

.register-page .select2-dropdown {
	box-shadow: none !important;
}

/* Dropdown list: left-aligned text */
.select2-results__option {
	text-align: left !important;
}

.register-page .select2-results__option--selectable {
	text-align: left !important;
}

.register-page .select2-selection__rendered {
	text-align: left !important;
}

.register-page .select2-selection__rendered {
	margin-top: 2px;
}

.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
	border-bottom: 1px solid #dcdcdc !important;
	border-color: #dcdcdc !important;
}

.select2-container--bootstrap-5 .select2-dropdown,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	border-color: #dcdcdc !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	box-shadow: none !important;
}

/* Card Modal Styles - mirrors video-modal */
.card-modal .modal-dialog {
	margin: 1.5rem auto;
	max-width: 1080px;
}

.card-modal .modal-content {
	border: none;
	border-radius: 32px;
	background: transparent;
	box-shadow: none;
}

.card-modal-card {
	position: relative;
	padding: 2rem;
	background-color: #fff;
	border-radius: 32px;
	box-shadow: 0px 34px 70px rgba(9, 38, 46, 0.35);
}

.card-modal-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	z-index: 10;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.card-modal-header {
	color: #000;
	margin-bottom: 1rem;
}

.card-modal-title {
	font-size: clamp(22px, 2.4vw, 32px);
	font-weight: 700;
	margin: 0 0 0.35rem 0;
}

.card-modal-player {
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	background: #f8f9fa;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 400px;
}

.card-modal-image {
	max-width: 100%;
	object-fit: contain;
	border-radius: 16px;
	width: 100%;
}

@media (max-width: 768px) {
	.card-modal-card {
		padding: 1.5rem;
		margin: 1rem;
	}

	.card-modal-player {
		min-height: 300px;
	}
}

.flex-box {
	display: flex;
	gap: 10px;
}