/* --- WordCamp Bhopal Hero Section (Simplified) --- */
/* 1. Basic Hero Container Styles */
.wp-block-cover.has-base-color.has-text-color.has-link-color {
	position: relative;
	overflow: hidden;
/* This prevents any unexpected overflow issues */
}

/* 2. Heading and Image Animation */
/* Add a fade-in animation to the "WordPress" heading */
.main_hero_section_heading {
	animation: fadeInDown 1.5s ease-out;
}

/* Add a fade-in and slide-up animation to the "Bhopal" image */
.wp-block-image.aligncenter.size-full.is-resized {
	animation: fadeInUp 1.5s ease-out;
}

/* Keyframes for the text and image animations */
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 3. Responsive Adjustments */
@media (max-width: 768px) {
	.wp-block-cover.has-base-color {
		min-height: 500px !important;
	/* Adjust height for smaller screens */
	}
	
	.main_hero_section_heading {
		font-size: clamp(36px, 10vw, 50px) !important;
	}
	
	.wp-block-image.aligncenter.size-full.is-resized img {
		width: 180px !important;
	/* Adjust image size on mobile */
	}
}

/* --- Fade In Up Animation (CSS Only with Delay) --- */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ----------Homepage-section------ */
.sponsor_sec {
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000E43), url('https://bhopal.wordcamp.org/2025/files/2025/06/as-a-SPONSOR.png');
}

.speaker_sec {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000E43), url('https://bhopal.wordcamp.org/2025/files/2025/06/as-a-SPEAKER.png');
}

.attendes_sec {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000E43), url('https://bhopal.wordcamp.org/2025/files/2025/06/as-a-ATTENDEE.png');
}

.as_a_spon {
	margin-left: 0 !important;
}

/* -------button-globally------- */
.join_button {
	margin-right: 0 !important;
}

.wp-block-button__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all .3s ease;
	overflow: hidden;
}

/* Arrow pseudo-element */
.wp-block-button__link::after {
	content: '→';
	font-size: 16px;
	transition: transform .3s ease;
	display: inline-block;
	margin-left: 4px;
}

/* Hover effects */
.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.wp-block-button__link:hover::after {
	transform: translateX(4px);
}

.gif_about {
	z-index: 10 !important;
}

.aboutbg {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('https://bhopal.wordcamp.org/2025/files/2025/08/Group-58.png');
	background-position: bottom;
/*     border: 1px solid #c7c7c7;
    border-radius: 20px; */
}

.wcbhopal-wrapper {
	width: 100%;
	box-sizing: border-box;
	padding: 36px 12px;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	color: #0f1724;
}

/* Centering container but allowing grid to extend left/right visually */
.wcbhopal-container {
	max-width: 1400px;
	margin: 0 auto;
}

/* ---------- Grid ---------- */
/* first column (feature names) fixed, others flexible */
.wcbhopal-grid {
	display: grid;
	grid-template-columns: 280px repeat(5, 1fr);
	gap: 1px;
	background: #dbe7f5;
/* thin separators */
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);
}

/* Header cells */
.wcbhopal-grid .col-header {
	padding: 20px 16px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	line-height: 1.15;
}

/* Tier colors */
.hdr-platinum {
	background: #050A30;
}

/* teal */
.hdr-gold {
	background: #050A30;
	color: #FFFFFF;
}

/* warm gold */
.hdr-silver {
	background: #050A30;
	color: #FFFFFF;
}

/* cool silver */
.hdr-bronze {
	background: #050A30;
	color: #FFFFFF;
}

/* bronze */
.hdr-party {
	background-color: #FF8C00;
	border: none;
}

/* party purple */
/* First header (label) darker */
.col-label {
	background: #0b1220;
}

