@media (max-width: 768px) {
	.header {
		padding: 27px 16px;
		height: fit-content;
	}
	.header .container-fluid .logo img {
		width: 109px;
		height: 20px;
	}
	.simple-header {
		padding: 27px 16px;
		height: fit-content;
	}
	.simple-header .container-fluid img {
		width: 109px;
		height: 20px;
	}
	.nav-button {
		display: none;
	}
	.header .container-fluid {
		justify-content: center;
	}
	.hero {
		height: auto;
		padding: 50px 0px;
	}
	.hero-content {
		gap: 16px;
	}
	.hero-content .hero-h1 h1 {
		font-size: 40px;
	}
	.hero-content .hero-h1 p {
		font-size: 16px;
	}
	.event-snippet {
		padding-bottom: 0px;
	}
	.hero-content .hero-h1 h1 .event-snippet {
		padding-bottom: 0px;
	}
	.event-snippet-head {
		padding-bottom: 30px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		align-self: stretch;
	}
	.event-snippet-head h2 {
		font-size: 28px;
	}
	.event-snippet-head p {
		font-size: 13px;
	}
	.event-snippet-content {
		display: flex;
		padding: 0 16px;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		align-self: stretch;
		margin-bottom: 32px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.event-snippet-card {
		width: 100%;
		padding: 12px 20px;
		margin-bottom: 0px;
		gap: 8px;
	}
	.event-snippet-card .heading {
		font-size: 12px;
	}
	.event-snippet-card .details {
		font-size: 14px;
	}
	.cta-button {
		padding: 12px 24px;
		gap: 10px;
		font-size: 16px;
	}
	.work-on .container-fluid {
		gap: 32px;
	}
	.work-on-details {
		flex-direction: column;
		padding: 0px;
		gap: 24px;
	}
	.section-head h2 {
		font-size: 28px;
	}
	.section-head p {
		font-size: 14px;
		width: 100%;
	}
	.work-on-cards {
		padding: 24px 20px;
		gap: 16px;
		border-radius: 8px;
	}
	.work-on-cards .work-on-title-section h5 {
		font-size: 20px;
	}
	.work-on-cards .work-on-title-section p {
		font-size: 12px;
	}
	.work-on-cards .details {
		font-size: 16px;
	}
	.game-plan .container-fluid {
		padding: 0px 16px;
		padding-bottom: 60px;
		gap: 32px;
	}
	.game-plan-accordian {
		display: flex;
		padding: 0px;
		padding-bottom: 15px;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		align-self: stretch;
	}
	.game-plan-accordian .accordian-card {
		padding: 20px;
		gap: 16px;
	}
	.accordian-card .acc-card-heading h5 {
		font-size: 18px;
	}
	.accordian-card .acc-card-heading h5 span {
		font-size: 18px;
	}
	.accordian-card .acc-card-details p {
		font-size: 16px;
		/* 24px */
	}
	.green-section .container-fluid {
		width: 100%;
		padding: 60px 16px;
		flex-direction: column;
		justify-content: center;
		gap: 32px;
	}
	.green-section-left {
		display: none;
	}
	.green-section-right h3 {
		display: flex;
		width: 100%;
		justify-content: center;
		font-size: 28px;
		letter-spacing: -0.56px;
		text-align: center;
		line-height: 114%;
	}
	.green-section-right {
		gap: 32px;
		max-width: 100%;
	}
	.green-section-right-content .content-box {
		gap: 8px;
	}
	.green-section-right-content .content-box h5 {
		font-size: 20px;
	}
	.green-section-right-content .content-box p {
		font-size: 16px;
	}
	.green-section-right .expSwiper {
		display: block;
		max-width: 100%;
	}
	.green-section-right .expSwiper .swiper-slide {
		/* max-width: fit-content !important; */
		height: 300px;
		flex-shrink: 0;
		width: fit-content;
	}
	.green-section-right .expSwiper .swiper-slide img {
		width: 256px;
		height: 300px;
		border-radius: 20px;
		border: 4px solid var(--background);
	}
	.green-section-right .expSwiper .swiper-wrapper {
	}
	.green-section-right .cta-button {
		margin: auto;
	}
	.feel-like-you {
		display: flex;
		padding: 30px 16px 60px 16px;
		flex-direction: column-reverse;
		align-items: center;
		gap: 32px;
	}
	.feel-left-section {
		width: 100%;
		gap: 32px;
	}
	.feel-left-section .cta-button {
		margin: auto;
	}
	.feel-heading {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		padding-bottom: 16px;
		padding-left: 0px;
	}
	.feel-heading h3 {
		font-size: 28px;
	}
	.feel-content {
		padding-right: 0px;
	}
	.feel-right-section {
		width: 100%;
	}
	.feel-card {
		padding: 16px 20px;
	}
	.feel-card p,
	.feel-card p span {
		color: var(--text-4);
		font-size: 16px;
	}
	/* Instructors Section */
	.instructors {
		display: flex;
		padding: 60px 16px;
		gap: 32px;
	}
	.instructors .container-fluid {
		display: flex;
		gap: 32px;
		padding: 0px;
	}
	.ins-heading h3 {
		text-align: center;
		font-size: 28px;
	}
	.ins-card-right .swiper-wrapper {
		width: 100%;
	}
	.ins-card-right .swiper-wrapper .swiper-slide img {
		max-width: 100%;
	}
	.ins-card {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}
	.ins-card:nth-child(even) {
		flex-direction: column-reverse;
	}
	.ins-card-left {
		width: 100%;
		gap: 16px;
	}
	.ins-card-right {
		max-width: 100%;
	}
	.ins-card-left .card-top {
		gap: 16px;
	}
	.ins-card-left .card-top .speaker-short h4 {
		font-size: 20px;
	}
	.ins-card-left .card-top .speaker-short p {
		font-size: 16px;
	}
	.ins-card-left .card-top .speaker-brief p {
		font-size: 16px;
	}
	.ins-card-left .card-bottom .speaker-experience h5 {
		font-size: 20px;
	}
	.ins-card-left .card-bottom .speaker-experience p {
		font-size: 16px;
	}
	.ins-card-left .card-bottom {
		gap: 16px;
	}
	.ins-card-left .card-bottom .speaker-tags p {
		font-size: 14px;
	}
	.ins-card-left .card-bottom .speaker-tags {
		gap: 12px;
	}
	.ins-content {
		gap: 64px;
	}
	/* What Awaits You Section */
	.what-awaits-you {
		padding: 60px 16px;
		gap: 32px;
	}
	.what-awaits-heading {
		padding: 0px;
	}
	.what-awaits-heading h2 {
		font-size: 28px;
	}
	.what-awaits-heading p {
		font-size: 14px;
	}
	/* Choose Your Pass Section */
	.choose-your-pass {
		padding: 60px 16px;
		gap: 32px;
	}
	.choose-your-pass-heading h2 {
		font-size: 28px;
	}
	.choose-your-pass-heading p {
		width: 100%;
		font-size: 14px;
	}
	.choose-your-pass .container-fluid {
		gap: 32px;
	}
	.choose-your-pass-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 38px;
		margin: auto;
		width: 80%;
	}
	.choose-your-pass-content .pass-card .card-content .pass-type {
		font-size: 24px;
	}
	.choose-your-pass-content .pass-card .card-content .price {
		font-size: 40px;
	}
	.choose-your-pass-content .pass-card .card-content .desc {
		font-size: 16px;
		width: 80%;
	}
	/* Spot Section */
	.spots-title {
		padding: 0px 16px;
	}
	.spots-title h2 {
		font-size: 32px;
	}
	.spots {
		gap: 32px;
	}
	/* Additional Details */
	.additional-details {
		padding: 60px 16px;
		width: 100%;
		gap: 32px;
	}
	.additional-details h3 {
		font-size: 28px;
	}
	.addn-card {
		padding: 20px;
		gap: 12px;
	}
	.addn-card-bottom p,
	.addn-card-bottom li {
		font-size: 13px;
	}
	/* FAQ Section */
	.faq {
		padding: 60px 16px;
	}
	.faq .container-fluid {
		padding: 0px;
	}
	.faq-box {
		flex-direction: column;
		gap: 16px;
	}
	.faq-left {
		display: flex;
		width: 100%;
		justify-content: center;
	}
	.faq-right {
		width: 100%;
	}
	.faq-title {
		max-width: 100%;
		font-size: 28px;
	}
	.faq-heading h3 {
		font-size: 18px;
	}
	.faq-item.active p {
		font-size: 14px;
	}
	/* Newsletter Section */
	.newsletter {
		padding: 48px 16px;
		flex-direction: column;
		gap: 16px;
	}
	.newsletter-left {
		justify-content: center;
	}
	.newsletter-left h3 {
		font-size: 28px;
		text-align: left;
		justify-content: center;
		width: 100%;
	}
	.newsletter-left p {
		font-size: 14px;
		text-align: left;
		line-height: 120%;
	}
	.newsletter-form {
		flex-direction: column;
	}
	.newsletter-form input {
		padding: 20px;
	}
	.newsletter-right p {
		font-size: 13px;
	}
	/* What Wants Section */
	/* responsive.css (inside @media (max-width: 768px)) */
	/* make the row horizontally scrollable with scroll-snap */
	.what-awaits-content {
		display: flex;
		/* keep cards in a row */
		overflow-x: auto;
		/* enable horizontal scroll */
		scroll-snap-type: x mandatory;
		/* snap to each card */
		-webkit-overflow-scrolling: touch;
		gap: 16px;
		padding: 0 24px 32px;
		/* side padding + bottom space for labels */
	}
	/* hide iOS/Android scrollbar chrome */
	.what-awaits-content::-webkit-scrollbar {
		display: none;
	}
	/* each card is a snap point and fixed width
   (256px matches your images; tweak if needed) */
	.what-awaits-content .wa-card {
		flex: 0 0 256px;
		scroll-snap-align: start;
		gap: 16px;
	}
	/* make the "peek" of next slide obvious: a little extra right padding */
	.what-awaits-content {
		padding-right: 48px;
	}
	/* ensure the image keeps its rounded look at mobile too */
	.what-awaits-content .wa-card .wa-card-top img {
		width: 256px;
		height: 300px;
		border-radius: 16px;
		object-fit: cover;
	}
	/* optional: center the label under each image */
	.what-awaits-content .wa-card .wa-card-bottom h5 {
		text-align: center;
		font-size: 16px;
	}
	/* Form Page */
	.form-hero h1 {
		font-size: 40px;
		padding-top: 101px;
		padding-bottom: 100px;
	}
	.form-start .container-fluid {
		padding: 20px 16px;
	}
	.form-start .container-fluid .form-right {
		display: none;
	}
	.form-start .container-fluid .form-left {
		width: 100%;
	}
	.step-form {
		gap: 16px;
	}
	.form-start .container-fluid .form-left .step-form .heading-wrapper h1 {
		font-size: 28px;
	}
	.form-start .container-fluid .form-left .step-form .heading-wrapper p {
		font-size: 14px;
	}
	.form-start .container-fluid .form-left .step-form .section-title h2 {
		font-size: 20px;
	}
	.form-start .container-fluid .form-left .step-form .section-title p {
		font-size: 14px;
	}
	.form-group label,
	.radio-group label,
	.check-group label {
		font-size: 14px;
	}
	.form-group input,
	select {
		padding: 12px;
		font-size: 14px;
		height: auto;
	}
	.select2-container .select2-selection--single {
		height: auto;
		padding: 0px 12px;
		font-size: 14px;
	}
	.phone-row .select2-container .select2-selection--single {
		height: auto;
		padding: 0px 12px;
		font-size: 14px;
	}
	.phone-row input[type="tel"] {
		padding: 12px;
		font-size: 14px;
	}
	.select2-results__option {
		font-size: 14px;
	}
	.invalid-feedback {
		padding-left: 2px;
		font-size: 12px !important;
	}
	.submit-cta {
		padding: 12px 24px;
	}
	.form-section {
		gap: 16px;
	}
	.form-section .form-section-group {
		flex-direction: column;
		gap: 16px;
	}
	.footer {
		padding: 0px;
		gap: 24px;
	}
	.footer-top {
		display: flex;
		padding: 36px 32px 0px 32px;
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}
	.footer-logo {
		width: 223px;
		height: auto;
		aspect-ratio: 223/41;
	}
	.footer-event {
		max-width: 100%;
	}
	.footer-event h4,
	.footer-event .event-link {
		font-size: 14px;
	}
	.footer-event p {
		font-size: 12px;
	}
	.footer-event .cta-button {
		margin-top: 8px;
		display: flex;
		padding: 12px 24px;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.footer-event .cta-button a {
		color: var(--text-3);
		font-size: 12px;
	}
	.footer-info {
		width: 100%;
		gap: 8px;
	}
	.footer-info .footer-logo {
		max-width: 70%;
	}
	.footer-info p {
		font-size: 12px;
	}
	.footer-info .social-icons {
		margin-top: 8px;
	}
	.footer-bottom {
		padding: 24px 16px;
		gap: 24px;
	}
	.footer-bottom-left p,
	.footer-bottom-right p {
		font-size: 12px;
	}
	.footer-bottom-right {
		flex-wrap: wrap;
	}
	.footer-bottom-links {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 24px;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	/* Styles for tablets */
	.event-snippet {
		padding-bottom: 60px;
	}
	.event-snippet-card {
		margin-bottom: 0px;
	}
	.event-snippet-content {
		display: flex;
		padding: 0 16px;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		align-self: stretch;
		margin-bottom: 32px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.what-awaits-you {
		padding: 60px 16px;
		gap: 32px;
	}
	/* What Wants Section */
	/* responsive.css (inside @media (max-width: 768px)) */
	/* make the row horizontally scrollable with scroll-snap */
	.what-awaits-content {
		display: flex;
		justify-content: flex-start;
		/* keep cards in a row */
		overflow-x: auto;
		/* enable horizontal scroll */
		scroll-snap-type: x mandatory;
		/* snap to each card */
		-webkit-overflow-scrolling: touch;
		gap: 16px;
		padding: 0 24px 32px;
		/* side padding + bottom space for labels */
	}
	/* hide iOS/Android scrollbar chrome */
	.what-awaits-content::-webkit-scrollbar {
		display: none;
	}
	/* each card is a snap point and fixed width
   (256px matches your images; tweak if needed) */
	.what-awaits-content .wa-card {
		flex: 0 0 256px;
		scroll-snap-align: start;
		gap: 16px;
	}
	/* make the "peek" of next slide obvious: a little extra right padding */
	.what-awaits-content {
		padding-right: 48px;
	}
	/* ensure the image keeps its rounded look at mobile too */
	.what-awaits-content .wa-card .wa-card-top img {
		width: 256px;
		height: 300px;
		border-radius: 16px;
		object-fit: cover;
	}
	/* optional: center the label under each image */
	.what-awaits-content .wa-card .wa-card-bottom h5 {
		text-align: center;
		font-size: 16px;
	}
	/* Instructors Section */
	.instructors {
		padding: 100px 30px;
	}
	.green-section .container-fluid {
		padding: 100px 30px;
	}
	.game-plan .container-fluid {
		padding: 120px 80px;
	}
	.green-section-left .img-container .img-left img,
	.green-section-left .img-container .img-right img {
		width: 100%;
		height: auto;
	}
	.green-section-left {
		max-width: 50%;
	}
	.what-awaits-heading {
		padding: 0 60px;
	}
	.choose-your-pass-content {
		gap: 30px;
	}
	/* .ins-card-right .insSwiper .swiper-wrapper .swiper-slide img {
		width: 100%;
	}
	.ins-card-left {
		gap: 16px;
	}
	.ins-card-left .card-top .speaker-brief p,
	.ins-card-left .card-bottom .speaker-experience p {
		font-size: 16px;
	}
	.ins-card-left .card-bottom .speaker-tags p {
		font-size: 14px;
		line-height: 100%;
	}
	.ins-card-left .card-bottom {
		gap: 16px;
	}
	.ins-card-left .card-top {
		gap: 16px;
	}
	.ins-card-left .card-bottom .speaker-tags {
		gap: 8px;
	} */
	.choose-your-pass-content {
		flex-wrap: wrap;
	}
	.work-on-details {
		gap: 20px;
		padding: 0 20px;
	}
	/* Feel Like You Section */
	.feel-like-you {
		padding: 120px 30px 60px 30px;
	}
	.feel-right-section {
		max-width: 50%;
		display: flex;
		align-items: center;
	}
	.feel-left-section {
		gap: 48px;
	}
}