.year-tab-wrapper .tabs{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #797979;
	margin-bottom: 78px;
	position: relative;
}

.year-tab-wrapper .tab{
	position: relative;
  	text-align: center;
  	font: normal normal normal 16px/32px Roboto;
  	color: #797979;
}

.year-tab-wrapper .tab.has-content{
	font-weight: 500;
	color: #474A50;
}

.year-tab-wrapper .tab.active{
	font: normal normal bold 24px/32px Roboto;
	letter-spacing: -0.36px;
	color: #D97B08;
}

.year-tab-wrapper .tab {
	position: relative;
	text-align: center;
	font: normal normal normal 16px/32px Roboto;
	align-content: end;
	cursor: pointer;
}

.year-tab-wrapper .tab.has-content:hover .label {
	color: #D97B08;
}

.year-tab-wrapper .tab.has-content:hover::before {
	background: #F7941D;
}

.year-tab-wrapper .tab:hover

.year-tab-wrapper .tab .label {
	transform: translateY(-4px);
}

.year-tab-wrapper .tab.active .label {
	transform: translateY(-6px);
}

.year-tab-wrapper .tab.has-content::before {
  transform: translateX(-50%);
  border-radius: 100%;
  position: absolute;
  background: #474A50;
  bottom: 10px;
  height: 8px;
  content: '';
  width: 8px;
  left: 50%;
  top: calc(100% - 4px);
  z-index: 1;
}

.year-tab-wrapper .tab.has-content.active::before {
	width: 11px;
	height: 11px;
	top: calc(100% - 5px);
}

.year-tab-wrapper .tabs::after {
  transform: translateX(-50%);
  position: absolute;
  background: #474A50;
  height: 1px;
  content: '';
  width: 120vw;
  left: 50%;
  top: 100%;
}

.year-tab-wrapper .tab.has-content.active::before{
	background: #F7941D;
}

.year-tab-wrapper .tab-pages .item{
	display: flex;
	padding-bottom: 44px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 60px;
}

.year-tab-wrapper .tab-pages .item .content{
	width: 60%;
	padding-right: 65px;
}
.year-tab-wrapper .tab-pages .item .image{
	width: 40%;
}

.year-tab-wrapper .tab-pages .item .above-header{
	font: normal normal 300 18px/24px Roboto;
	letter-spacing: -0.27px;
	color: #797979;
	margin-bottom: 22px;
}
.year-tab-wrapper .tab-pages .item .header{
	font: normal normal 900 35px/43px Roboto;
	letter-spacing: -0.7px;
	color: #333333;
	margin-bottom: 19px;
}

.year-tab-wrapper .tab-pages .item .body{
	font: normal normal normal 18px/26px Roboto;
	letter-spacing: -0.36px;
	color: #333333CC;
}

.year-tab-wrapper .tab-pages .tab-page:not(.active){
	display: none;
}

.year-tab-wrapper .tab-pages .image img{
	border-radius: 20px;
	object-fit: cover;
    max-height: 100%;
    width: 100%;
    aspect-ratio: 256 / 141;
}

.year-tab-wrapper .tab-pages .item:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  	.year-tab-wrapper .tab-pages .item {
    	flex-direction: column-reverse;
	}
	.year-tab-wrapper .tab-pages .item .content,
	.year-tab-wrapper .tab-pages .item .image{
		width: 100%;
	}
	.year-tab-wrapper .tab:not(.has-content){
		display: none;
	}
	.year-tab-wrapper .tabs {
	    margin-bottom: 62px;
	}

	.year-tab-wrapper .tab-pages .item .above-header{
		font: normal normal 300 16px/21px Roboto;
		letter-spacing: -0.32px;
		color: #333333;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.year-tab-wrapper .tab-pages .item .header{
		font: normal normal bold 24px/30px Roboto;
		letter-spacing: -0.24px;
		color: #333333;
		margin-bottom: 14px;
	}

	.year-tab-wrapper .tab-pages .item .body{
		font: normal normal normal 16px/24px Roboto;
		letter-spacing: -0.32px;
		color: #333333CC;
	}
	.year-tab-wrapper .tab-pages .item .content{
		padding-right: 0;
	}
}