/**************************************article trust***********************************************************************/
.trust{
	position:absolute;	
	left: 50%;
	transform: translateX(-50%);
	top: -10rem;
	z-index:10;
	width: 86rem;
	/*height: 28.375rem;*/
	border-radius: 1.5rem;
	background: #FFF;
	filter: drop-shadow(0px 0px 40px rgba(167, 165, 166, 0.40));
	padding:2.75rem 3.69rem 2.38rem;
}

.trust__title{
	color: #068F9D;
	text-align: center;
	font-family: 'SFUIDisplay', sans-derif;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 500;
	font-weight: 600;
	line-height: normal;
	margin-bottom:2.75rem;
}
.trust__list{
	display: flex;
	justify-content:space-between;
	gap:2.81rem;
	flex-wrap:wrap;
	background: #FFF;
}
.trust__item{
	width: 17.375rem;	
	flex-shrink: 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
}
.trust__pic{
	margin-bottom:1.94rem;
}
.trust__img{
	display:block;
	width:4rem;
	height:4rem;
	fill: #068F9D;
	margin: auto;
	transition:0.3s;
}

.trust__desc{
	font-family: 'SFUIisplay', sans-serif;	
	font-style: normal;
}
.trust__subtitle{

	font-size: 1.25rem!important;
	font-weight: 600;
	line-height: normal!important;
	margin-bottom:0.88rem;
	color: #068F9D;
	transition:0.3s;
}
.trust__text{
	font-size: 1.1875rem!important;
	font-weight: 300!important;
	line-height: normal!important;
	text-align:left;
	color:#42BCC9;
	transition:0.3s;
}

.trust__item:hover .trust__subtitle,
.trust__item:hover .trust__text{
	color: #F58326;
}
.trust__item:hover .trust__img{
	fill: #F58326;
}
@media screen and (width <= 86rem){
	.trust{
		width: 90%;
		height:auto;
		position:static;		
		filter:  none;
		transform:none;		
		margin: 1.88rem auto ;
	}
	
	.trust__list{
		
		justify-content: space-around;
	}
}

@media screen and (width <= 721px){
	.trust__title{
		font-size: 1.5rem;
		line-height: 1.625rem; /* 108.333% */
		letter-spacing: 0.075rem;
	}
	.trust__list{
		flex-direction:column;
		align-items:center;
	}
	.trust__subtitle {
		font-size: 1.125rem!important;
	}
	.trust__text{	
		font-size: 0.875rem!important;
		text-align:center;
	}
}
@media screen and (width <= 385px){
	.trust__img{
		width: 3rem;
		height: 3rem;	
	}

}
@media screen and (width <= 385px){
	.trust{
		padding: 1rem;
		
		
	}
	.trust__item{
		width: 95%;
		
	}
	.trust__text{
		
	}
}