body{
	background-color: #f2f8ff;
}

.banner-section{

	position:relative;

}

.banner-section img{

	width:100%;

}

.banner-section p{

	margin:0;

}
.banner-section .swiper-slide{
	border-radius: 1.2rem;
	overflow: hidden;
}
.banner-section .swiper-slide:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;left: 0;right: 0;bottom: 0;
	background: linear-gradient(180deg, transparent 30%, #000 100%), linear-gradient(0deg, rgb(from #000 r g b / 30%) 0%, rgb(from #000 r g b / 30%) 90%);
	z-index: 1;
}
.banner-section .swiper-slide img.banner-img{

	width:100%;

	height:auto;

	min-height:100%;

	transition:1s linear 2s;

	aspect-ratio: 1920 / 988;
	object-fit: cover;

}



.banner-section.d-block .swiper-slide img.banner-img{

	aspect-ratio: 900 / 963;

}

.banner-section .banner-box .text-logo-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -120%);
	z-index: 2;
	max-width: 80%;
	width: 60rem;
}
.banner-section .banner-box .text-logo{
	max-width: 100%;
}

.banner-section .text-box{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -10%);
	z-index: 3;
	color: #fff;
}
.banner-section .text-box .txt-area{
	padding-left: 2rem;
	position: relative;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.banner-section .text-box .txt-area:before{
	content: "";
	background:url('../images/global.png') no-repeat center center / 100% 100%;
	width: 1.3rem;
	height:1.3rem;
	position: absolute;
	top:1px;
	left:0;
}

.banner-section .text-box .txt-hero{
	line-height: 1.1;
	margin-bottom: 1.5rem;
	font-size:3.75rem;
	font-weight:600;
}

.banner-section .text-box .txt-content{
	margin-bottom: 1.5rem;

}


.banner-section .text-box .text-card-box{
	background-color:#FFFFFF1A;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	color:#fff;
	border-radius: 1.25rem;
	padding:1.875rem;
}

.banner-section .text-box .text-card-box .txt-card-title-box{
	padding-bottom: 1.875rem;
	display: flex;
	border-bottom: 1px solid #ffffff1a;
	margin-bottom: 1.875rem;
}
.banner-section .text-box .text-card-box .txt-card-title-box .txt-card-title{
	font-size:1.375rem;
	font-weight: 500;
	flex:2;
}
.banner-section .text-box .text-card-box .txt-card-title-box .txt-card-logo{
	display: flex;
	align-items: center;
	flex:1;
}
.banner-section .text-box .text-card-box .txt-card-title-box .txt-card-logo img{
	max-width: 80%;
	width:8rem;
	height:auto;
}

.banner-section .text-box .text-card-box .txt-card-info-box{
	line-height: 1.5;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-card-info{
	font-size:1rem;
	margin-bottom: 1.875rem;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box{
	background-color:#ffffff1A;
	border-radius: 1.25rem;
	padding:1.25rem;
	display: flex;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item{
	flex:1;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item:first-child{
	border-right:1px solid #ffffff1a;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item:last-child{
	padding-left:1.5rem;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item .txt-sub-card-item-number{
	font-size:2.5rem;
	font-weight: bold;
}
.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item .txt-sub-card-item-title{
	margin-top:.5rem;
}

@media only screen and (max-width: 1900px){
	.banner-section .swiper-slide img.banner-img{
		aspect-ratio: 1600 / 953;
	}
	.banner-section .text-box{
		transform:translate(-50%, -15%);
	}
	.banner-section .banner-box .text-logo-box{
		width: 50rem;
	}


}


@media only screen and (max-width: 767px){
	.banner-section .swiper-slide img.banner-img{
		aspect-ratio: 430 / 890;
	}


	.banner-section .banner-text{

		position: relative;

	    top: auto;

	    left: auto;

	    transform: unset;

	    margin: 2rem auto;

	}

	.banner-section .banner-text .bt-title,

	.banner-section .banner-text .bt-text{

		text-align: center;

    	text-shadow: none;

    	color:var(--bs-link-color);

	}

	.banner-section .btn-outline-primary{

		border-color:var(--bs-theme-color);

		background-color:var(--bs-theme-color);

		margin:0 auto;

	}

	.banner-section .swiper-wrapper{

		overflow:hidden;

	}

	.banner-section .swiper-slide{
		border-radius: 0;
	}

	.banner-section .text-box {
		top:14rem;
		transform: translate(-50%, 0);
	}
	.banner-section .text-box .txt-hero{
		font-size:1.75rem;
	}

	.banner-section .banner-box .text-logo-box{
		top:8rem;
		transform: translate(-50%, 0);
	}
	.banner-section .text-box .txt-content,
	.banner-section .text-box .txt-hero,
	.banner-section .text-box .txt-area{
		margin-bottom:1rem;
	}

	.banner-section .text-box .text-card-box{
		padding: 1rem;
		margin-top:1rem;
	}
	.banner-section .text-box .text-card-box .txt-card-title-box .txt-card-title{
		font-size: 1.1rem;
		flex:1;
	}
	.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item .txt-sub-card-item-number{
		font-size:1.5rem;
	}
	.banner-section .text-box .text-card-box .txt-card-title-box .txt-card-logo{
		justify-content: center;
	}
	.banner-section .text-box .text-card-box .txt-card-title-box{
		padding-bottom:1rem;
		margin-bottom:1rem;
	}
	.banner-section .text-box .text-card-box .txt-card-info-box .txt-card-info{
		margin-bottom:1rem;
	}
	.banner-section .text-box .text-card-box .txt-card-info-box .txt-sub-card-box .txt-sub-card-item .txt-sub-card-item-title{
		font-size:0.875rem;
	}

}