<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.runing_numbers_section {
	float: right;
	width: 100%;
    position:relative;
}
.runing_numbers_back {
	width: 100%;
    height:100%;
    position:relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.runing_numbers_items_container {
	float: right;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	background-color: rgb(255 255 255 / 0%);
}
.numbers_item {
	float: right;
	width: 21.25%;
	margin-left:5%;
}
.numbers_item:nth-of-type(4n) {
	margin-left: 0;
}
.number_shape {
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
	text-align:center;
	direction:ltr;
	display:inline-block;
}
.number_shape img {
	float: left;
	width: 220px;
	height: 220px;
	margin-left: calc(50% - 110px);
	margin-right: calc(50% - 110px);
	text-align: center;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius:0
}
.number_number_and_shape {
	width: auto;
	float: left;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: calc(50% - 30px);
	left: 0;
	right: 0px;
	z-index: 1;
}
.numbers {
	width: 100%;
	float: none;
	text-align: center;
	color: #fff;
	font-size: 45px;
	display: inline-block;
	line-height:1em;
	margin-bottom:0px;
}
.numbers_name {
	width: 100%;
	float: none;
	text-align: center;
	color: #fff;
	font-size: 21px;
	display: inline-block;
	line-height:1em;
}
.sign {
	width: auto;
	float: none;
	text-align: right;
	color: #000;
	font-size: 36px;
	font-weight: 700;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.numbers_item_text {
	padding-top: 20px;
}
/* Media Queries for Desktop
---------------------------------------------------------------*/
@media (min-width: 1438px) {
.runing_numbers_back {
	padding-top: 70px;
	padding-bottom: 70px;
}
}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
.runing_numbers_back {
	padding-top: 50px;
	padding-bottom: 50px;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media (max-width: 768px) and (min-width: 481px) {
.runing_numbers_back {
	padding-top: 30px;
	padding-bottom:  0px;
}
.numbers_item {
	float: right;
	width: 47.5%;
	margin-left:5%;
	margin-bottom:5%;
}
.numbers_item:nth-of-type(2n) {
	margin-left: 0;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media (max-width: 480px) and (min-width: 319px) {
.runing_numbers_back {
	padding-top: 30px;
	padding-bottom: 20px;
}
.numbers_item {
	float: right;
	width: 47.5%;
	margin-left:5%;
	margin-bottom:5%;
}
.numbers_item:nth-of-type(2n) {
	margin-left: 0;
}
.number_shape img {
	width: 120px;
	height: 120px;
	margin-left: calc(50% - 60px);
	margin-right: calc(50% - 60px);
}
.numbers {
	font-size: 32px;
}
.numbers_name {
	font-size: 17px;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
.runing_numbers_back {
	padding-top: 30px;
	padding-bottom: 20px;
}
.numbers_item {
	float: right;
	width: 47.5%;
	margin-left:5%;
	margin-bottom:5%;
}
.numbers_item:nth-of-type(2n) {
	margin-left: 0;
}
.number_shape img {
	width: 120px;
	height: 120px;
	margin-left: calc(50% - 60px);
	margin-right: calc(50% - 60px);
}
.numbers {
	font-size: 32px;
}
.numbers_name {
	font-size: 17px;
}
}</pre></body></html>