.title-font{font-family: 'Bebas Neue', sans-serif; line-height:1;}
.xlg-font{font-size:4rem;}
.lg-font{font-size:3rem;}
.md-font{font-size:2rem;}

.visions{
    position:relative; 
    padding: 50px 20px; 
    color:#fff; 
    background-color: #777; 
    background: radial-gradient(ellipse at top, #d1d1d1, #919090), radial-gradient(ellipse at bottom, #ccc, #858585); 
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    width:100%;
    min-height:130px;
}
.visions:after{content:""; background-image: url('../../images/mask-w.png'); position: absolute; top:0; right:0; width:120px; height:100%;}
.visions .title{position:absolute; top:-20px; left:0; min-width:120px; font-weight:600; color:var(--primary); background:var(--secondary); padding:10px 20px; }
.visions .content{max-width:450px;font-size: 1.3rem;}
.img-top-offset{position:relative; width:100%; margin-top:0px;}
.img-top-offset:after{content:""; position:absolute; top:0; left:0; width:100%; background-color:var(--primary); height:50%; z-index:-1;}
.img-top-offset img{position: relative; z-index:5;}

/*---titles---*/
.titles, .titles-center{display: block; max-width:700px; padding:10px 0; margin:10px 0;}
.titles .tag, .titles-center .tag{font-size:0.9rem; color:var(--secondary); font-family:'rangesans-bold', 'sans serif'; text-transform: uppercase;}
.titles h2, .titles-center h2{line-height:1.1; font-size: 2rem; padding:8px 0;}
.titles p, .titles-center p{color:#777;line-height:1.1;}
.titles-center{text-align:center; margin: 10px auto;}
/*---Services page---*/
.service-block{ display:block; width:100%; min-height:200px; padding:20px 0px; padding: 20px; margin: 10px 0; transition:all 0.4s ease-in-out;}
.service-block .icon{position:relative; color: var(--secondary); font-size:2.2rem; padding:10px 0; transform:scale(1); transition:all 0.4s ease-in-out;}
.service-block h3{ font-size:1.6rem; padding:5px 0;}
.service-block p{color:#777; line-height:1.1;}
.service-block a{display:inline-block; text-decoration:none; color:var(--secondary); font-size: 1rem; border-bottom:1px solid var(--secondary); padding:5px 2px;}
.service-block a i{font-size:0.8rem;}
.service-block:hover{box-shadow: 1px 1px 3px #ddd; border-radius: 10px; background-color: #f9f9f9; transition:all 0.4s ease-in-out;}
.service-block:hover .icon{transform:scale(1.3); transition:all 0.4s ease-in-out;}
/*------------------*/
/*----table wrapper----*/
.table-wrap{border: 1px solid #ddd; padding: 15px; border-radius: 10px;}
/*-----features boxes-----*/
.f1-box{border:1px solid #eee; border-radius: 8px; padding:20px; box-shadow: 2px 2px 6px #eee;}

/*--------data status------*/
.dt-up, .dt-0, .dt-down{position:relative; padding-left:15px;font-weight: 600;}
.dt-up{color: #00AA11;}
.dt-0{color: #FFB703; padding-left: 20px;}
.dt-down{color: #FF0000;}
.dt-up:before, .dt-0:before, .dt-down:before {position:absolute; left:0; top:50%; transform:translateY(-50%); }
.dt-up:before{content: '⏶';}
.dt-0:before{content:'◄►'; font-size:0.65rem;}
.dt-down:before{content: '⏷';}
/*---------------------------*/
/*---------number-----------*/
.numbers{display:block; color:#828181;}
.numbers .count{color: #0A234D; font-size: 3rem;}
/* jconveyorticker-- */
.wrap {
	padding: 5px 10px 5px;
	margin: 0;
	min-height: 30px;
	max-height: 70px;
	white-space: nowrap;
	width:100%;
	overflow:hidden;
  }
 .jctkr-label {
	color: #b5b5b5;
	cursor: default;
	background: var(--secondary);
	margin-top: 2px;
	border-radius: 4px 0 0 4px;
	position: relative;
    z-index: 999;
    padding: 12px;
 }
.fx1{display: block;}
.fx2{display: none;}
.jctkr-wrapper {
    height: 35px;
    vertical-align: middle;
    margin-top: 10px;
    color:#fff;
}
.jctkr-wrapper ul li {
    padding:0 15px;
    font-size: 18px;
}
/* -------- */
.slick-arrow{display:none !important;}
.btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y: 0.01rem;}

@media(max-width:480px){
    .fx1{display: none;}
    .fx2{display: block;}
}