header{
	display: flex;
}

ul {
	list-style-type: none;
	padding-inline-start: 0px;	
    margin-block-start: 0em;
    margin-block-end: 0em;
}

li {
	display: flex;
	flex-direction: row;
}

button {	
    padding-block: 0px;
    padding-inline: 0px;
	cursor: pointer;
}

h6 {
	font-variant-caps: small-caps;	
    font-family: Georgia;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
}

hr {
	width: 100%;
	height: 1px;
	background: #E5E7EB;
}

.header_area{
    display: flex;
    padding: 2% 8%;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--gray-200, #E5E7EB);
    background: #FFF;}
    .header_area .main_menu {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 32px; }
        .header_area .main_menu .menu_nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex: 1 0 0; }
			.header_area .main_menu .menu_nav .navbar {
				display: flex;
				align-items: center;
				gap: 32px;}
				.header_area .main_menu .menu_nav .navbar .nav_links {
					display: flex;
					align-items: center;
					gap: 32px;}
.link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: var(--gray-700, #374151);
	text-align: center;
	font-family: Georgia;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
	text-transform: uppercase;
}
			.header_area .main_menu .menu_nav .frame10477 {
				display: flex;
				align-items: center;
				align-self: stretch; }				
						
					.header_area .main_menu .menu_nav .frame10477 .frame2 .nav-link {
						display: flex;
						align-items: center;
						color: #000;
						font-family: Georgia;
						font-size: 16px;
						font-style: normal;
						font-weight: 400;
						gap: 8px;
						line-height: normal; 
						text-decoration: none;}

.menu-icon {
			display: none;
			flex-direction: column;
			cursor: pointer;
			padding: 5px;
			}

.frame2 {
		display: flex;
		align-items: center;
		gap: 45px;
		align-self: stretch; }


.hamburger-header{
    display:none;
}

.frame10505{
	display: flex;
	gap: 8px;
}

.frame10505 svg {
		display: none;
}		

								
.frame10480 {
	display: flex;
	padding: 4.5% 15%;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	background: #FFF; }
	.frame10480 .frame10510 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px; }		
.frame10492 {
	display: flex;
	width: 60%;
	flex-direction: column;
	align-items: center;
	gap: 90px;
}
.frame10479 {
	display: flex;
	align-items: flex-start;
	gap: 100px;
	align-self: stretch;
}
.frame10496 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}
						.frame10480 .frame10510 .frame10492 .frame10479 .frame10496 .frame10495{
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							gap: 16px;}
							.frame10480 .frame10510 .frame10492 .frame10479 .frame10496 .frame10495 .frame10493{
								display: flex;
								align-items: center;
								gap: 8px;}
								.frame10480 .frame10510 .frame10492 .frame10479 .frame10496 .frame10495 .frame10493 a{
									text-decoration: none;
									color: #006580;
									font-family: Georgia;
									font-size: 16px;
									font-style: normal;
									font-weight: 400;
									line-height: normal;}
.frame10483 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
	flex: 1 0 0;
	align-self: stretch;
	color: #000;
	font-family: Georgia;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 a{
						color: #000;
						font-family: Georgia;
						gap: -60px;
						font-size: 16px;
						font-style: normal;
						font-weight: 400;
						line-height: 26px;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 span{
						color: #212529;
						font-family: Georgia;
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						line-height: 30px;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 span{
						color: #212529;
						font-family: Georgia;
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						line-height: 30px;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 h{
						color: #000;
						font-family: Georgia;
						font-size: 24px;
						font-style: normal;
						font-weight: 700;
						line-height: normal;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 h1{
						color: #006580;
						font-family: Georgia;
						font-size: 16px;
						font-style: normal;
						font-weight: 700;
						line-height: 22px; /* 137.5% */											
						margin-block-start: 0em;
						margin-block-end: 0em;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 h2{
						color: #000;
						font-family: Georgia;
						font-size: 16px;
						font-style: normal;
						font-weight: 700;
						line-height: normal;									
						margin-block-start: 0em;
						margin-block-end: 0em;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers{
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 24px;
						align-self: stretch;}	
						.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers .working_paper{
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							gap: 4px;
							align-self: stretch;}
							.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers .working_paper a{
								color: #212529;
								font-family: Georgia;
								font-size: 14px;
								font-style: normal;
								font-weight: 400;
								line-height: 30px; /* 214.286% */
								text-decoration-line: underline;}							
							.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers .toggle-container{
								display: flex;
								flex-direction: column;
								align-items: flex-start;}							
								.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers .toggle-container ul{
									display: flex;
									align-items: flex-start;
									gap: 16px;}							
								.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .working_papers .toggle-container a{
									color: #212529;
									font-family: Georgia;
									font-size: 14px;
									font-style: normal;
									font-weight: 400;
									line-height: 30px; /* 214.286% */
									text-decoration-line: none;}
					.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .works_in_progress{
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 24px;
						align-self: stretch;}						
						.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .works_in_progress .work_in_progress{
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							gap: 4px;
							align-self: stretch;}							
							.frame10480 .frame10510 .frame10492 .frame10479 .frame10483 .works_in_progress .work_in_progress a{
								color: #212529;
								font-family: Georgia;
								font-size: 14px;
								font-style: normal;
								font-weight: 400;
								line-height: 30px; /* 214.286% */
								text-decoration-line: underline;}
.non-academics {
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	gap:14px ;
}
.courses {
	width: max-width;
									align-items: flex-start;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 48px;
						align-self: stretch;
}
.course {
				display: flex;
							align-self: stretch;
							flex-direction: column;
						gap: 24px;

}
			.frame10480 .frame10510 .frame10492 .frame1 {
				display: flex;
				align-items: flex-start;
				gap: 28px;}
		.frame10480 .frame10510 .frame10509 {
			display: flex;
			align-items: flex-end;
			gap: 8px;
			color: #A1A1A1;
			text-align: center;
			font-family: Inter;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%; /* 21px */}
			
			
.accordion {
	border: none;
	background-color: #FFF;
	display: flex;
	align-items: center;
	gap: 4px;
	color: #212529;
	font-family: Georgia;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 214.286% */
}

.active, .accordion:hover {
  background-color: #FFF;
}

.accordion:before {
  content: '\25B6';
  fill: #212529;
  font-weight: bold;
  float: right;
}

.active:before {
  content: "\25BC";
  fill: #212529;
}

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p{
	color: #000;
	font-family: Georgia;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	display: flex;
	padding: 24px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	
  border-radius: 8px;
border: 1px solid #A9A9A9;
background: #FFF;
}