/* Feature column (first column) */
.wcbhopal-grid .feature {
	background: linear-gradient(180deg, #ffffff, #f7fbff);
	padding: 16px 18px;
	font-weight: 600;
	color: #092033;
	text-align: left;
}

/* Cells (tier columns) */
.wcbhopal-grid .cell {
	background: #fff;
	padding: 16px;
	text-align: center;
	font-size: 15px;
	color: #0f1724;
}

/* alternating row background for better reading */
.wcbhopal-grid .feature:nth-of-type(even),
.wcbhopal-grid .cell:nth-of-type(odd) {
	background: #fbfdff;
}

/* subtle hover to highlight row group (feature + 5 cells) */
/* .wcbhopal-grid .row-hover:hover ~ .row-hover {
} */
/* We'll create a "row" effect by grouping with :nth-child selectors below */
/* .wcbhopal-grid > .feature:hover,
.wcbhopal-grid > .feature:hover + .cell,
.wcbhopal-grid > .feature:hover ~ .cell:nth-child(-n + 6) {
/* no-op (can't easily select the whole row); kept lightweight for perf */
/* } */
/* ---------- Icons ---------- */
.wcb-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.icon-check {
	fill: #16a34a;
}

.icon-cross {
	fill: #dc2626;
}

/* emphasized cells (costs) */
.cell.cost {
	font-weight: 800;
	font-size: 16px;
	color: #0b1220;
	background: linear-gradient(180deg, #fff9eb, #fff5e6);
}

/* small muted text */
.small-muted {
	display: block;
	font-size: 12px;
	color: #64748b;
	margin-top: 6px;
}

/* CTA styles (appear in last row optionally) */
.wcb-cta {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 8px;
	background: #0f1724;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 8px 20px rgba(15, 23, 36, 0.12);
}

/* Responsive: allow horizontal scroll on small screens, reduce column widths */
@media (max-width: 1100px) {
	.wcbhopal-grid {
		grid-template-columns: 220px repeat(5, minmax(160px, 1fr));
	}
}

@media (max-width: 780px) {
	.wcbhopal-grid {
		grid-template-columns: 180px repeat(5, 220px);
		overflow-x: auto;
	}
	
	.wcbhopal-wrapper {
		padding: 20px 6px;
	}
	
	.wcbhopal-container {
		padding: 0 6px;
	}
}

/* Make sponsorship table full width on larger screens while keeping it readable on smaller ones */
.sponsorship-table {
	width: 100vw;
/* Full viewport width */
	margin-left: calc(-50vw + 50%);
/* Centers and breaks out of content width */
}

.sponsorship-table table {
	width: 80%;
	border-collapse: collapse;
}

.sponsorship-table th,
.sponsorship-table td {
	padding: 12px 15px;
	text-align: center;
}

.sponsorship-table thead {
	background-color: #1e73be;
/* WordCamp blue */
	color: #fff;
}

.sponsorship-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

/* Responsive tweaks */
@media (max-width: 768px) {
	.sponsorship-table {
		width: 100%;
		margin-left: 0;
		overflow-x: auto;
	}
	
	.sponsorship-table table {
		font-size: 14px;
	}
}

.wp-block-jetpack-contact-form {
	margin-top: 10px;
	gap: 10px !important;
}

@media only screen and (max-width: 767px),only screen and (max-device-width: 480px) {
	.hero-section-heading {
		text-align: center;
	}
	
	.hero-section-heading .wp-block-buttons {
		justify-content: center;
	}
	
	.page-id-736 #tix table {
		width: 100%;
		border-collapse: collapse;
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		border: 1px solid #C1CBFF;
	}
	
	.page-id-736 #tix th {
		background: #fff;
		color: #000;
		text-align: left;
		padding: 1rem;
		font-size: 1rem;
	}
	
	.hero-section-heading {
		padding-top: 60% !important;
	}
	
	img.wp-block-cover__image-background.wp-image-2433.size-large {
		object-position: 90% 100% !important;
	}
	
	.hero-section-heading h2 {
		font-size: 35px !important;
	}
	
	.heading-wordcamp-hero {
		padding-top: 30px !important;
	}
	
	.header-hero-section-logo {
		width: 30%;
	}
	
	.wp-block-navigation_responsive-container.is-nenu-open {
		padding: 20px !important;
	}
	
	.nav-bar {
		padding: 20px;
	}
	
	#modal-2 {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.wp-container-core-group-is-layout-863cc62d.wp-block-group-is-layout-constrained {
		padding: 0 !important;
	}
	
	.tix-ticket-2589 {
		border: 1px solid #ffc383;
	}
	
	.tix-ticket-1372 {
		border: 1px solid #ffc383;
	}
	
	.page-id-736 #tix .tix-submit,
		.page-id-736 #tix .tix-order .button,
		.page-id-736 #tix .register-btn,
		.page-id-736 #tix input[type="submit"][value*="Register"],
		.page-id-736 #tix .tix-submit .tix-checkout-button {
		border: none;
		border-radius: 6px;
		padding: .6rem 1.2rem;
		cursor: pointer;
		transition: background-color .25s ease, transform .15s ease;
	}
	
	/* .page-id-736 #tix .tix-submit:hover,
	.page-id-736 #tix .tix-order .button:hover,
	.page-id-736 #tix .register-btn:hover,
	.page-id-736 #tix input[type="submit"][value*="Register"]:hover,
	.page-id-736 #tix .tix-submit .tix-checkout-button:hover {
		background-color: #e6b800;
		transform: translateY(-2px);
	} */
	.page-id-736 #tix tr:last-child td {
		border-bottom: none;
	}
	
	.page-id-736 #tix .attendee-form,
		.page-id-736 #tix form {
		background: #fff;
		padding: 2rem;
		border-radius: 20px;
		border: 1px solid #C1CBFF;
	}
	
	#tix-qty-2589 {
		padding: 4px 8px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: #fff;
		width: 70px;
	}
	
	.page-id-736 #tix tr:last-child td {
		padding: 50px 40px;
	}
	
	#tix-coupon-link {
		border: 2px solid #FE730E;
		color: #FE730E;
		padding: 12px;
		border-radius: 10px;
	}
	
	.page-id-736 #tix .attendee-form .form-row,
		.page-id-736 #tix form .form-row {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}
	
	@media only screen and (max-width: 767px),only screen and (max-device-width: 480px) {
	.about-wordcamp-section .wp-block-image.aligncenter.size-full.is-resized img {
		width: 380px !important;
	}
	
	.recap-wordcamp-section {
		padding: 0 !important;
	}
	
	.sponsors-section {
		grid-template-columns: 2fr 2fr !important;
		gap: 10px;
	}
}

