/*--------------------------------------------------------------
# History
--------------------------------------------------------------*/

.section-history .wrap-items{
	display: grid;
	grid-template-columns: 33rem minmax(0,1fr);
	gap: 6rem;
	padding: 0 var(--sb-content-gap);
}

.section-history .section-head{
	flex-direction: column;
	justify-content: start;
}

.section-history .section-head .section-title{
	margin-bottom: 3.2rem;
}

.swiper-slide-group {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.histoy-item .card-item-content{
	padding: 4rem;
	gap: 2rem;
	border-radius: 3rem;
	border: 1px solid var(--sb-border-color);
	height: 100%;
	transition: all .3s;
}

.histoy-item .card-item-title{
	font-size: 4rem;
	line-height: 1;
	color: var(--sb-primary);
	min-height: auto;
}

.histoy-item:hover .card-item-content{
	background: var(--sb-primary);
	border-color: var(--sb-primary);
}

.histoy-item:hover .card-item-content>*{
	color: #fff;
}

.section-history .swiper-control-relative{
	margin-top: 5rem;
	justify-content: end;
}

.card-item-excerpt.post-content.text-justify {
	max-height: 20rem;
	min-height: 20rem;
	overflow: scroll;
	padding-right: 1rem;
  }

  .card-item.histoy-item:hover ::-webkit-scrollbar-thumb {
	background: #fff;
  }
  
  .card-item.histoy-item  ::-webkit-scrollbar-thumb  {
	width: 6px;
	background: #cdcdcd;
  }
  
/*--------------------------------------------------------------
# VMC
--------------------------------------------------------------*/

.wrap-items.group-vmc-items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.group-vmc-item{
	position: relative;
}

.group-vmc-item:last-child{
	height: 100%;
	grid-row-start: 2;
	grid-row-end: 2;
	grid-column-end: 3;
	grid-column-start: 1;
}

.group-vmc-item:last-child{
	overflow: hidden;
	background-image: var(--bg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: auto 100%, cover;
	height: 40rem;
}

@media (min-width: 1537px) {
	.group-vmc-item:last-child {
		height: 70rem;
	}
}

.group-vmc-item-overlay{
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.group-vmc-item-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .15;
}

.group-vmc-item:last-child .group-vmc-item-overlay{
	aspect-ratio: 3 / 1;
}

.group-vmc-item-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: var(--sb-content-gap);
	padding-top: 12rem;
	color: #fff;
}

.group-vmc-item:not(:last-child) .group-vmc-item-content{
	max-width: 61rem;
}

.group-vmc-item-content .group-vmc-item-title{
	font-size: 3.2rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 5rem;
}

.group-vmc-item:last-child .group-vmc-item-content{
	display: flex;
	justify-content: space-between;
}

.group-vmc-item-content-items {
	display: flex;
	flex-wrap: wrap;
	gap: 12rem;
}

.group-vmc-item-content-item {
	max-width: 34rem;
}

.group-vmc-item-content-item h3{
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 2rem;
}

.section-awards .swiper-control-relative{
	width: 100%;
	justify-content: end;
	padding-right: var(--sb-content-gap);
	margin-top: 5rem;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (min-width: 1701px) and (max-width: 1919px){

}

@media (min-width: 1701px) and (max-width: 1919px){

	.section-history .wrap-items{
		gap: 4.6rem;
	}

	.histoy-item .card-item-content{
		padding: 3rem;
		gap: 2rem;
		border-radius: 2rem;
	}

	.histoy-item .card-item-title{
		font-size: 3.6rem;
	}

	.section-history .swiper-control-relative{
		margin-top: 3rem;
	}

	.group-vmc-item-content{
		padding-top: 6rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 2rem;
		margin-bottom: 2rem;
	}

	.group-vmc-item-content-items{
		gap: 6rem;
	}

	.group-vmc-item-content-item{
		max-width: 30rem;
	}

	.section-awards .swiper-control-relative{
		margin-top: 3rem;
	}
}

@media (min-width: 1537px) and (max-width: 1700px){
	.section-history .wrap-items{
		gap: 4.6rem;
	}

	.histoy-item .card-item-content{
		padding: 3rem;
		gap: 2rem;
		border-radius: 2rem;
	}

	.histoy-item .card-item-title{
		font-size: 3.6rem;
	}

	.section-history .swiper-control-relative{
		margin-top: 3rem;
	}

	.group-vmc-item-content{
		padding-top: 6rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 2rem;
		margin-bottom: 2rem;
	}

	.group-vmc-item-content-items{
		gap: 6rem;
	}

	.group-vmc-item-content-item{
		max-width: 30rem;
	}

	.section-awards .swiper-control-relative{
		margin-top: 3rem;
	}
}

@media (min-width: 1401px) and (max-width: 1536px){
	.section-history .wrap-items{
		gap: 4.6rem;
	}

	.histoy-item .card-item-content{
		padding: 3rem;
		gap: 2rem;
		border-radius: 2rem;
	}

	.histoy-item .card-item-title{
		font-size: 3.6rem;
	}

	.section-history .swiper-control-relative{
		margin-top: 3rem;
	}

	.group-vmc-item-content{
		padding-top: 6rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 2rem;
		margin-bottom: 2rem;
	}

	.group-vmc-item-content-items{
		gap: 6rem;
	}

	.group-vmc-item-content-item{
		max-width: 30rem;
	}

	.section-awards .swiper-control-relative{
		margin-top: 3rem;
	}

}

@media (min-width: 1200px) and (max-width: 1440px){

	.section-history .wrap-items{
		gap: 4.6rem;
	}

	.histoy-item .card-item-content{
		padding: 3rem;
		gap: 2rem;
		border-radius: 2rem;
	}

	.histoy-item .card-item-title{
		font-size: 3.6rem;
	}

	.section-history .swiper-control-relative{
		margin-top: 3rem;
	}

	.group-vmc-item-content{
		padding-top: 6rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 2rem;
		margin-bottom: 2rem;
	}

	.group-vmc-item-content-items{
		gap: 6rem;
	}

	.group-vmc-item-content-item{
		max-width: 30rem;
	}

	.section-awards .swiper-control-relative{
		margin-top: 3rem;
	}

}

@media (min-width: 1281px) {

}

@media (min-width: 1025px) and (max-width: 1280px) {

	.swiper-slide-group {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.histoy-item .card-item-title{
		font-size: 2.8rem;
	}

	.group-vmc-item-content-items{
		gap: 3rem;
	}

}

@media (max-width: 1280px) {

}

/* Ipad */

@media (max-width: 1024px) {
	.swiper-slide-group{
		grid-template-columns: repeat(1, 1fr);
		height: 100%;
	}
	
	.card-item-excerpt.post-content.text-justify {
		max-height: 12rem;
		min-height: 12rem;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.section-history .section-head .section-title{
		margin-bottom: 2rem;
	}

	.section-history .wrap-items{
		gap: 3rem;
	}

	.histoy-item .card-item-title{
		font-size: 2.4rem;
	}

	.histoy-item .card-item-content{
		padding: 2rem 1.5rem;
		gap: 2rem;
		border-radius: 2rem;
	}

	ul.swiper-wrapper .swiper-slide{
		height: unset;
	}

	.section-history .swiper-control-relative{
		margin-top: 1rem;
	}

	.group-vmc-item-content{
		padding-top: 2rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 1.6rem;
	}

	.group-vmc-item-content-items{
		gap: 2rem;
	}

	.group-vmc-item-content-item{
		max-width: 24rem;
	}

	.group-vmc-item-content-item h3{
		font-size: 1.6rem;
		margin-bottom: 1.6rem;
		font-weight: 500;
	}

	.section-awards .swiper-control-relative{
		margin-top: 1rem;
	}

}

/* Ipad Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}


@media (max-width: 992px) {

}

@media  (max-width: 767px) {

}

@media (min-width: 481px) and (max-width: 767px) {
	.section-history .section-head .section-title{
		margin-bottom: 2rem;
	}

	.section-history .wrap-items{
		display: block;
	}

	.histoy-item .card-item-title{
		font-size: 2.4rem;
	}

	.swiper-slide-group{
		grid-template-columns: repeat(1, 1fr);
	}

	.histoy-item .card-item-content{
		padding: 2rem 1.5rem;
		gap: 2rem;
		border-radius: 1rem;
		border: none;
		background: #f2f2f2;
	}

	ul.swiper-wrapper .swiper-slide{
		height: unset;
	}

	.section-history .swiper-control-relative{
		margin-top: 1rem;
	}

	.wrap-items.group-vmc-items, .group-vmc-item:last-child .group-vmc-item-content{
		display: block;
	}

	.group-vmc-item-content{
		padding-top: 3rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 1.8rem;
		font-weight: 500;
		margin-bottom: 1.6rem;
	}

	.group-vmc-item:last-child{
		height: auto;
	}

	.group-vmc-item:last-child .group-vmc-item-content{
		position: relative;
	}

	.group-vmc-item-content-items{
		gap: 2rem;
	}

	.group-vmc-item-content-item{
		max-width: 100%;
	}

	.group-vmc-item-content-item h3{
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
		font-weight: 500;
	}

	.section-awards .swiper-control-relative{
		margin-top: 1rem;
	}
}

@media (min-width: 0px) and (max-width: 480px) {
	.section-history .section-head .section-title{
		margin-bottom: 2rem;
	}

	.section-history .wrap-items{
		display: block;
	}

	.histoy-item .card-item-title{
		font-size: 2.4rem;
	}

	.swiper-slide-group{
		grid-template-columns: repeat(1, 1fr);
	}

	.histoy-item .card-item-content{
		padding: 2rem 1.5rem;
		gap: 2rem;
		border-radius: 1rem;
		border: none;
		background: #f2f2f2;
	}

	.card-item-excerpt.post-content.text-justify {
		max-height: 14rem;
		min-height: 14rem;
	}

	ul.swiper-wrapper .swiper-slide{
		height: unset;
	}

	.section-history .swiper-control-relative{
		margin-top: 1rem;
	}

	.wrap-items.group-vmc-items, .group-vmc-item:last-child .group-vmc-item-content{
		display: block;
	}

	.group-vmc-item-content{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.group-vmc-item-content .group-vmc-item-title{
		font-size: 1.8rem;
		font-weight: 500;
		margin-bottom: 1.6rem;
		display: none;
	}

	.group-vmc-item:last-child{
		height: auto;
	}

	.group-vmc-item:last-child .group-vmc-item-content{
		position: relative;
	}

	.group-vmc-item-content-items{
		gap: 2rem;
	}

	.group-vmc-item-content-item{
		max-width: 100%;
	}

	.group-vmc-item-content-item h3{
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
		font-weight: 500;
	}

	.section-awards .swiper-control-relative{
		margin-top: 1rem;
	}
}

@media (max-width: 375px) {

}