.in-person-event {
 	padding-bottom: 64px;
 	background: #fff;
 }

 .featured-event-section+.in-person-event {
 	padding-top: 80px;
 }

 .events-cards {
 	display: grid;
 	grid-template-columns: repeat(1, 1fr);
 	gap: 1.5rem;
 }

 .event-dot {
 	display: flex;
 	padding-top: 2px;
 }

 .events-cards__item {
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	padding: 1.5rem;
 	border-radius: 1rem;
 	background: #fff;
 	overflow: hidden;
 	border: 1px solid #99C6FF;
 	background: linear-gradient(180deg, #F4FAFF 0%, #FFF 100%);
 	box-shadow: var(--web-gray-32-dp-3-xl-x, 0) 18px 28px -20px rgba(153, 198, 255, 0.10);
 }


 .event-card__header img {
 	width: 100%;
 	border-radius: 8px;
 	border: 1px solid #C7E2FF;
 }

 .event-card__body {
 	display: flex;
 	flex-direction: column;
 	gap: 1rem;
 }

 .event-card__event-type {
 	padding: 8px 20px;
 	border-radius: 100px;
 	border: 1px solid #99C6FF;
 	max-width: fit-content;
 }

 .event-venue-container {
 	display: flex;
 	align-items: center;
 	gap: 1rem;
 	flex-wrap: wrap;
 }

 .event-description p,
 .event-card__title {
 	margin-bottom: 0;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .event-description p {
 	-webkit-line-clamp: 5;
 	font-weight: 300
 }

 .event-tags {
 	display: flex;
 	flex-flow: row wrap;
 	gap: 8px 12px;
 	align-items: center;
 }

 .event-card__title a {
 	color: var(--text-primary, #000823);
 }

 .event-card__meta {
 	display: flex;
 	flex-direction: column;
 	gap: 1rem;
 }

 .event-card__date {
 	color: var(--text-primary, #000823);
 }

 .event-card__time {
 	color: var(--Colors-Text-text-secondary, #6B7080);
 }

 .event-card__location {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }

 .event-card__location-icon {
 	width: 2rem;
 	height: 2rem;
 }

 @media (max-width: 420px) {
 	.cta-band .container-sm .cta-band-content {
 		max-width: 285px !important;
 		margin-inline: auto
 	}
 }

 /* design screen 768px and above */
 @media (min-width: 768px) {

 	.events-cards {
 		grid-template-columns: repeat(1, 1fr);
 		gap: 32px;
 	}

 	.events-cards__item {
 		padding: 32px;
 		flex-direction: row;
 	}

 	.event-card__meta {
 		gap: 8px;
 	}

 	.event-card__header {
 		max-width: 248px;
 		flex-shrink: 0;
 		overflow: hidden;
 	}

 	.event-card__header img {
 		border-radius: 12px;
 	}

 	.cta-band .container-sm {
 		max-width: 690px !important
 	}

 	.in-person-event {
 		padding-bottom: 64px
 	}

 	.featured-event-section+.in-person-event {
 		padding-block: 64px;
 	}
 }
 	/* design screen 1024px = 992px and above */
 	@media (min-width: 992px) {
 		.events-cards__item {
 			padding: 32px;
 			gap: 32px;
 		}

 		.cta-band .container-sm {
 			max-width: 814px !important
 		}

 		.event-card__header {
 			max-width: 298px;
 		}

 	}

 	/* design screen 1366px = 1200px and above */
 	@media (min-width: 1200px) {
 		.event-venue-container {
 			gap: 1.5rem;
 		}

 		.in-person-event {
 			padding-bottom: 80px
 		}
		.featured-event-section +  .in-person-event{
			padding-block: 80px;
		}
 		.events-cards {
 			gap: 40px
 		}

 		.event-card__header {
 			max-width: 398px;
 		}

 		.events-cards__item {
 			padding: 40px;
 			gap: 34px;
 			border-radius: 1.5rem
 		}


 		.event-card__header img {
 			border-radius: 16px;
 		}

 		.event-card__body {
 			gap: 1rem;
 		}

 		.event-card__location {
 			gap: 12px;
 		}

 		.event-card__location-icon {
 			width: 2.5rem;
 			height: 2.5rem
 		}

 		.cta-band .container-sm {
 			max-width: 830px !important
 		}
 	}

 	/* design screen 1920px = 1601px and above */
 	@media (min-width: 1601px) {
 		.events-cards__item {
 			padding: 56px;
 			gap: 48px;
 		}

 		.cta-band .container-sm {
 			max-width: 1010px !important
 		}

 		.events-cards {
 			gap: 56px
 		}

 		.event-card__body {
 			gap: 1.5rem;
 		}

 		.in-person-event {
 			padding-bottom: 120px
 		}
.featured-event-section +  .in-person-event{
	padding-block: 120px;
}

 	}


 	:root {
 		--padding-featured-box: 24px;
 		--border-radius-featured-box: 16px;
 	}

 	.featured-box {
 		padding: var(--padding-featured-box);
 		background: #1434CB;
 		color: #fff;
 		border-radius: var(--border-radius-featured-box);
 		display: flex;
 		flex-direction: column;
 		gap: 16px;
 	}

 	.featured-box_image img {
 		border-radius: 16px;
 		width: 100%;
 	}

 	.featured-box_content {
 		display: flex;
 		flex-direction: column;
 		gap: 16px;
 	}

 	.featured-box_event-details :is(h2, p) {
 		margin-bottom: 0
 	}

 	.featured-box_event-details p {
 		display: -webkit-box;
 		-webkit-line-clamp: 4;
 		-webkit-box-orient: vertical;
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}

 	.featured-box_event-type {
 		display: inline-flex
 	}

 	.featured-box_event-type span.featured-icon-container {
 		display: flex;
 		padding: 8px 16px;
 		justify-content: center;
 		align-items: center;
 		gap: 8px;
 		border-radius: 100px;
 		border: 1px solid rgba(255, 255, 255, 0.30);
 	}

 	.event-venue-container,
 	.event-card__date,
 	.featured-box_event-booking,
 	.featured-box_event-details {
 		display: flex;
 		flex-direction: column;
 		gap: 24px;
 	}

 	.featured-box_event-booking {
 		flex-direction: column-reverse;
 	}

 	.featured-box .event-card__date {
 		color: #ffffff;
 	}

 	.event-card__date {
 		flex-direction: row
 	}

 	.featured-box_event-booking {
 		gap: 26px;
 	}

 	.event-card__date,
 	.event-venue-container {
 		gap: 12px;
 	}

 	.event-venue-container {
 		align-items: flex-start
 	}

 	/* design screen 768px and above */
 	@media (min-width: 768px) {
 		:root {
 			--padding-featured-box: 32px;
 		}

 		.featured-box {
 			gap: 32px;
 			flex-direction: row-reverse;
 		}

 		.event-venue-container,
 		.featured-box_event-details {
 			gap: 16px;
 		}

 		.featured-box_event-booking {
 			gap: 24px;
 		}

 		.featured-box_image {
 			min-width: 266px;
 			max-width: 266px;
 			width: 100%;
 			flex-shrink: 0;

 		}

 		.event-cta-container {
 			display: inline-flex
 		}

 		.featured-box_event-details p {
 			-webkit-line-clamp: 3;
 		}
 	}

 	/* design screen 1024px = 992px and above */
 	@media (min-width: 992px) {
 		:root {
 			--padding-featured-box: 40px;
 		}

 		.featured-box {
 			gap: 40px;
 			align-items: center;
 		}

 		.featured-box_event-booking {
 			gap: 24px;
 		}

 		.featured-box_image {
 			min-width: 271px;
 			max-width: 271px;
 		}

 		.event-venue-container {
 			flex-direction: row;
 		}

 		.featured-box_event-details p {
 			-webkit-line-clamp: 2;
 		}
 	}

 	/* design screen 1366px = 1200px and above */
 	@media (min-width: 1200px) {
 		:root {
 			--padding-featured-box: 80px;
 			--border-radius-featured-box: 24px;
 		}

 		.featured-box {
 			gap: 48px;
 		}

 		.event-venue-container,
 		.featured-box_event-details {
 			gap: 24px;

 		}

 		.featured-box_event-booking {

 			flex-direction: row;
 			gap: 48px;
 		}

 		.event-card__date {
 			gap: 8px;
 		}

 		.featured-box_image {
 			min-width: 358px;
 			max-width: 358px;
 		}

 		.event-venue-container {
 			align-items: center
 		}

 		.featured-box_event-details p {
 			-webkit-line-clamp: 3;
 		}
 	}

 	/* design screen 1920px = 1601px and above */
 	@media (min-width: 1601px) {
 		:root {
 			--padding-featured-box: 80px;
 		}

 		.featured-box {
 			gap: 96px;
 			justify-content: space-between;
 		}

 		.featured-box_event-details {
 			gap: 32px;

 		}

 		.featured-box_event-details :is(p, h2) {
 			max-width: 903px;
 		}

 		.featured-box_image {
 			min-width: 515px;
 			max-width: 515px;
 		}

 	}

 	.event-not-found {
 		padding-block: 64px;
 		background: linear-gradient(180deg, #E5F3FF 0%, #FFF 100%);
 		position: relative
 	}

 	.event-not-found .event-not-found-lottie {
 		position: absolute;
 		bottom: 0;
 		right: 0;
 		width: 100%;
 		max-width: 508px;
 	}

 	.event-not-found-wrapper {
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
 		gap: 16px;
 	}

 	.event-not-found-wrapper :is(h2, p) {
 		margin: 0
 	}

 	.events-cta-container {
 		padding-top: 16px;
 	}

 	.event-img-wrapper {
 		width: 100%;
 		max-width: 952px;
 		margin-bottom: 48px;
 		margin-inline: auto;
 	}

 	.event-img-wrapper img {
 		width: 100%
 	}

 	/*======Header =====*/
 	@media (min-width: 768px) {
 		.intro-component-content-wrapper {
 			max-width: unset;
 		}

 		.custom-header {
 			padding-block: 40px 64px;
 		}

 		.event-not-found {
 			padding-block: 80px;
 		}
 	}

 	@media (min-width: 992px) {
 		.intro-component-content-wrapper {
 			max-width: 531px;
 		}
 	}

 	@media (min-width: 1200px) {
 		.intro-component-content-wrapper {
 			max-width: 695px;
 		}

 		.custom-header {
 			padding-block: 80px
 		}

 		.event-not-found {
 			padding-block: 120px;
 		}

 		.event-img-wrapper {
 			margin-bottom: 72px;
 		}
 	}

 	@media (min-width: 1601px) {
 		.custom-header {
 			padding-block: 80px
 		}

 		.event-card__header {
 			max-width: 560px;
 		}

 		.events-cards {
 			max-width: 1462px;
 			margin: auto;
 		}

 		.event-not-found {
 			padding-block: 140px;
 		}

 	}

 	@media (min-width: 1900px) {
 		.intro-component-content-wrapper {
 			padding-right: 0;
 			max-width: 1160px;
 		}
 	}

 	.custom-header.event .container {
 		position: relative;
 	}

 	.custom-header.event .events-lottie-header {
 		width: 77%;
 		position: absolute;
 		left: 50%;
 		top: 50%;
 		transform: translate(13%, -50%);
 		pointer-events: none;
 		display: none;
 		z-index: -1;
 	}

 	.event-not-found-lottie img {
 		width: 100%;
 	}

 	@media (min-width: 768px) {
 		.custom-header.event .events-lottie-header {
 			display: block;
 		}
 	}

 	@media (min-width: 992px) {
 		.custom-header.event .events-lottie-header {
 			width: 78%;
 			transform: translate(12%, -50%);
 		}
 	}

 	@media (min-width: 1200px) {
 		.custom-header.event .events-lottie-header {
 			width: 50.188rem;
 			transform: translate(19%, -50%);
 		}
 	}

 	@media (min-width: 1601px) {
 		.custom-header.event .events-lottie-header {
 			width: 50.1875rem;
 			transform: translate(34%, -50%);
 		}
 	}