/*** 

====================================================================
	Counter One
====================================================================

***/

.counter-one{
	position: relative;
	z-index: 10;
}

.counter-one .inner-container{
	position: relative;
	margin-top: -71px;
	padding-right: 220px;
	padding-left: var(--padding-left-80);
	background-color: var(--white-color);
}

.counter-block_one{
	position: relative;
}

.counter-block_one-inner{
	position: relative;
	display: flex;
	align-items: center;
	padding: 45px 0px 45px 0px;
}

.counter-block_one_counter{
	position: relative;
	line-height: 1em;
	font-weight: 600;
	color: var(--color-two);
	font-size: var(--font-48);
	margin-right: var(--margin-right-10);
}

.counter-one_button{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.counter-one_conversation{
	position: relative;
	text-align: center;
	padding: 50px 35px;
	font-weight: 500;
	color: var(--white-color);
	font-size: var(--font-16);
	text-transform: uppercase;
	background-color: var(--main-color);
}

.counter-one_conversation:hover{
	color: var(--white-color);
	background-color: var(--color-two);
}

@media only screen and (max-width: 1540px){
	
	
	
}

@media only screen and (max-width: 1450px){
	
	
	
}
	
@media only screen and (max-width: 1340px){

	.counter-one .inner-container{
		padding-left: var(--padding-left-30);
	}
	
}

@media only screen and (max-width: 1200px){
	
	.counter-block_one_counter{
		font-size: var(--font-36);
	}

	.counter-one_conversation{
		padding: 45px 35px;
	}

}

@media only screen and (max-width: 1140px){
	
	.counter-block_one_counter{
		font-size: var(--font-24);
	}

}

@media only screen and (min-width: 768px){
	
	
	
}

@media only screen and (max-width: 1023px){
	
	.counter-block_one-inner{
		padding: 25px 0px 25px 0px;
	}
	
}

@media only screen and (max-width: 900px){
	
}

@media only screen and (max-width: 767px){
	
	.counter-one .inner-container{
		padding-right: var(--padding-zero);
	}

	.counter-one_button{
		position: relative;
		width: 100%;
	}

	.counter-one_conversation{
		width: 100%;
	}

	.counter-one .inner-container{
		padding-left: var(--padding-zero);
	}

	.counter-block_one-inner{
		display: block;
		text-align: center;
	}

	.counter-block_one_counter{
		margin-right: var(--margin-zero);
		margin-bottom: var(--margin-bottom-15);
	}

}

@media only screen and (max-width: 599px){
	
	counter-block_one_text br{
		display: none;
	}

}

@media only screen and (max-width: 479px) {
	
	

}