@media (max-width: 768px) {
	.wp-block-cover.alignfull.is-light.has-custom-content-position.is-position-center-left.hero-section-wordcamp.has-base-color.has-text-color {
		background-image: url('https://bhopal.wordcamp.org/2025/files/2025/09/WordCamp-Bhopal.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	img.wp-block-cover__image-background.wp-image-2433.size-large {
		display: none;
	}
}

#tix-attendees {
	padding: 20px;
}

#tix-attendees .tix-field {
	margin-left: 0 !important;
}

.tix-attendee-list {
	display: grid;
	gap: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

#tix-attendees li {
	height: auto !important;
	margin-bottom: 0 !important;
}

.tix-attendee-list li {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 25px 20px;
	text-align: center;
	border: 2px solid #fe730e40;
	transition: transform .3s ease, box-shadow .3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100px;
	opacity: 0;
	animation: fadeIn .8s ease-out forwards;
	animation-fill-mode: both;
}

#tix-attendees .tix-field {
	margin-top: 0;
}

.tix-attendee-list {
	max-width: max-content !important;
}

#tix-attendees .tix-columns-3 li {
	width: auto !important;
}

.tix-attendee-list li:nth-child(1) {
	animation-delay: .1s;
}

.tix-attendee-list li:nth-child(2) {
	animation-delay: .15s;
}

.tix-attendee-list li:nth-child(3) {
	animation-delay: .2s;
}

.tix-attendee-list li:nth-child(4) {
	animation-delay: .25s;
}

