<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Container wrapper for proper layout */
.modules-with-jump-menu {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
@media (max-width: 768px) {
	.modules-full-width.top-section {
		margin-top: 100px;
	}
}

.program-content-wrapper {
    flex: 1;
    min-width: 0; /* Prevents flex items from overflowing */
    padding-left: 30px; /* Space between jump menu and content */
}

/* Full width sections */
.modules-full-width {
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modules-with-jump-menu {
        flex-direction: column;
    }
    
    .program-content-wrapper {
        padding-left: 0;
		padding-top: 0;
    }
}
/* Module: Program Listing  ================================================ */
/* Filter Bar */

section.program-listing {
	margin-bottom: 60px;
}
section.program-listing .top-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

@media (max-width: 768px) {
	.top-wrap {
		width: 100%;
		margin-bottom: 24px;
	}
}

section.program-listing .filter-bar {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
	section.program-listing .filter-bar {
		flex-wrap: wrap;
		width: 100%;
		gap: 0.5rem;
	}
}
  
section.program-listing .filter-btn {
	border: none;
	background: #F7F1E7;
	padding: 12px 24px;
	cursor: pointer;
	color: #5D5C6A;
	text-align: center;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
section.program-listing span.active-mark {
	display: none;
}

@media (max-width: 768px) {
	section.program-listing .filter-btn {
		flex: 0 0 auto;
		padding: 10px 16px;
		font-size: 14px;
	}
}
  
section.program-listing .filter-btn.active, .filter-btn:hover {
	background: #7E298F;
	color: #fff;
	font-weight: 400;
}

section.program-listing .filter-btn.active span.active-mark {
	display: inline;
	margin-left: 8px;
}

section.program-listing .search-wrapper {
	min-width: 417px;
}

section.program-listing .search-wrapper:before {
	color: #5D5C6A;
}

@media (max-width: 768px) {
	.search-wrapper {
		min-width: 100%;
		width: 100%;
		margin-top: 0.5rem;
	}
}
  
section.program-listing .search-input {
	width: 100%;
	padding: 17px 24.293px 17.293px 16px !important;
	border: 1px solid #ccc;
	font-size: 16px !important;
	font-family: neuzeit-grotesk, sans-serif !important;
	line-height: normal;
}

@media (max-width: 768px) {
	section.program-listing .search-input {
		padding: 12px 16px !important;
	}
}
  
section.program-listing .column-titles {
	border-bottom: 1px solid #B9B9B9;
	display: flex;
	align-items: center;
	margin-top: 40px;
	width: 100%;
	padding: 10px 0;
}

@media (max-width: 768px) {
	.column-titles {
		display: none; /* Hide column titles on mobile */
	}
}

section.program-listing .column-titles .left-wrap {
	flex: 0 0 66.66%;
	width: 66.66%;
	justify-content: flex-start;
	align-items: center;
}

section.program-listing .column-titles .right-wrap {
	flex: 0 0 33.33%;
	width: 33.33%;
	justify-content: flex-start;
	align-items: center;
}

section.program-listing .column-titles .left-wrap p, .column-titles .right-wrap p {
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color: #5D5C6A;
	margin-bottom: 0;
}

/* Program Items */
section.program-listing .programs-wrapper {
	display: flex;
	flex-direction: column;
}
  
section.program-listing .program-item {
	display: flex;
	align-items: center;
	padding: 24px 0;
	border-bottom: 1px solid #B9B9B9;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s ease;
}

@media (max-width: 768px) {
	section.program-listing .program-item {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px 0;
	}
}

section.program-listing .program-item .left-wrap {
	display: flex;
	gap: 1rem;
	flex: 0 0 66.66%;
	width: 66.66%;
	justify-content: flex-start;
	align-items: center;
}

@media (max-width: 768px) {
	section.program-listing .program-item .left-wrap {
		width: 100%;
		flex: 0 0 100%;
	}
}

section.program-listing .program-item .right-wrap {
	display: flex;
	flex: 0 0 33.33%;
	width: 33.33%;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 768px) {
	section.program-listing .program-item .right-wrap {
		display: none;
	}
}

section.program-listing .program-item .right-wrap svg {
	display: none;
}

section.program-listing .program-item:hover .right-wrap svg {
	display: block;
	margin-right: 25px;
}
  
section.program-listing .program-item:hover {
	background: #F7F1E7;
}
  
.program-img img {
	width: 136px;
	height: 88px;
	object-fit: cover;
}

@media (max-width: 768px) {
	.program-img img {
		width: 72px;
		height: 72px;
	}
}
.program-title {
    max-width: 500px;
}
@media (max-width: 768px) {
	.program-title {
		max-width: 260px;
	}
}


.program-title h3 {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	margin: 0;
}

.mobile-wrap .program-details-mobile {
	display: none;
}

@media (max-width: 768px) {
	.program-title h3 {
		font-size: 20px;
		line-height: normal;
	}
	.mobile-wrap {
		display: flex;
		flex-direction: column;
	}
	.mobile-wrap .program-details-mobile {
		display: block;
	}
	.mobile-wrap .program-details-mobile p {
		font-size: 16px;
		line-height: 22px;
		font-family: neuzeit-grotesk, sans-serif;
		color: #5D5C6A;
		font-style: normal;
		font-weight: 400;
		text-transform: capitalize;
		margin: 0;
	}
}
  
.program-details p {
	font-family: neuzeit-grotesk, sans-serif;
	color: #5D5C6A;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	text-transform: capitalize;
	margin: 0;
}

@media (max-width: 768px) {
	.program-details p {
		display: none;
	}
}
  
/* END Module: Program Listing  ================================================ */
/* Module: Program Listing Hero  ================================================ */

.program-listing-hero {
    padding: 40px 0;
}

@media (max-width: 768px) {
	.program-listing-hero {
		padding: 20px 0;
	}
}

.program-listing-hero .container {
    /* Add container-specific styles here */
}

.program-listing-hero .hero-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

@media (max-width: 768px) {
	.program-listing-hero .hero-wrap {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

.program-listing-hero .content {
    flex: 0 0 50%;
	width: 50%;
	display: flex;
	flex-direction: column;
	padding-right: 40px;
}

@media (max-width: 768px) {
	.program-listing-hero .content {
		flex: 0 0 100%;
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
}

.program-listing-hero .heading {
    color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 57px;
	font-style: normal;
	font-weight: 900;
	line-height: 62px; /* 108.772% */
}

@media (max-width: 768px) {
	.program-listing-hero .heading {
		font-size: 38px;
		line-height: 42px;
		margin-top: 24px;
		font-weight: 700;
	}
}

.program-listing-hero .intro {
    color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	margin-top: 15px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.program-listing-hero .intro {
		font-size: 16px;
		line-height: 24px;
	}
}

.program-listing-hero .intro a {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 28px; /* 140% */
	margin-top: 15px;
	text-decoration: underline;
}

@media (max-width: 768px) {
	.program-listing-hero .intro a {
		font-size: 16px;
		line-height: 24px;
	}
}

.program-listing-hero .image {
    flex: 0 0 50%;
	width: 50%;
}

@media (max-width: 768px) {
	.program-listing-hero .image {
		flex: 0 0 100%;
		width: 100%;
	}
}

.program-listing-hero .image img {
    width: 100%;
}

/* END Module: Program Listing  ================================================ */
/** Module program Single Hero ================================================ */

.program-single-hero {
    padding: 40px 0;
    background-color: #F7F1E7;
}

@media (max-width: 768px) {
    .program-single-hero {
        background-color: #fff;
		margin-bottom: 16px;
		padding: 0;
    }
}

.program-single-hero .container {
    /* Add container styles here */
}

.program-single-hero .hero-wrap {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .program-single-hero .hero-wrap {
        flex-direction: column-reverse;
    }
}

.program-single-hero .hero-wrap .left {
    flex: 0 0 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .program-single-hero .hero-wrap .left {
        flex: 0 0 100%;
        width: 100%;
    }
    .program-single-hero .hero-wrap .left .breadcrumb {
        display: none;
    }
}

.program-single-hero .hero-wrap .left .breadcrumb .breadcrumb-inner {
    padding: 0 !important;
}


@media (max-width: 768px) {
    .program-single-hero .left .content {
        display: flex;
        flex-direction: column-reverse;
    }
}

.program-single-hero .left .content .heading {
    color: #7E298F;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 57px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
	margin-bottom: 16px;
}

@media (max-width: 768px) {
    .program-single-hero .left .content .heading {
        margin-bottom: 0;
    }
}


.program-single-hero .left .content .certifications {
    color: #5D5C6A;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    text-transform: capitalize;
}

@media (max-width: 768px) {
    .program-single-hero .left .content .certifications {
        font-size: 16px;
        line-height: normal;
		font-weight: 700;
		margin-bottom: 10px;
    }
	.program-single-hero .left .content .certifications p {
		margin-bottom: 0;
	}
}

.program-single-hero .left .content .btn-hero {
    color: #FFF;
    text-align: center;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding: 12px 56px;
    background: #7E298F;
    margin: 40px 0;
    display: inline-block;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

@media (max-width: 768px) {
    .program-single-hero .left .content .btn-hero {
        padding: 10px 30px;
        margin: 20px 0;
        font-size: 14px;
        display: block;
        text-align: center;
        display: none;
    }
}
.program-single-hero .left .content .btn-hero:hover {
    background-color: #5c256d; /* Darker purple on hover */
}

.program-single-hero .left .content .btn-hero.first {
    margin-right: 16px;
}

@media (max-width: 768px) {
    .program-single-hero .left .content .btn-hero.first {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* Updated right section styles for background image */
.program-single-hero .right {
    flex: 0 0 50%;
    width: 50%;
    min-height: 318px; /* Ensure there's height even with no content */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px) {
    .program-single-hero .right {
        flex: 0 0 100%;
        width: 100%;
		min-height: auto;
        margin-bottom: 24px;
    }
}

/* END Module: Program Single Hero  ================================================ */
/** Module: Intro/Stats ================================================ */

.module.intro-stats {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 64px;
}

.module.intro-stats .intro-paragraph {
	max-width: 742px;
	margin-top: 46px;
	color: #5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 133.333% */
}

@media (max-width: 768px) {
	.module.intro-stats .intro-paragraph {
		font-size: 18px;
		line-height: 26px;
		margin-top: 0;
	}
}

.module.intro-stats .stats-container {
	display: flex;
	flex-direction: row;
	margin: 64px auto 0;
	gap: 18px;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.module.intro-stats .stats-container {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.module.intro-stats .stat-item {
	flex: 0 0 calc(25% - 36px);
	width: calc(25% - 36px);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (max-width: 768px) {
	.module.intro-stats .stat-item {
		flex: 0 0 calc(50% - 36px);
		width: calc(50% - 36px);
		gap: 18px;
	}
}

.module.intro-stats .stat-value {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 57px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.module.intro-stats .stat-item hr {
	width: 38px;
	border: 1px solid #C29252;
	margin: 0;
}

.module.intro-stats .stat-description {
	font-family: neuzeit-grotesk, sans-serif;
	color: #5D5C6A;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	max-width: 200px;
}

@media (max-width: 768px) {
	.module.intro-stats .stat-description {
		max-width: 100%;
	}
}
/* END Module: Intro/Stats  ================================================ */
/** Module: Inside Look ================================================ */

.module.inside-look {
	padding: 0 0 64px 0;
  }
  
  @media (max-width: 768px) {
	.module.inside-look {
	  padding: 0 0 40px 0;
	}
  }
  
  .inside-look-title {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 16px;
  }
  
  .inside-look-slider .container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
  }
  
  .module.inside-look .in-page-swiper {
	display: block;
  }
  
  .module.inside-look .swiper-container {
	overflow: hidden;
	margin-bottom: 20px;
  }

  @media (max-width: 768px) { 
	.module.inside-look .swiper-container {
		max-width: 338px !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
  }
  
  .module.inside-look .swiper-wrapper {
	display: flex;
	transition: transform 0.3s ease;
	gap: 30px;
  }
  
  .module.inside-look .swiper-slide {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }
  
  /* Layout container for images within a slide */
  .inside-look-slide {
	display: flex;
	width: 100%;
	gap: 20px;
  }
  
  /* Individual image items */
  .inside-look-item {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
  }
  
  /* Width classes for different layouts */
  .module.inside-look .width-full {
	width: 100%;
  }
  
  .module.inside-look .width-2-3 {
	width: 66.66%;
  }
  
  .module.inside-look .width-1-3 {
	width: 33.33%;
  }
  
  .module.inside-look .width-1-2 {
	width: 50%;
  }
  
  /* Image card styling */
  .inside-look-card {
	position: relative;
	height: 368px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border-radius: 0;
	width: 100%;
  }
  
  .module.inside-look .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
  }
  
  .inside-look-card-desc {
	margin-top: 16px;
	font-family: neuzeit-grotesk, sans-serif;
	color: #5D5C6A;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
  }
  
  /* Ensure text doesn't get cut off */
  .inside-look-card-desc p {
	margin: 0;
	padding: 0;
	width: 100%;
	word-break: normal;
	hyphens: auto;
  }
  
  /* Fraction Pagination &amp; Arrows Wrapper */
  .module.inside-look .swiper-pagination-wrapper-frac {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin-top: 20px;
  }
  
  /* Arrow Buttons */
  .module.inside-look .swiper-button-prev-frac,
  .module.inside-look .swiper-button-next-frac {
	width: 32px;
	height: 32px;
	background: #decbb2;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease;
  }
  
  /* Arrow SVG centering */
  .module.inside-look .swiper-button-prev-frac svg,
  .module.inside-look .swiper-button-next-frac svg {
	margin-top: 1px;
  }
  
  .module.inside-look .swiper-button-prev-frac svg {
	margin-right: 1px;
  }
  
  .module.inside-look .swiper-button-next-frac svg {
	margin-left: 1px;
  }
  
  .module.inside-look .swiper-button-prev-frac:hover,
  .module.inside-look .swiper-button-next-frac:hover {
	background: #c6a577;
  }
  
  /* Fraction Pagination Text */
  .module.inside-look .swiper-pagination-frac {
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #5D5C6A;
	width: auto;
  }
  
  /* Layout specific adjustments */
  .module.inside-look .layout-single {
	justify-content: center;
  }
  
  /* Fix for slide 2 and 3 */
  .layout-single .inside-look-card {
	width: 100%;
  }
  
  /* Fix for text alignment */
  .inside-look-item .inside-look-card-desc {
	max-width: 100%;
	min-width: 0;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
	/* Stack images on mobile */
	.inside-look-slide {
	  flex-direction: column;
	  gap: 30px;
	  max-width: 338px;
	}
	
	/* Make all items full width on mobile */
	.inside-look-item,
	.module.inside-look .width-full,
	.module.inside-look .width-2-3,
	.module.inside-look .width-1-3,
	.module.inside-look .width-1-2 {
	  width: 100%;
	  max-width: 338px;
	}
	
	.inside-look-card {
	  height: 200px;
	}
	
	.module.inside-look .swiper-pagination-wrapper-frac {
	  margin-top: 16px;
	}
	
	.module.inside-look .swiper-button-prev-frac,
	.module.inside-look .swiper-button-next-frac {
	  width: 28px;
	  height: 28px;
	}
  }
  
  /* END Module: Inside Look  ================================================ */
/** Module: Curriculum ================================================ */

.curriculum {
	padding-bottom: 64px;
}

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

.curriculum .container {
	/* Add your styles here */
}

.curriculum__title {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	padding-bottom: 18px;
}

@media (max-width: 768px) {
	.curriculum__title {
		font-size: 28px;
		line-height: 32px;
	}
}

.curriculum__paragraph {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	max-width: 742px;
}

@media (max-width: 768px) {
	.curriculum__paragraph {
		font-size: 16px;
		line-height: 24px;
	}
}

h3.courses-headline {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 24px;
}

/* Sample Courses List */
.curriculum__courses {
	max-width: 742px;
}

/* Individual Course Item */
.curriculum__course {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
}

@media (max-width: 768px) {
	.curriculum__course {
		font-size: 16px;
		line-height: 24px;
	}
}

/* Buttons Container */
.curriculum__buttons {
	display: flex;
	flex-direction: row;
	gap: 18px;
	margin-top: 40px;
}

@media (max-width: 768px) {
	.curriculum__buttons {
		flex-direction: column;
		gap: 12px;
	}
}

/* Base Button Style */
.curriculum .btn {
	font-family: neuzeit-grotesk, sans-serif;
	color: #5D5C6A;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background-color: transparent;
	border: 2px solid #C29252;
	padding: 12px 56px;
}

@media (max-width: 768px) {
	.curriculum .btn {
		padding: 10px 20px;
		font-size: 14px;
		width: 100%;
		box-sizing: border-box;
	}
}

.curriculum .btn:hover {
	color: #FFF;
	background-color: #C29252;
}

/* END Module: Curriculum ================================================ */
/** Module: Learning Outcomes ================================================ */

.module-learning-outcomes {
	padding-bottom: 64px;
}

@media (max-width: 768px) {
	.module-learning-outcomes {
		padding-bottom: 40px;
	}
}

.module-learning-outcomes .container {
	/* Add your styles here */
}

.module-learning-outcomes .module-title {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	padding-bottom: 24px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.module-learning-outcomes .module-title {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 16px;
	}
}

.module-learning-outcomes .list-title {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 14px;
}

@media (max-width: 768px) {
	.module-learning-outcomes .list-title {
		font-size: 18px;
		padding-bottom: 10px;
	}
}

.module-learning-outcomes .learning-outcomes-list {
	/* Add styles here */
}

.module-learning-outcomes .learning-outcome {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	max-width: 742px;
	margin: 8px 0;
}

@media (max-width: 768px) {
	.module-learning-outcomes .learning-outcome {
		font-size: 16px;
		line-height: 24px;
	}
}

/* END Module: Learning Outcomes ================================================ */
/** Module: Careers ================================================ */

.careers-module {
	padding-bottom: 64px;
}

@media (max-width: 768px) {
	.careers-module {
		padding-bottom: 40px;
	}
}

.careers-heading {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	padding-bottom: 24px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.careers-heading {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 16px;
	}
}

.careers-intro {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	max-width: 742px;
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	.careers-intro {
		font-size: 16px;
		line-height: 24px;
	}
}

.careers-list-heading {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 14px;
}

@media (max-width: 768px) {
	.careers-list-heading {
		padding-bottom: 10px;
	}
}

.careers-list {
	display: flex;
	flex-direction: row;
	max-width: 742px;
}

@media (max-width: 768px) {
	.careers-list {
		flex-direction: column;
	}
}

.careers-module .column {
	flex: 0 0 50%;
}

@media (max-width: 768px) {
	.careers-module .column {
		flex: 0 0 100%;
		width: 100%;
	}
}

.careers-module .column-1 {
	/* Specific styles for the first column, if needed */
}

.careers-module .column-2 {
	/* Specific styles for the second column, if needed */
}

.career-item {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	max-width: 742px;
}

@media (max-width: 768px) {
	.career-item {
		font-size: 16px;
		line-height: 24px;
	}
}

/* END Module: Careers  ================================================ */
/** Module: Faculty ================================================ */

.faculty-module {
	padding-bottom: 64px;
}

@media (max-width: 768px) {
	.faculty-module {
		padding-bottom: 40px;
	}
}

/* Container */
.faculty-module .container {
	/* Add your styles here */
}

.faculty-heading {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	padding-bottom: 24px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.faculty-heading {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 16px;
	}
}

/* Faculty Members Grid */
.faculty-members {
	/* Add your styles here */
}

/* Faculty Row */
.faculty-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 18px;
}

@media (max-width: 768px) {
	.faculty-row {
		gap: 24px;
	}
}

/* Individual Faculty Member */
.faculty-member {
	flex: 0 0 calc(33.33% - 18px);
	width: calc(33.33% - 18px);
}

@media (max-width: 768px) {
	.faculty-member {
		flex: 0 0 calc(50% - 12px);
		width: calc(50% - 12px);
	}
}

/* Faculty Image */
.faculty-image {
	width: 100%;
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media (max-width: 768px) {
	.faculty-image {
		height: 150px;
	}
}

/* Faculty Name */
.faculty-name {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 16px 0 4px 0;
}

.faculty-member:hover .faculty-name {
	color: #5c256d; /* Darker purple on hover */
}

@media (max-width: 768px) {
	.faculty-name {
		font-size: 16px;
		padding: 12px 0 2px 0;
	}
}

/* Faculty Job Title */
.faculty-job-title {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
}

@media (max-width: 768px) {
	.faculty-job-title {
		font-size: 14px;
		line-height: 20px;
	}
}
 
/* END Module: Faculty  ================================================ */
/** Module: Contact ================================================ */

section.contact {
	padding-bottom: 64px;
}

@media (max-width: 768px) {
	section.contact {
		padding-bottom: 40px;
	}
}

section.contact .container {
	width: 100%;
	padding-right: 9px;
	padding-left: 9px;
	margin-right: auto;
	margin-left: auto;
}

.contact-module {
	display: flex;
	flex-direction: row;
	gap: 18px;
}

@media (max-width: 768px) {
	.contact-module {
		flex-direction: row;
		gap: 24px;
	}
}

.contact-module__photo {
	max-width: 260px;
}

@media (max-width: 768px) {
	.contact-module__photo {
		width: 100%;
	}
	.contact-module__photo img {
		width: 100%;
		height: auto;
	}
}

.contact-module__details {
	/* Add styles here */
}

.contact-heading {
	font-family: neuzeit-grotesk, sans-serif;
	color: #7E298F;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; /* 110.526% */
	padding-bottom: 24px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.contact-heading {
		font-size: 28px;
		line-height: 32px;
		padding-bottom: 16px;
	}
}

section.contact .faculty-name {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 16px 0 4px 0;
}

@media (max-width: 768px) {
	section.contact .faculty-name {
		font-size: 16px;
		padding: 0;
	}
}

.faculty-title {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
}

@media (max-width: 768px) {
	.faculty-title {
		font-size: 14px;
		line-height: 20px;
	}
}

.faculty-contact-info {
	
}

@media (max-width: 768px) {
	.faculty-contact-info {
		padding-top: 0;
	}
}

.faculty-contact-info p {
	color: #411654;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
	margin: 0;
}

@media (max-width: 768px) {
	.faculty-contact-info p {
		font-size: 14px;
		line-height: 22px;
	}
}
/* END Module: Contact  ================================================ */
/** Module: Call to Action ================================================ */

.call-to-action {
	padding-bottom: 64px;
}

@media (max-width: 768px) {
	.call-to-action {
		padding-bottom: 40px;
	}
}

/* Main Container */
.container {
	/* Centering, max-width, and padding settings */
}

/* Call-to-Action Wrapper */
.call-to-action-wrapper {
	display: flex;
	flex-direction: row;
	/* Adjust flex properties, gap, etc. as needed */
}

@media (max-width: 768px) {
	.call-to-action-wrapper {
		flex-direction: column;
	}
}

/* Left Side (Background Image) */
.call-to-action-wrapper .left {
	flex: 0 0 50%;
	width: 50%;
	background-size: cover;
	background-position: center;
	/* Set a minimum height if necessary */
	min-height: 300px;
}

@media (max-width: 768px) {
	.call-to-action-wrapper .left {
		flex: 0 0 100%;
		width: 100%;
		min-height: 200px;
	}
}

/* Right Side (Content Area) */
.call-to-action-wrapper .right {
	flex: 0 0 50%;
	width: 50%;
	background-color: #F7F1E7;
	padding: 58px 18px 58px 58px;
}

@media (max-width: 768px) {
	.call-to-action-wrapper .right {
		flex: 0 0 100%;
		width: 100%;
		padding: 30px 20px;
	}
}

/* Content Container */
.call-to-action-wrapper .right .content {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

/* Headline Styling */
.cta-headline {
	color: #411654;
	font-family: Georgia;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: 42px; /* 110.526% */
	margin-bottom: 16px;
}

@media (max-width: 768px) {
	.cta-headline {
		font-size: 28px;
		line-height: 32px;
	}
}

/* Subheadline Styling */
.cta-subheadline {
	color:#5D5C6A;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 140% */
	max-width: 742px;
}

@media (max-width: 768px) {
	.cta-subheadline {
		font-size: 16px;
		line-height: 24px;
	}
}

/* Buttons Container */
.cta-buttons {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	/* Adjust layout for buttons */
}

@media (max-width: 768px) {
	.cta-buttons {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
}

/* Primary Button */
.call-to-action .btn-primary {
	padding: 12px 56px;
	background-color:#7E298F;
	color: #FFF;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	margin-right: 16px;
}

@media (max-width: 768px) {
	.call-to-action .btn-primary {
		padding: 10px 30px;
		font-size: 14px;
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
		margin-bottom: 12px;
		text-align: center;
	}
}

/* Secondary Button */
.call-to-action .btn-text-stroke {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

@media (max-width: 768px) {
	.call-to-action .btn-text-stroke {
		font-size: 14px;
		width: 100%;
		box-sizing: border-box;
	}
}

.call-to-action .btn-text-stroke::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3E%3Cpath%20d='M1.59619%200.903809L6.19239%205.5L1.59619%2010.0962'%20stroke='%23653982'%20style='stroke:%23653982;stroke:color(display-p3%200.3961%200.2235%200.5098);stroke-opacity:1;'%20stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
	margin-left: 5px;
}
	
/* END Module: Call to Action  ================================================ */
/** Module: Related Programs ================================================ */

.related-programs-module {
	background-color: #F7F1E7;
	padding: 64px 0;
}

@media (max-width: 768px) {
	.related-programs-module {
		padding: 40px 0;
	}
}

.related-programs-module .container {
	/* Add container styles here */
}

.related-programs-module .module-title {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

@media (max-width: 768px) {
	.related-programs-module .module-title {
		font-size: 18px;
	}
}

.related-programs-module .related-programs-grid {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	gap: 18px;
}

@media (max-width: 768px) {
	.related-programs-module .related-programs-grid {
		flex-direction: column;
		margin-top: 24px;
	}
}

.related-programs-module .related-program {
	flex: 0 0 calc(33.33% - 18px);
	width: calc(33.33% - 18px);
}

@media (max-width: 768px) {
	.related-programs-module .related-program {
		flex: 0 0 100%;
		width: 100%;
		margin-bottom: 16px;
	}
}

.related-programs-module .program-image {
	width: 100%;
	height: 156px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.related-programs-module .content {
	background-color: #fff;
	padding: 32px;
}

@media (max-width: 768px) {
	.related-programs-module .content {
		padding: 24px;
	}
}

.related-programs-module .program-title {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.related-programs-module .related-program:hover .program-title {
	color: #5c256d; /* Darker purple on hover */
}

@media (max-width: 768px) {
	.related-programs-module .program-title {
		font-size: 18px;
	}
}

.related-programs-module .text-link {
	color: #6C3686;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 40px;
	display: block;
}

@media (max-width: 768px) {
	.related-programs-module .text-link {
		margin-top: 24px;
		font-size: 14px;
	}
}

.related-programs-module .text-link::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3E%3Cpath%20d='M1.59619%200.903809L6.19239%205.5L1.59619%2010.0962'%20stroke='%23653982'%20style='stroke:%23653982;stroke:color(display-p3%200.3961%200.2235%200.5098);stroke-opacity:1;'%20stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
	margin-left: 5px;
}

/* END Module: Related Programs  ================================================ */
/** Module: News ================================================ */
.module {
	/* Base module styles */
}

.news-module {
	padding: 64px 0;
}

@media (max-width: 768px) {
	.news-module {
		padding: 40px 0;
	}
}

.news-module .container {
	/* Add container styles (e.g., max-width, padding) */
}

.news-module .module-title {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

@media (max-width: 768px) {
	.news-module .module-title {
		font-size: 18px;
	}
}

.news-module .news-items {
	display: flex;
	flex-direction: row;
}

@media (max-width: 768px) {
	.news-module .news-items {
		flex-direction: column;
	}
}

/* Individual News Item */
.news-module .news-item {
	flex: 0 0 50%;
	width: 50%;
	display: flex;
	flex-direction: row;
	gap: 18px;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 14px 0;
}

@media (max-width: 768px) {
	.news-module .news-item {
		flex: 0 0 100%;
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #B88457;
	}
	
	.news-module .news-item:first-child {
		padding-top: 0;
	}
}

.news-module .news-item:nth-of-type(2) {
	border-left: 1px solid #B88457;
	padding-left: 33px;
}

@media (max-width: 768px) {
	.news-module .news-item:nth-of-type(2) {
		border-left: none;
		padding-left: 0;
	}
}

.news-module .news-item-thumbnail {
	width: 120px;
	height: 120px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
}

@media (max-width: 768px) {
	.news-module .news-item-thumbnail {
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
	}
}

.news-module .news-item-content {
	display: flex;
	flex-direction: column;
}

.news-module .news-item-date {
	color: #C29252;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 16px;
}

@media (max-width: 768px) {
	.news-module .news-item-date {
		margin-bottom: 8px;
		font-size: 12px;
	}
}

.news-module .news-item-title {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	max-width: 340px;
}

.news-module .news-item:hover .news-item-title,
.news-module .news-item:hover .news-item-title a {
	color: #5c256d; /* Darker purple on hover */
}

@media (max-width: 768px) {
	.news-module .news-item-title {
		font-size: 16px;
		line-height: 22px;
		max-width: 100%;
	}
}

.news-module .news-item-title a {
	color: #7E298F;
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	max-width: 340px;
}

@media (max-width: 768px) {
	.news-module .news-item-title a {
		font-size: 16px;
		line-height: 22px;
		max-width: 100%;
	}
}

/* END Module: News  ================================================ */
/** Module: Highlights ================================================ */

.highlights-module {
    padding-bottom: 64px;
}

@media (max-width: 768px) {
    .highlights-module {
        padding-bottom: 40px;
    }
}

.highlights-module .container {
    /* Container styles will match other modules */
}

.highlights-heading {
    color: #7E298F;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 110.526% */
    padding-bottom: 24px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .highlights-heading {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 16px;
    }
}

.highlights-grid {
    display: flex;
    flex-direction: row;
    gap: 18px;
}

@media (max-width: 768px) {
    .highlights-grid {
        flex-direction: column;
        gap: 24px;
    }
}

.highlights-grid.single-highlight .highlight-card {
    width: 100%;
    max-width: none;
}

.highlights-grid.single-highlight .highlight-card-inner {
	flex-direction: row-reverse;
}
.highlights-grid.single-highlight .highlight-card-inner .highlight-image {
	height: 450px;
}

.highlights-grid.single-highlight .highlight-card-inner .highlight-content {
	flex: 0 0 50%;
}

.highlights-grid.single-highlight .highlight-card-inner .highlight-bookmark {
	top: 0;
}

.highlights-grid.single-highlight .highlight-card-inner .highlight-category {
	margin-top: 30px;
}

/* Optional: You might also want to adjust the grid layout for single items */
.highlights-grid.single-highlight {
    display: block; /* or flex with justify-content: center */
}

.highlight-card {
    flex: 0 0 calc(50% - 9px);
    width: calc(50% - 9px);
    background-color: #F9F3EA;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: visible; /* Changed to allow bookmark to overflow */
}

@media (max-width: 768px) {
    .highlight-card {
        flex: 0 0 100%;
        width: 100%;
    }
}

.highlight-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.highlight-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1;
}

.highlight-image-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.highlight-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

@media (max-width: 768px) {
    .highlight-image {
        height: 200px;
    }
}

/* Bookmark icon that straddles the image */
.highlight-bookmark {
    position: absolute;
    left: 40px;
    top: -16px; /* Position it to straddle the top of the content area */
    width: 22px;
    height: 32px;
    z-index: 2;
}

@media (max-width: 768px) {
    .highlight-bookmark {
        left: 24px;
    }
}

.highlight-content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
	min-height: 300px;
}

@media (max-width: 768px) {
    .highlight-content {
        padding: 24px;
        min-height: 200px;
    }
}

.highlight-category {
    color: #7E298F;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
    margin-left: 0; 
	text-transform: uppercase;
}

@media (max-width: 768px) {
    .highlight-category {
        font-size: 14px;
    }
}

.highlight-title {
    color: #411654;
    font-family: Georgia, serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
}

@media (max-width: 768px) {
    .highlight-title {
        font-size: 24px;
        line-height: 28px;
    }
}

.highlight-open-btn {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #7E298F;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 24px;
    line-height: 1;
}

@media (max-width: 768px) {
    .highlight-open-btn {
        bottom: 24px;
        left: 24px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

.highlight-open-btn:hover {
    background-color: #653982;
}

.highlight-icon {
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Lightbox Styles */
.highlight-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.highlight-lightbox[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
}

.lightbox-container {
    position: relative;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    background-color: white;
    border-radius: 0;
    overflow: hidden;
}

.lightbox-content {
    padding: 58px;
    overflow-y: auto;
    max-height: 90vh;
}

@media (max-width: 768px) {
    .lightbox-content {
        padding: 24px;
    }
}

.lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #7E298F;
    color: white;
    border: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.lightbox-close:hover {
    background-color: #653982;
}

.lightbox-title {
    color: #7E298F;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 57px;
	font-style: normal;
	font-weight: 900;
	line-height: 64px; /* 112.281% */
	margin-bottom: 24px;
}

@media (max-width: 768px) {
    .lightbox-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 16px;
        padding-right: 30px; /* Make space for close button */
    }
}

.lightbox-meta {
    display: flex;
    gap: 32px;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .lightbox-meta {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 16px;
    }
}

.student-info,
.year-info {
    display: flex;
    flex-direction: column;
}

.student-label,
.year-label {
    font-size: 16px;
    color: #7E298F;
    font-family: neuzeit-grotesk, sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .student-label,
    .year-label {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

.student-name,
.year-value {
    font-size: 18px;
	line-height: 28px;
    font-weight: 400;
    color: #5D5C6A;
    font-family: neuzeit-grotesk, sans-serif;
}

@media (max-width: 768px) {
    .student-name,
    .year-value {
        font-size: 16px;
        line-height: 22px;
    }
}

.lightbox-description {
    margin-bottom: 60px;
    color: #5D5C6A;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 133.333% */
}

@media (max-width: 768px) {
    .lightbox-description {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px;
    }
}

.lightbox-gallery {
    display: flex;
	flex-direction: column;
	gap: 18px;
}

@media (max-width: 768px) {
    .lightbox-gallery {
        gap: 12px;
    }
}

.gallery-image {
    width: 100%;
    object-fit: cover;
}

/* Make the body unscrollable when lightbox is open */
body.lightbox-open {
    overflow: hidden;
}

/* Common container styles */
.highlights-module .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .highlights-module  .container {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (min-width: 576px) {
    .highlights-module .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .highlights-module  .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .highlights-module .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .highlights-module .container {
        max-width: 1140px;
    }
}
/* Add these styles to your CSS */
.lightbox-content {
    max-height: 90vh;
    overflow-y: auto;
    overscroll-behavior-y: contain; /* Prevents scroll chaining */
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity; /* Performance optimization */
}

/* Additional mobile-specific styles */
@media screen and (max-width: 767px) {
    .lightbox-content {
        padding: 2rem 1.5rem; /* Add some padding if not already present */
        border-radius: 12px 12px 0 0; /* Optional: rounded corners on top */
    }
    
    /* Visual indicator that content is swipeable */
    .lightbox-content::after {
        content: '';
        display: block;
        width: 50px;
        height: 5px;
        background-color: #ddd;
        border-radius: 5px;
        margin: 10px auto 0;
        opacity: 0.7;
    }
}

/* END Module: Highlights ================================================ */

/* Jump Menu Styles */
.jump-menu-container {
    position: relative;
}

.jump-menu {
    position: sticky;
    top: 150px; /* Adjust based on your header height */
    left: 0;
    width: 180px;
    padding: 50px 0;
    margin-right: 30px;
    float: left;
    z-index: 10; /* Ensure it appears above content but below the mobile toggle */
}

.jump-menu-header {

}

.jump-menu h4 {
    color: #C29252;
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0 15px;
}

.jump-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jump-menu li {
    margin-bottom: 5px;
}

.jump-menu .jump-link {
    display: block;
    padding: 8px 15px 8px 15px;
    color: rgba(0, 0, 0, 0.50);
    font-family: neuzeit-grotesk, sans-serif;
    font-size: 20px;
    line-height: 40px; /* 200% */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
}

.jump-menu .jump-link svg {
    vertical-align: middle;
    margin-left: 4px;
}

.jump-menu .jump-link:hover {
    color: #7E298F; /* Purple color from the image */
}

.jump-menu .jump-link.active {
    color: #7E298F;
}

.jump-menu .jump-link.active::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 60px;
    height: 2px;
    background-color: #7E298F;
}

/* Mobile toggle button - hidden on desktop */
.jump-menu-toggle {
    display: none;
}

.jump-menu-close {
    display: none;
}
.top-wrap-menu {
    display: none;
}
/* Responsive styles */
@media (max-width: 768px) {
    .jump-menu-container {
        width: 100%;
    }
    
    /* Toggle button styling */
    .top-wrap-menu {
        display: block;
        width: 100%;
        position: fixed;
        top: 60px; /* Adjust based on your mobile header height */
        left: 0;
        z-index: 100;
        padding: 0 16px 16px 16px;
        background-color: #fff;
        margin-top: 11px;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    } 
    .top-wrap-menu .breadcrumb {
        padding: 0;
        margin-bottom: 12px;
    }
    .jump-menu-toggle {
        display: block;
        width: 100%;
        background-color: #7E298F;
        color: white;
        border: none;
        padding: 12px 15px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }
    
    /* Jump menu styling for mobile */
    .jump-menu {
        display: none; /* Hidden by default on mobile */
        position: fixed;
        top: 102px; /* Positioned right below the toggle button */
        left: 0;
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        padding: 0;
        z-index: 99;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        /* On mobile, we override the sticky behavior with fixed positioning */
    }
    
    .jump-menu.active {
        display: block;
    }
    
    .jump-menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        background-color: #7E298F;
        color: white;
    }
    
    .jump-menu-header h4 {
        color: white;
        margin: 0;
        padding: 0;
        font-size: 16px;
    }
    
    .jump-menu-close {
        display: block;
        background-color: #7E298F;
        color: white;
        border: none;
        padding: 10px 15px;
        font-size: 16px;
        cursor: pointer;
    }
    
    .jump-menu ul {
        padding: 10px 0;
        background: white;
    }
    
    .jump-menu li {
        margin: 0;
    }
    
    .jump-menu li:last-child {
        border-bottom: none;
    }
    
    .jump-menu .jump-link {
        padding: 12px 32px;
        color: #7E298F;
    }
    
    .jump-menu .jump-link.active {
    }
    
    .jump-menu .jump-link.active::after {
        left: 32px;
        bottom: 5px;
    }
    
}</pre></body></html>