.bi-systems-how-to-connect__wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(480px,1fr));
	color: var(--bi-systems__header-color);
	gap: 30px;
	margin-top:50px;
	margin-bottom:50px;
}

.bi-systems-how-to-connect__item--orange{
	background-color: rgba(255, 135, 39, 1);
	color:rgba(255, 255, 255, 1);
	padding:30px 30px 30px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: background-color 0.3s ease-in-out;
	cursor: pointer;
}
.bi-systems-how-to-connect__item--orange:hover{
	background-color: rgb(243 129 39);
}

.bi-systems-how-to-connect__item{
	padding: 25px 30px 25px 30px;
	border-radius: 10px;
	border:2px solid rgba(255, 135, 39, 1);
	position: relative;
}

.bi-systems-how-to-connect__title{
	font-size: 32px;
	font-weight: 600;
	margin-bottom:15px;
	width: 70%;
}

.bi-systems-how-to-connect____number{
	color: rgba(247, 247, 247, 1);
	font-size: 10rem;
	font-weight: 600;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.bi-systems-how-to-connect__orange-title{
	font-size: 24px;
	width: 100%;
	margin-bottom: 0px;
	cursor: pointer;
}

.bi-systems-how-to-connect__description{
	font-size: 20px;
}
@media(max-width: 1300px){
	.bi-systems-how-to-connect__description{font-size: 18px;}
	.bi-systems-how-to-connect__title{font-size: 23px;}
	.bi-systems-how-to-connect____number{font-size: 8rem;}
}
@media(max-width: 1100px){
	.bi-systems-how-to-connect____number{font-size: 6rem;}
	.bi-systems-how-to-connect__orange-title{font-size: 18px;}
}

@media(max-width: 640px){
	.bi-systems-how-to-connect__wrapper{
		gap:10px;
		margin-top:30px;
		margin-bottom:30px;
		grid-template-columns: 1fr;
	}
	.bi-systems-how-to-connect__title{font-size: 18px;width: 100%;}
	.bi-systems-how-to-connect__description{font-size: 16px;}
	.bi-systems-how-to-connect__item{padding: 15px;}
	.bi-systems-how-to-connect__orange-title{font-size: 16px;}
	.bi-systems-how-to-connect____number{font-size: 5rem;}
}