.tix-attendee-list li:nth-child(5) {
	animation-delay: .3s;
}

.tix-attendee-list li:nth-child(6) {
	animation-delay: .35s;
}

.tix-attendee-list li:nth-child(7) {
	animation-delay: .4s;
}

.tix-attendee-list li:nth-child(8) {
	animation-delay: .45s;
}

.tix-attendee-list li:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.tix-attendee-list .avatar {
	border-radius: 50%;
	border: 5px solid #ffd8bb;
	margin: 0 auto 18px;
	object-fit: cover;
	display: block;
	flex-shrink: 0;
}

.tix-attendee-list .tix-attendee-name {
	font-size: 1.2em;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
	line-height: 1.3;
}

.tix-attendee-name .tix-first,
	.tix-attendee-name .tix-last {
	display: inline-block;
	white-space: nowrap;
}

.tix-attendee-list .tix-field.tix-attendee-url,
	.tix-attendee-list .tix-field.tix-attendee-twitter {
	width: 100%;
	word-break: break-word;
	margin-top: auto;
}

.tix-attendee-list .tix-field a {
	display: block;
	color: #007bff;
	text-decoration: none;
	font-size: .95em;
	padding: 5px 0;
	transition: color .2s ease, transform .2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tix-attendee-list .tix-field a:hover {
	color: #0056b3;
	transform: scale(1.02);
}

/* Mobile Responsive - Single Column */
@media (max-width: 640px) {
	#tix-attendees {
		padding: 20px 16px;
	}
	
	.tix-attendee-list {
		gap: 20px;
	}
	
	.tix-attendee-list {
		max-width: none !important;
	}
	
	.tix-attendee-list li {
		padding: 24px;
	}
	
	.tix-attendee-list li img.avatar {
		width: 75px !important;
		height: 75px !important;
	}
	
	.tix-field.tix-attendee-name {
		font-size: 18px;
	}
	
	.tix-field.tix-attendee-twitter,
			.tix-field.tix-attendee-url {
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	.tix-attendee-list {
		grid-template-columns: repeat(4, 1fr);
		gap: 40px;
	}
}

@media (min-width: 1200px) {
	.tix-attendee-list {
		grid-template-columns: repeat(5, 1fr);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
	.sponsor_grid .wp-block-post,
			.sponsor_img img,
			.sponsor_grid .wp-block-post::before {
		transition: none;
	}
	
	.sponsor_grid .wp-block-post:hover {
		transform: none;
	}
	
	.sponsor_grid .wp-block-post:hover .sponsor_img img {
		transform: none;
	}
}

.wp-block-jetpack-contact-form {
	margin-top: 10px;
	gap: 10px !important;
}

@media only screen and (max-width: 767px),only screen and (max-device-width: 480px) {
	.hero-section-heading {
		text-align: center;
	}
	
	.hero-section-heading .wp-block-buttons {
		justify-content: center;
	}
	
	.hero-section-heading {
		padding-top: 60% !important;
	}
	
	img.wp-block-cover__image-background.wp-image-2433.size-large {
		object-position: 90% 100% !important;
	}
	
	.hero-section-heading h2 {
		font-size: 35px !important;
	}
	
	.heading-wordcamp-hero {
		padding-top: 30px !important;
	}
	
	.header-hero-section-logo {
		width: 30%;
	}
	
	.wp-block-navigation_responsive-container.is-nenu-open {
		padding: 20px !important;
	}
	
	.nav-bar {
		padding: 20px;
	}
	
	#modal-2 {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.wp-container-core-group-is-layout-863cc62d.wp-block-group-is-layout-constrained {
		padding: 0 !important;
	}
	
	.about-wordcamp-section .wp-block-image.aligncenter.size-full.is-resized img {
		width: 380px !important;
	}
	
	.recap-wordcamp-section {
		padding: 0 !important;
	}
	
	.sponsors-section {
		grid-template-columns: 2fr 2fr !important;
		gap: 10px;
	}
}

@media (max-width: 768px) {
	.wp-block-cover.alignfull.is-light.has-custom-content-position.is-position-center-left.hero-section-wordcamp.has-base-color.has-text-color {
		background-image: url('https://bhopal.wordcamp.org/2025/files/2025/09/WordCamp-Bhopal.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	img.wp-block-cover__image-background.wp-image-2433.size-large {
		display: none;
	}
}

/* CSS Update */
.bird {
	background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg');
	background-size: auto 100%;
	width: 88px;
	height: 125px;
	animation-name: fly-cycle;
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
/* Add subtle drop shadow for depth */
	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
}

/* Brown bird - warm earthy tone with shadow */
.bird-one {
	animation-duration: 1s;
	animation-delay: -.5s;
	filter: invert(36%) sepia(25%) saturate(1015%) hue-rotate(356deg) brightness(91%) contrast(88%) drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}

/* Black bird - dark silhouette with glow effect */
.bird-two {
	animation-duration: .9s;
	animation-delay: -.75s;
	filter: brightness(0) saturate(100%) drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
}

/* Dark brown bird - chocolate tone */
.bird-three {
	animation-duration: 1.25s;
	animation-delay: -.25s;
	filter: invert(20%) sepia(18%) saturate(1477%) hue-rotate(356deg) brightness(92%) contrast(90%) drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.35));
}

