.hosting_section_box{
	position: relative;
	width: 100%;
	max-width:1000px;
	margin:50px auto;
}
.hosting_section_header{
	background:var(--bs-primary);
	border-radius: 50%;
	padding:60px 30px;
	max-width:305px;
	height:300px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease-in-out 0.5s;
	box-shadow: 0 0 8px 8px #00000010;
	color:#fff
}
.hosting_section_header h2{
	font-size: 2rem;
	text-align: center;
}
.hosting_section_header:after{
	position: absolute;
	content: '-----';
	right:0;
	color:var(--bs-primary);
}
.hosting_section_item{
	background:#6f9db9;
	border-radius: 10px;
	padding:20px;
	margin-bottom:15px;
	text-align: left;
	display: flex;
	align-items: center;
	transition: all ease-in-out 0.20s;
	border: 1px solid var(--bs-primary);
	color:#fff;
}
.hosting_section_item::before{
	position: absolute;
	content: '---';
	left:0;
	z-index: -1;
	color:var(--bs-primary)
}
.hosting_section_item p{
	margin-bottom: 0;
}
.hosting_section_item:nth-child(2){
	top: 204px;
	right: 118px;
}
.hosting_section_item:nth-child(3){
	top:270px;
}
.hosting_section_box.your_benefit .hosting_section_item{
	text-align: right;
}
.hosting_section_box.your_benefit .hosting_section_item::before{
	position: absolute;
	content: '---';
	right:0;
	left: auto;
}
.hosting_section_box.your_benefit .hosting_section_header:after{
	position: absolute;
	content: '---';
	right:auto;
	left:0;
}
.hosting_section_item:hover{
	background:var(--bs-primary);
}

@media (max-width: 992px) {
	.hosting_section_header{
		height: 210px
	}
}
@media (max-width: 767px) {
	.hosting_section_header{
		height: 150px;
		width:150px;
	}
	.hosting_section_item p{
		font-size: 0.9rem;
	}
	.hosting_section_item{
		padding: 10px;
	}
	.hosting_section_header h2{
		font-size: 1.5rem;
	}
}
@media (max-width: 577px) {
	.hosting_section_header{
		margin: 0 auto 15px;
	}
	.hosting_section_header:after,.hosting_section_item::before{
		content:'';
	}
	.your_benefit .col-md-4{
		order:1;
	}
	.hosting_section_item{
		text-align: center !important;
	}
	.your_benefit .col-md-8{
		order:2;
	}
}