/*.title-color {
	color: white;
	background: linear-gradient(to right, #0040ff 5% , #002080 95%);
}

.title-btn-border {
    
    border-top: 2px solid rgba(26, 198, 255, 8.9);
    border-bottom: 2px solid rgba(26, 198, 255, 8.9);
    border-radius: 50px 0px 0px 50px;
    border-width: 0px 0px 0px 5.5px;
    border-color: rgba(26, 198, 255, 0.2) rgba(26, 198, 255, 0.9);
    box-shadow: rgba(26, 198, 255, 0.9) -5px 0px 5px 1px;

}

.btn-icon-class { 
	font-size: 1.5rem;
	color: #1ac6ff;
}

.data-icon-class { 
	font-size: 1.5rem;
	color: #ffcc00;
}

.move:hover {
	transform: translateY(-4px);
  	transition: all 0.4s ease;
  	cursor: pointer;
}



.flex-fcwcfs {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: flex-start;
}

.flex-frwcfs {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.flex-frwsbcw {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
	

/* --  moblie device  -- */

body{
	background: #0c2249 !important;
}

.line_h{
	border: 2px solid #e3f2fd !important;
}

.line_w{
	border: 2px solid #e3f2fd !important;
}

.title-btn-border{
	box-shadow: none !important;
}

.btn-icon-class{
	color: #9ce7ff !important;
}

@media all and (max-width: 575.98px) {

	

}
/* --  tablets and ipads  -- */
@media all and (min-width: 576px) and (max-width: 767.98px) {

	

}
/* --  laptops  -- */
@media all  and (min-width: 768px) and (max-width: 1199.98px) {

	

}
/* --  desktops  -- */
@media all and (min-width: 1200px) {

	
}