/* Reddish-brown bird - rustic color with subtle glow */
.bird-four {
	animation-duration: 1.1s;
	animation-delay: -.5s;
	filter: invert(28%) sepia(42%) saturate(744%) hue-rotate(343deg) brightness(89%) contrast(88%) drop-shadow(2px 2px 4px rgba(139, 69, 19, 0.3));
}

.bird-container {
	position: absolute;
	top: 10%;
	left: -3%;
	transform: scale(0) translateX(-10vw);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: 10;
/* Add smooth transition */
	transition: opacity .3s ease;
}

/* Hover effects - birds react when you hover near them */
.bird-container:hover .bird {
	animation-duration: .5s !important;
	filter: brightness(1.2) drop-shadow(3px 3px 6px rgba(255, 255, 255, 0.5));
}

.bird-container-one {
	animation-name: fly-right-one;
	animation-duration: 15s;
	animation-delay: 0;
}

.bird-container-two {
	animation-name: fly-right-two;
	animation-duration: 16s;
	animation-delay: 1s;
	top: 15%;
/* Different starting height */
}

.bird-container-three {
	animation-name: fly-right-three;
	animation-duration: 14.6s;
	animation-delay: 9.5s;
	top: 20%;
/* Different starting height */
}

.bird-container-four {
	animation-name: fly-right-four;
	animation-duration: 16s;
	animation-delay: 10.25s;
	top: 8%;
/* Different starting height */
}

/* Pulse effect for dramatic entrance */
@keyframes fly-cycle {
	0% {
		background-position: 0 0;
	}
	
	100% {
		background-position: -900px 0;
	}
}

/* Original path with rotation added */
@keyframes fly-right-one {
	0% {
		transform: scale(0.3) translateX(-10vw) rotate(-5deg);
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}
	
	10% {
		transform: translateY(2vh) translateX(10vw) scale(0.4) rotate(2deg);
	}
	
	20% {
		transform: translateY(0vh) translateX(30vw) scale(0.5) rotate(-3deg);
	}
	
	30% {
		transform: translateY(4vh) translateX(50vw) scale(0.6) rotate(1deg);
	}
	
	40% {
		transform: translateY(2vh) translateX(70vw) scale(0.6) rotate(-2deg);
	}
	
	50% {
		transform: translateY(0vh) translateX(90vw) scale(0.6) rotate(0deg);
	}
	
	60% {
		transform: translateY(0vh) translateX(110vw) scale(0.6) rotate(3deg);
	}
	
	95% {
		opacity: 1;
	}
	
	100% {
		transform: translateY(0vh) translateX(110vw) scale(0.6) rotate(5deg);
		opacity: 0;
	}
}

