:root {
	font-size: 62.5% !important;
}

.study-org {
	--color-primary: #2B2B2B;
	--color-on-primary: #FFFFFF;
	--color-divider: #E5E5E5;
	--color-accent: #F38E1F;
	--section-space: 10rem;
	--border-radius: 0.8rem;
	--transition: cubic-bezier(0.4, 0, 0.2, 1);

	margin-bottom: clamp(10.0rem, 8.6rem + 4.0vw, 15.0rem);
}

.study-org__header {
	background-color: var(--color-primary);
	background-image: url('../img/header.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 5rem 0;
	margin-bottom: var(--section-space);
}

.study-org__title {
	color: var(--color-on-primary);
	font-size: clamp(2.4rem, 1.9rem + 1.3vw, 4.0rem);
	position: relative;
	padding: 0;
	padding-bottom: 3rem;

	span {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0%;
		width: calc(100% - 1.5rem);
		max-width: 53rem;
		height: 0;
		border-bottom: 1px solid var(--color-on-primary);
		background-color: var(--color-on-primary);

		&:after {
			content: '';
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: -5px;
			width: 53rem;
			height: 10px;
			width: 10px;
			border: 1px solid var(--color-on-primary);
			border-radius: 50%;
			background-color: var(--color-primary);
		}
	}
}
/*******************/
/*       accordion */
/*******************/
.study-org__accordion {
	--padding: clamp(1.7rem, 1.3rem + 1.0vw, 3.0rem);

	border: 1px solid var(--color-divider);
	margin-top: -1px;
	padding: var(--padding) var(--padding) 0px var(--padding);
	background-color: var(--color-bg);
	border-radius: var(--border-radius);
	margin-bottom: 1.5rem;

	&.active {
		.study-org__accordion-title {
			color: var(--color-accent);
		}
	}
}

.study-org__accordion-title {
	background-color: transparent;
	width: 100%;
	border: none;
	padding: 0px 0px var(--padding) 0px;
	color: var(--color-primary);
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	align-items: center;
	align-content: center;
	margin-bottom: 0;
	font-size: clamp(2.0rem, 1.9rem + 0.3vw, 2.4rem) !important;
	display: grid;
	grid-template-columns: 1fr max-content;
	gap: var(--col-gap);
	transition: 0.3s;

	&:after {
		content: '';
		width: 36px;
		height: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url('../img/arrow.svg');
		background-size: 50%;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
		overflow: hidden;
		filter: grayscale(1);
	}

	&:focus {
		outline: none;
	}

	&[aria-expanded="true"] {
		&:after {
			transform: rotate(180deg);
			filter: grayscale(0);
		}
	}
}

.study-org__accordion-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s var(--transition);

	&.active {
		
	}
	.study-org__accordion-content {
		padding-bottom: 25px;
	}
}



.study-org__accordion-content {
	h2, h3, h4 {
		font-weight: bold;
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	p, li {
		font-size: 1.6rem;
		line-height: 2.5rem;
		margin-bottom: 1.5rem;
		color: var(--color-primary);
		margin-top: 0;
		&:last-child {
			margin-bottom: 0;
		}
	}

	ul {
		padding-left: 0;
		margin-bottom: 3rem;
	}

	li {
		position: relative;
		padding-left: 3rem;
		margin-bottom: 1rem;
		list-style: none;

		&::before {
			content: '';
			display: block;
			background-color: var(--color-primary);
			width: 4px;
			height: 4px;
			border-radius: 50%;
			position: absolute;
			top: 1.1rem;
			left: 1rem;
		}
	}

	b {
		font-weight: bold;
	}

	a {
		text-decoration: underline;
		text-underline-offset: 5px;
		color: var(--color-primary);
		transition: 0.3s;
		&:hover {
			color: var(--color-accent);
		}
	}

	hr {
		background-color: transparent;
		color: transparent;
		border-bottom: 1px solid var(--color-divider);
		width: 100%;
		margin: 3rem 0;
	}
}

.study-org__accordion-content-grid {
	display: grid;
	grid-template-columns: 1fr max-content;
	gap: 3rem;
	align-items: flex-start;
}

.study-org__accordion-img {
	display: flex;
	width: 100%;
	overflow: hidden;
	border-radius: 0.8rem;
	max-width: 40rem;
	img {
		display: flex;
		width: 100%;
	}
}


.study-org__table {
	background-color: #F5F5F5;
	border-radius: 0.8rem;
	border: 1px solid var(--color-divider);
	
}
.study-org__table-row {
	display: grid;
	grid-template-columns: 1fr 20rem;
	border-bottom: 1px solid var(--color-divider);
	&:last-child {
		border-bottom: none;
	}
}
.study-org__table-cell {
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 140%;
	padding: 2rem clamp(1.5rem, 1.4rem + 0.4vw, 2.0rem);

	&:first-child {
		border-right: 1px solid var(--color-divider);
	}
}

.study-org__doc {
	display: grid;
	grid-template-columns: 2.4rem 1fr;
	gap: 1rem;
	align-items: center;

	&::before {
		content: '';
		display: block;
		width: 2.4rem;
		height: 2.4rem;
		background-image: url('../img/doc.svg');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media (max-width: 1600px) {
	.study-org__accordion {
		padding-top: 20px;
	}
	.study-org__accordion-title {
		padding-bottom: 20px;

		&::after {
			width: 30px;
			height: 30px;
			top: 0;
		}
	}
}
@media (max-width: 1200px) {

}
@media (max-width: 768px) {
	.study-org__accordion-title {
		padding-bottom: 20px;

		&::after {
			width: 24px;
			height: 24px;
			top: 0;
		}
	}

	.study-org__accordion-content-grid {
		grid-template-columns: 100%;
	}
	.study-org__table-row { 
		grid-template-columns: 100%;
	}
	.study-org__table-cell {
		&:last-child {
			padding-top: 0;
		}
	}
}
@media (max-width: 360px) {
	
}