@charset "utf-8";
/* CSS Document */

:root{
	--certify-accent: #0aa0ff;
	--certify-accent-2: #22c55e;
	--certify-ink: #0b1220;
	--certify-muted: rgba(11,18,32,.72);
	--certify-card: rgba(255,255,255,.92);
	--certify-border: rgba(255,255,255,.55);
	--certify-shadow: 0 14px 50px rgba(11,18,32,.14);
	--certify-shadow-hover: 0 22px 70px rgba(11,18,32,.18);
	--certify-radius: 18px;
}

.swiper-container{
	--swiper-theme-color: var(--certify-accent);
}

.certifyInner1,.certifyInner2,.certifyInner3,.certifyInner4,.certifyInner5{
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.certifyInner1::before,.certifyInner2::before,.certifyInner3::before,.certifyInner4::before,.certifyInner5::before{
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: inherit;
	background: radial-gradient(1200px 500px at 20% 10%, rgba(28, 87, 123, 0.2), transparent 55%),
		radial-gradient(1000px 520px at 80% 0%, rgba(23, 113, 56, 0.16), transparent 60%),
		linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
	z-index: 0;
	pointer-events: none;
}

/* .certifyInner1::after,.certifyInner2::after,.certifyInner3::after,.certifyInner4::after,.certifyInner5::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11,18,32,0) 42%, rgba(11,18,32,.74) 100%);
	z-index: 0;
	pointer-events: none;
	opacity: .92;
} */

/* .certifyInner1 > img,.certifyInner2 > img,.certifyInner3 > img,.certifyInner4 > img,.certifyInner5 > img{
	position: relative;
	z-index: 1;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 34px auto 0;
	transform: translateZ(0);
	filter: drop-shadow(0 18px 30px rgba(11,18,32,.22));
} */

/* .certifyInner1 > div,.certifyInner2 > div,.certifyInner3 > div,.certifyInner4 > div,.certifyInner5 > div{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 18px 20px 18px;
	color: #fff;
} */

.certifyInner1 h1,.certifyInner2 h1,.certifyInner3 h1,.certifyInner4 h1,.certifyInner5 h1{
	margin: 0 0 0.375rem;
	font-size: 1.5rem;
	line-height: 1.15;
	letter-spacing: .2px;
}

.certifyInner1 h3,.certifyInner2 h3,.certifyInner3 h3,.certifyInner4 h3,.certifyInner5 h3{
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: 500;
	opacity: .92;
}

.certifyInner1 p,.certifyInner2 p,.certifyInner3 p,.certifyInner4 p,.certifyInner5 p{
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	opacity: .92;
}

.certifyInner1 p + p,.certifyInner2 p + p,.certifyInner3 p + p,.certifyInner4 p + p,.certifyInner5 p + p{
	margin-top: 0.25rem;
	opacity: .88;
}

.certifyInner1 h1,.certifyInner2 h1,.certifyInner3 h1,.certifyInner4 h1,.certifyInner5 h1,
.certifyInner1 h3,.certifyInner2 h3,.certifyInner3 h3,.certifyInner4 h3,.certifyInner5 h3,
.certifyInner1 p,.certifyInner2 p,.certifyInner3 p,.certifyInner4 p,.certifyInner5 p{
	text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

.cerBlock{
	display: block;
}
.cerNone{
	display: none;
}
#certify {
	position: relative;
	width: min(75rem, calc(100vw - 3.5rem));
	margin: 0 auto;
}

#certify .swiper-container {
	padding: 0.375rem 0.625rem clamp(1.25rem, 5vh, 4.375rem);
}

#certify  .swiper-slide {
	border-radius: var(--certify-radius);
	width: min(37.5rem, 75vw);
	height: clamp(14rem, 40vw, 22.375rem);
	background: var(--certify-card);
	box-shadow: var(--certify-shadow);
	border: 1px solid rgba(255,255,255,.45);
	backdrop-filter: blur(10px);
	transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}
#certify  .swiper-slide img{
	display:block;
}

#certify .swiper-slide:hover{
	transform: translateY(-6px) scale(1.01);
	box-shadow: var(--certify-shadow-hover);
}

#certify .swiper-pagination {
	width: 100%;
	bottom: clamp(0.5rem, 2vh, 1.25rem);
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.3125rem;
	border: 1px solid rgba(255,255,255,.8);
	background-color: rgba(11,18,32,.22);
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
	transition: transform .18s ease, background-color .18s ease, width .18s ease;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 1px solid rgba(10,160,255,.85);
	background-color: rgba(10,160,255,.92);
	width: 1.375rem;
	border-radius: 999px;
}

#certify .swiper-button-prev {
	left: 0.75rem;
	top: 50%;
	transform: translateY(-55%);
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	background: rgba(255,255,255,.55);
	border: 1px solid rgba(255,255,255,.7);
	box-shadow: 0 10px 30px rgba(11,18,32,.18);
	backdrop-filter: blur(10px);
}