/* Wavy path with rotation */
@keyframes fly-right-two {
	0% {
		transform: translateY(-2vh) translateX(-10vw) scale(0.5) rotate(5deg);
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}
	
	10% {
		transform: translateY(0vh) translateX(10vw) scale(0.4) rotate(-3deg);
	}
	
	20% {
		transform: translateY(-4vh) translateX(30vw) scale(0.6) rotate(4deg);
	}
	
	30% {
		transform: translateY(1vh) translateX(50vw) scale(0.45) rotate(-2deg);
	}
	
	40% {
		transform: translateY(-2.5vh) translateX(70vw) scale(0.5) rotate(3deg);
	}
	
	50% {
		transform: translateY(0vh) translateX(90vw) scale(0.45) rotate(-1deg);
	}
	
	51% {
		transform: translateY(0vh) translateX(110vw) scale(0.45) rotate(2deg);
	}
	
	95% {
		opacity: 1;
	}
	
	100% {
		transform: translateY(0vh) translateX(110vw) scale(0.45) rotate(4deg);
		opacity: 0;
	}
}

/* Diving and rising path */
@keyframes fly-right-three {
	0% {
		transform: translateY(5vh) translateX(-10vw) scale(0.35) rotate(-8deg);
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}
	
	15% {
		transform: translateY(3vh) translateX(15vw) scale(0.45) rotate(5deg);
	}
	
	30% {
		transform: translateY(-1vh) translateX(35vw) scale(0.55) rotate(-4deg);
	}
	
	45% {
		transform: translateY(2vh) translateX(55vw) scale(0.5) rotate(6deg);
	}
	
	60% {
		transform: translateY(-2vh) translateX(75vw) scale(0.6) rotate(-3deg);
	}
	
	75% {
		transform: translateY(1vh) translateX(95vw) scale(0.55) rotate(2deg);
	}
	
	95% {
		opacity: 1;
	}
	
	100% {
		transform: translateY(0vh) translateX(110vw) scale(0.55) rotate(7deg);
		opacity: 0;
	}
}

/* Soaring path - higher altitude */
@keyframes fly-right-four {
	0% {
		transform: translateY(-5vh) translateX(-10vw) scale(0.4) rotate(10deg);
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}
	
	12% {
		transform: translateY(-3vh) translateX(12vw) scale(0.5) rotate(-5deg);
	}
	
	25% {
		transform: translateY(-6vh) translateX(28vw) scale(0.6) rotate(7deg);
	}
	
	40% {
		transform: translateY(-2vh) translateX(48vw) scale(0.55) rotate(-4deg);
	}
	
	55% {
		transform: translateY(-4vh) translateX(68vw) scale(0.6) rotate(6deg);
	}
	
	70% {
		transform: translateY(-1vh) translateX(85vw) scale(0.55) rotate(-3deg);
	}
	
	85% {
		transform: translateY(-3vh) translateX(100vw) scale(0.5) rotate(4deg);
	}
	
	95% {
		opacity: 1;
	}
	
	100% {
		transform: translateY(-2vh) translateX(110vw) scale(0.5) rotate(8deg);
		opacity: 0;
	}
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.bird {
		width: 66px;
		height: 94px;
	}
	
	.bird-container-one {
		animation-duration: 12s;
	}
	
	.bird-container-two {
		animation-duration: 13s;
	}
	
	.bird-container-three {
		animation-duration: 11.5s;
	}
	
	.bird-container-four {
		animation-duration: 12.5s;
	}
}

/* Add subtle pulsing to create "breathing" effect */
@keyframes subtle-pulse {
	0%,
			100% {
		transform: scale(1);
	}
	
	50% {
		transform: scale(1.02);
	}
}

/* Apply pulse to birds at different intervals for realism */
.bird-one {
	animation: fly-cycle 1s steps(10) infinite, subtle-pulse 3s ease-in-out infinite;
}

.bird-two {
	animation: fly-cycle .9s steps(10) infinite, subtle-pulse 3.5s ease-in-out infinite;
}

