* {
	box-sizing:border-box
}
*::before,*::after {
	box-sizing:border-box
}

.container {
	margin:0 auto;
	padding:4rem;
	width:60%
}
.accordion .accordion-item {
	border-bottom:1px solid #e5e5e5
}
.accordion .accordion-item button[aria-expanded=true] {
	border-bottom:1px solid #00276c
}
.accordion button {
	position:relative;
	display:block;
	text-align:left;
	width:100%;
	padding:1em 0;
	color:#00276c;
	font-size:2rem;
	font-weight:400;
	border:0;
	background:0;
	outline:0
}
.accordion button:hover{
	cursor:pointer;
	color:#00276c;
        font-weight: 600;
}
.accordion button:hover::after,.accordion button:focus::after {
	cursor:pointer;
	color:#03b5d2;
	border:1px solid #03b5d2
}
.accordion button .accordion-title {
	padding:1em 1.5em 1em 0
}
.accordion button .icon {
	display:inline-block;
	position:absolute;
	top:18px;
	right:0;
	width:22px;
	height:22px;
	border:1px solid;
	border-radius:22px
}
.accordion button .icon::before {
	display:block;
	position:absolute;
	content:"";
	top:9px;
	left:5px;
	width:10px;
	height:2px;
	background:currentColor
}
.accordion button .icon::after {
	display:block;
	position:absolute;
	content:"";
	top:5px;
	left:9px;
	width:2px;
	height:10px;
	background:currentColor
}
.accordion button[aria-expanded=true] {
	color:#00276c
}
.accordion button[aria-expanded=true] .icon::after {
	width:0
}
.accordion button[aria-expanded=true]+.accordion-content {
	opacity:1;
	max-height:20em;
	transition:all 200ms linear;
	will-change:opacity,max-height
}
.accordion .accordion-content {
	opacity:0;
	max-height:0;
	overflow:hidden;
	transition:opacity 200ms linear,max-height 200ms linear;
	will-change:opacity,max-height
}
.accordion .accordion-content p {
	font-size:1.8rem;
	font-weight:300;
	margin:2em 0
}

@media screen and (max-width: 768px) {
.container {
	padding:1rem;
	width:90%;
}
}