#certify .swiper-button-prev::after{
	content: "";
	position: absolute;
	left: 1.125rem;
	top: 50%;
	width: 0.625rem;
	height: 0.625rem;
	border-left: 2px solid rgba(11,18,32,.8);
	border-bottom: 2px solid rgba(11,18,32,.8);
	transform: translateY(-50%) rotate(45deg);
}

#certify .swiper-button-next {
	right: 0.75rem;
	top: 50%;
	transform: translateY(-55%);
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	background: rgba(255,255,255,.55);
	border: 1px solid rgba(255,255,255,.7);
	box-shadow: 0 10px 30px rgba(11,18,32,.18);
	backdrop-filter: blur(10px);
}

#certify .swiper-button-next::after{
	content: "";
	position: absolute;
	right: 1.125rem;
	top: 50%;
	width: 0.625rem;
	height: 0.625rem;
	border-right: 2px solid rgba(11,18,32,.8);
	border-top: 2px solid rgba(11,18,32,.8);
	transform: translateY(-50%) rotate(45deg);
}

#certify .swiper-button-prev:hover,
#certify .swiper-button-next:hover{
	background: rgba(255,255,255,.8);
}

#certify .swiper-button-prev:active,
#certify .swiper-button-next:active{
	transform: translateY(-55%) scale(.96);
}


#certify2 {
	position: relative;
	width: 95vw;
	margin: 0 auto;
}

#certify2 .swiper-container {
	padding: 0.375rem 0.625rem 3.75rem;
}

#certify2  .swiper-slide {
	border-radius: 16px;
	width: 85vw;
	height: 12.5rem;
	background: var(--certify-card);
	box-shadow: 0 12px 40px rgba(11,18,32,.12);
	border: 1px solid rgba(255,255,255,.45);
	backdrop-filter: blur(10px);
}
#certify2  .swiper-slide img{
	display:block;
}

/* #certify2 .certifyInner1 > img,
#certify2 .certifyInner2 > img,
#certify2 .certifyInner3 > img,
#certify2 .certifyInner4 > img,
#certify2 .certifyInner5 > img{
	margin-top: 18px;
	max-height: 108px;
} */

#certify2 .certifyInner1 h1,#certify2 .certifyInner2 h1,#certify2 .certifyInner3 h1,#certify2 .certifyInner4 h1,#certify2 .certifyInner5 h1{
	font-size: 1.125rem;
}

#certify2 .certifyInner1 p,#certify2 .certifyInner2 p,#certify2 .certifyInner3 p,#certify2 .certifyInner4 p,#certify2 .certifyInner5 p{
	font-size: 0.78125rem;
}

#certify2 .swiper-pagination {
	width: 100%;
	bottom: clamp(0.5rem, 2vh, 1.25rem);
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.3125rem;
	border: 1px solid rgba(255,255,255,.8);
	background-color: rgba(11,18,32,.22);
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 1px solid rgba(10,160,255,.85);
	background-color: rgba(10,160,255,.92);
	width: 1.375rem;
	border-radius: 999px;
}

#certify2 .swiper-button-prev {
	left: 0.625rem;
	top: 50%;
	transform: translateY(-55%);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	background: rgba(255,255,255,.58);
	border: 1px solid rgba(255,255,255,.72);
	box-shadow: 0 10px 24px rgba(11,18,32,.16);
	backdrop-filter: blur(10px);
}

#certify2 .swiper-button-prev::after{
	content: "";
	position: absolute;
	left: 1rem;
	top: 50%;
	width: 0.5625rem;
	height: 0.5625rem;
	border-left: 2px solid rgba(11,18,32,.8);
	border-bottom: 2px solid rgba(11,18,32,.8);
	transform: translateY(-50%) rotate(45deg);
}

#certify2 .swiper-button-next {
	right: 0.625rem;
	top: 50%;
	transform: translateY(-55%);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	background: rgba(255,255,255,.58);
	border: 1px solid rgba(255,255,255,.72);
	box-shadow: 0 10px 24px rgba(11,18,32,.16);
	backdrop-filter: blur(10px);
}

#certify2 .swiper-button-next::after{
	content: "";
	position: absolute;
	right: 1rem;
	top: 50%;
	width: 0.5625rem;
	height: 0.5625rem;
	border-right: 2px solid rgba(11,18,32,.8);
	border-top: 2px solid rgba(11,18,32,.8);
	transform: translateY(-50%) rotate(45deg);
}

#certify2 .swiper-button-prev:hover,
#certify2 .swiper-button-next:hover{
	background: rgba(255,255,255,.85);
}

#certify2 .swiper-button-prev:active,
#certify2 .swiper-button-next:active{
	transform: translateY(-55%) scale(.96);
}

@media (max-width: 1024px){
	#certify{
		width: min(60rem, calc(100vw - 2.5rem));
	}
	#certify .swiper-button-prev,
	#certify .swiper-button-next{
		display: none;
	}
}