.bird-three {
	animation: fly-cycle 1.25s steps(10) infinite, subtle-pulse 2.8s ease-in-out infinite;
}

.bird-four {
	animation: fly-cycle 1.1s steps(10) infinite, subtle-pulse 3.2s ease-in-out infinite;
}

.sponsor-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	background: white;
	border-radius: 16px;
	overflow: hidden;
}

.sponsorship-table table {
	width: 100% !important;
}

.sponsor-header {
	background: #1A3AE0;
	color: white;
	padding: 30px;
	text-align: center;
}

.sponsor-header h1 {
	font-size: 28px;
	margin-bottom: 10px;
}

.sponsor-header p {
	font-size: 15px;
	opacity: .95;
}

.table-container {
	overflow-x: auto;
	padding: 20px;
	scroll-behavior: smooth;
}

.sponsor-table {
	width: 100%;
	min-width: 800px;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 20px;
	overflow: hidden;
}

.sponsor-table thead {
	background: #7b8eff;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.sponsor-table th {
	padding: 20px 15px;
	text-align: center;
	color: white;
	font-weight: 600;
	border-right: 2px solid white;
}

.sponsor-table th:first-child {
	text-align: left;
	background: #1A3AE0;
	position: sticky;
	left: 0;
	z-index: 10;
	border-top-left-radius: 20px;
}

.sponsor-table th:last-child {
	border-right: none;
	border-top-right-radius: 20px;
}

.tier-name {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px;
}

.tier-price {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 4px;
	color: #000;
}

.tier-usd {
	font-size: 12px;
	opacity: .9;
}

.sponsor-table tbody tr {
	border-bottom: 1px solid #E6EAFF;
	transition: all .3s ease;
}

.sponsor-table tbody tr:hover {
	background-color: #F5F7FF;
}

.sponsor-table tbody tr:nth-child(even) {
	background-color: #FAFCFF;
}

.sponsor-table tbody tr:nth-child(even):hover {
	background-color: #F5F7FF;
}

.sponsor-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 20px;
}

.sponsor-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 20px;
}

.sponsor-table td {
	padding: 18px 15px;
	text-align: center;
	color: #333;
	border-right: 1px solid #eee;
}

.sponsor-header h1 {
	color: white;
}

.sponsor-table td:first-child {
	text-align: left;
	font-weight: 600;
	color: #1A3AE0;
	background: #E6EAFF;
	position: sticky;
	left: 0;
	z-index: 5;
}

.sponsor-table td:last-child {
	border-right: none;
}

.value-yes {
	background: #E6EAFF;
	color: #1A3AE0;
	padding: 6px 12px;
	border-radius: 6px;
	display: inline-block;
	font-weight: 600;
}

.value-no {
	background: #FFF0E6;
	color: #FE730E;
	padding: 6px 12px;
	border-radius: 6px;
	display: inline-block;
	font-weight: 600;
}

.value-highlight {
	background: #C7D0FF;
	padding: 6px 12px;
	border-radius: 6px;
	font-weight: 600;
	color: #1A3AE0;
}

@media screen and (max-width: 768px) {
	.sponsor-header h1 {
		font-size: 22px;
	}
	
	.sponsor-header p {
		font-size: 14px;
	}
	
	.table-container {
		padding: 10px;
	}
	
	.sponsor-table {
		font-size: 14px;
		min-width: 700px;
	}
	
	.sponsor-table th,
			.sponsor-table td {
		padding: 12px 8px;
	}
	
	.tier-name {
		font-size: 16px;
	}
	
	.tier-price {
		font-size: 14px;
	}
	
	.tier-usd {
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	body {
		padding: 5px;
	}
	
	.sponsor-wrapper {
		border-radius: 12px;
	}
	
	.sponsor-header {
		padding: 20px 15px;
	}
	
	.sponsor-header h1 {
		font-size: 20px;
	}
	
	.sponsor-table {
		font-size: 12px;
		min-width: 600px;
	}
	
	.sponsor-table th,
			.sponsor-table td {
		padding: 10px 6px;
	}
	
	.tier-name {
		font-size: 14px;
	}
	
	.tier-price {
		font-size: 13px;
	}
	
	.table-container {
		scroll-behavior: smooth;
		padding: 5px;
	}
	
	.value-yes,
			.value-no,
			.value-highlight {
		padding: 4px 8px;
		font-size: 11px;
	}
}

.scroll-hint {
	text-align: center;
	padding: 15px;
	background: #E6EAFF;
	color: #1A3AE0;
	font-size: 14px;
	border-top: 2px solid #C7D0FF;
}	
}

