.arrangeCourse{
margin: 8vh 0 0;
background-color: #f7f7f7;
border: 1px solid #ddd;
}
.arrangeCourse__header{
text-align: center;
margin-bottom: 40px;
}
.arrangeCourse__header--title{
font-size: 26px;
background-color: #2b62c9;
color: #fff;
padding: 20px;
}
.arrangeCourse__header__nav{
list-style: none;
margin: 30px 0;
padding: 0;
display: flex;
justify-content: center;
}
.arrangeCourse__header__nav--item{
margin: 0 20px;
font-size: 20px;
}
.arrangeCourse__header__nav--item a.active{
font-weight: bold;
}
.arrangeCourse__body{
padding: 30px;
}
.arrangeCourse__body__item{
display: none;
}
.arrangeCourse__body__item.active{
display: block;
}
.content-course:not(:last-child){
margin-bottom: 50px;
}
.content-course__top{
display: flex;
padding: 10px 0;
align-items: center;
border-bottom: 1px solid #ddd;
}
.content-course__top--title{
flex-grow: 1;
margin: 0;
font-size: 20px;
font-weight: bold;
}
.content-course__top--price{
text-align: right;
width: 20%;
margin: 0;
font-size: 20px;
font-weight: bold;
}
.content-course__bottom{
padding: 10px 0;
}
@media(max-width: 991px){
.arrangeCourse__header--title{
font-size: 20px;
}
.content-course__top--title,
.content-course__top--price{
font-size: 16px;
}
.arrangeCourse__header__nav--item{
margin: 0 10px;
}
.singleCourse__body .content-course__top--title{
margin: 0;
}
.arrangeCourse__header{
margin: 0;
}
}