.paragraph-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
/* Number of lines to show */
/* Standard property for compatibility */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

#tix-attendees {
	padding: 20px;
}

#tix-attendees .tix-field {
	margin-left: 0 !important;
}

.tix-attendee-list {
	display: grid;
	gap: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

#tix-attendees li {
	height: auto !important;
	margin-bottom: 0 !important;
}

.tix-attendee-list li {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 25px 20px;
	text-align: center;
	border: 2px solid #fe730e40;
	transition: transform .3s ease, box-shadow .3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100px;
	opacity: 0;
	animation: fadeIn .8s ease-out forwards;
	animation-fill-mode: both;
}

#tix-attendees .tix-field {
	margin-top: 0;
}

.tix-attendee-list {
	max-width: max-content !important;
}

#tix-attendees .tix-columns-3 li {
	width: auto !important;
}

.tix-attendee-list li:nth-child(1) {
	animation-delay: .1s;
}

.tix-attendee-list li:nth-child(2) {
	animation-delay: .15s;
}

.tix-attendee-list li:nth-child(3) {
	animation-delay: .2s;
}

.tix-attendee-list li:nth-child(4) {
	animation-delay: .25s;
}

.tix-attendee-list li:nth-child(5) {
	animation-delay: .3s;
}

.tix-attendee-list li:nth-child(6) {
	animation-delay: .35s;
}

.tix-attendee-list li:nth-child(7) {
	animation-delay: .4s;
}

.tix-attendee-list li:nth-child(8) {
	animation-delay: .45s;
}

.tix-attendee-list li:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.tix-attendee-list .avatar {
	border-radius: 50%;
	border: 5px solid #ffd8bb;
	margin: 0 auto 18px;
	object-fit: cover;
	display: block;
	flex-shrink: 0;
}

.tix-attendee-list .tix-attendee-name {
	font-size: 1.2em;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
	line-height: 1.3;
}

.tix-attendee-name .tix-first,
.tix-attendee-name .tix-last {
	display: inline-block;
	white-space: nowrap;
}

.tix-attendee-list .tix-field.tix-attendee-url,
.tix-attendee-list .tix-field.tix-attendee-twitter {
	width: 100%;
	word-break: break-word;
	margin-top: auto;
}

.tix-attendee-list .tix-field a {
	display: block;
	color: #007bff;
	text-decoration: none;
	font-size: .95em;
	padding: 5px 0;
	transition: color .2s ease, transform .2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tix-attendee-list .tix-field a:hover {
	color: #0056b3;
	transform: scale(1.02);
}

/* Mobile Responsive - Single Column */
@media (max-width: 640px) {
	#tix-attendees {
		padding: 20px 16px;
	}
	
	.tix-attendee-list {
		gap: 20px;
	}
	
	.tix-attendee-list {
		max-width: none !important;
	}
	
	.tix-attendee-list li {
		padding: 24px;
	}
	
	.tix-attendee-list li img.avatar {
		width: 75px !important;
		height: 75px !important;
	}
	
	.tix-field.tix-attendee-name {
		font-size: 18px;
	}
	
	.tix-field.tix-attendee-twitter,
		.tix-field.tix-attendee-url {
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	.tix-attendee-list {
		grid-template-columns: repeat(4, 1fr);
		gap: 40px;
	}
}

@media (min-width: 1200px) {
	.tix-attendee-list {
		grid-template-columns: repeat(5, 1fr);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}