.test_header{
 border-bottom-width: 7px !important;
 border-top-width: 3px !important;
 border-top-color: #fff !important;
 border-bottom-color: #ddd !important;
 height: 80px !important;
 background-color:#fff !important;
 border-bottom-style: double !important;
}

.test_header2{
 border-bottom-width: 3px !important;
 border-top-width: 3px !important;
 border-top-color: #fff !important;
 border-bottom-color: #fff !important;
 height: 80px !important;
 background-color: transparent !important;
}



.test_header_mob{
 border-bottom-width: 7px !important;
 border-top-width: 3px !important;
 border-top-color: #fff !important;
 border-bottom-color: #ddd !important;
 background-color:#fff !important;
 border-bottom-style: double !important;
}
.class_name { 
    display: flex;
    align-items:center;
    margin-top:0px !important;
}

.webix_view.webix_form{
  background-color: #edeff0;
}
.portal_login_logo{
	width:auto !important;
}
.first_bg_color{
    background-color:  #fff !important;
    border-top-width: 0px !important;
    border-top-width: 0px !important;
    border-left-width: 2px !important;
    border-left-color: #edeff0 !important;
    border-right-width: 2px !important;
    border-right-color: #edeff0 !important;
}
.about_text_points{
   padding-left: 15px !important;
   font-size:20px !important; 
   color: #666 !important;
   background-color:transparent !important;
   width:auto !important;
   height:auto !important;
}
.about_text_points_2{
   padding-left: 15px !important;
   font-size:18px !important; 
   color: #666 !important;
   background-color:transparent !important;
   width:auto !important;
   height:auto !important;
}

.services{
background: linear-gradient( rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.89) ), url('../our_services.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}

.what_we_do_general{
background: linear-gradient(to right, rgba(255,255,255,1) 50%,  rgba(255,255,255,0.4) 80%), url('../zac-ong-R4FNA3RyIHA-unsplash.webp') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}

.what_we_do_general_2{
background: linear-gradient(to right, rgba(255,255,255,1) 50%,  rgba(255,255,255,0.7) 80%), url('../zac-ong-R4FNA3RyIHA-unsplash.webp') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}
.what_we_do{
background: linear-gradient( rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.89) ), url('../pencilsketchadjusted-3864449-removebg-preview.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}

.about_us{
background: linear-gradient( rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.89) ), url('../about_us.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left center !important;
box-shadow: 0 0 8px 8px white inset !important;
}

.second_bg_color{
    background-color:  #fff !important;
    border-top-width: 0px !important;
    border-left-width: 2px !important;
    border-left-color: #edeff0 !important;
    border-right-width: 2px !important;
    border-right-color: #edeff0 !important;
}
.footer_bg_color{
    background-color: #151e20 !important;
}
.font_size_16{
    font-size: 16px !important;
}
.font_size_18{
    font-size: 18px !important;
}
.center_align
{
	text-align: center !important;
}
.right_align
{
	text-align: right !important;
}
.sharper_button.webix_el_button button{
  border-color: #1c94cf !important;
  border-width: 0px !important;
  border-bottom-width: 0px !important;
  font-size:17px !important;
  text-align: left !important;
  border-radius: 4px !important;
  color: #666 !important;
  font-weight: normal !important;
  
    background-color:transparent;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
}


.sharper_button.webix_el_button button{
	border-color:#666 !important;
	border-width:2px !important;
}

.sharper_button.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:orange;
  background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.7) 100%);
  background-repeat:no-repeat;
  background-size: 200% 100%; 
  transition:background-size 1s, background-color 1s;
  color: #fff !important;
}

.sharper_button .webixtype_base .webix_icon{
font-size:19px !important;
color: #666 !important;
}
#loading {
    position: fixed;
    height: 100%;
    width: 100%;
   
    top:0%;
    left:0%;
   opacity: 0.7;
   background-color: #000;
   z-index: 99;
   text-align: center;
}

#loading-image {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  z-index: 100;
}

.body_2_label{
   font-size:30px !important; 
   color: white !important;
   background-color:transparent !important;
   width:auto !important;
   height:auto !important;
}
.bottom_border{
  border-bottom-width: 3px !important;  
   border-bottom-color: #ddd !important;
}
span.webix_icon.font_size_25{
font-size:30px !important;
}
.right_buttons{
    margin-left: auto  !important;
    margin-right: 0  !important;
}
.sharper_button_2_mob, .sharper_button_2_mob a{
  border-width: 0px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 0px !important;
  color: white !important;
  font-weight: normal !important;
  background-color:transparent;
  display: inline-block !important;
  padding-bottom:2px !important;
  background-image: linear-gradient(#00bcbb, #00bcbb) !important;
  background-position: 0 100% !important;
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  transition:
    background-size 0.3s,
    background-position 0s 0.3s;
}


.animated.flash{-webkit-animation-duration:5s;animation-duration:5s}
.animated.flipInX{-webkit-animation-duration:3s;animation-duration:3s}


.sharper_button_2.webix_el_button button, .sharper_button_2.webix_el_button button .test_link{
  border-width: 0px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 0px !important;
  color: #000 !important;
  font-weight: normal !important;
  background-color:transparent;
  display: inline-block !important;
  padding-bottom:2px !important;
  background-image: linear-gradient(orange, orange) !important;
  background-position: 0 100% !important;
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  transition:
    background-size 0.3s,
    background-position 0s 0.3s; 
}


.sharper_button_21.webix_el_button button, .sharper_button_21.webix_el_button button .test_link{
  border-width: 0px !important;
  font-size:17px !important;
  text-align: left !important;
  border-radius: 0px !important;
  color: #000 !important;
  font-weight: normal !important;
  background-color:transparent;
  display: inline-block !important;
  padding-bottom:2px !important;
  background-image: linear-gradient(orange, orange) !important;
  background-position: 0 100% !important;
  background-size: 0% 2px !important;
  background-repeat: no-repeat !important;
  transition:
    background-size 0.3s,
    background-position 0s 0.3s;
}



.underline:hover{
cursor: pointer;
text-decoration: underline;
color: #0082c8 !important;
}
.webix_layout_toolbar.webix_toolbar.new_style{
	background: transparent !important;
	border-bottom-width: 2px;
}
.only_pointer:hover{
cursor: pointer;
}
.sharper_button_2.webix_el_button button .test_link:hover{
  background-position: 100% 100% !important;
  background-size: 100% 2px !important;
}
.sharper_button_21.webix_el_button button .test_link:hover{
  background-position: 100% 100% !important;
  background-size: 100% 2px !important;
}

.sharper_button_2 .webixtype_base .webix_icon{
font-size:19px !important;
color: #000 !important;
}
.about_text{
    background-color: #312b2c6b !important;
    border-radius: 6px !important;
}
.about_text_header{
   text-align:center !important;
   font-size:30px !important; 
   color: white !important;
   background-color:transparent !important;
   width:auto !important;
   height:auto !important;
}
.about_text_body{
   font-size:20px !important; 
   width:auto !important;
   height:auto !important;
   text-align: justify;
   text-justify: inter-word;
   padding-right:15px !important;
}

.about_text_header_mob{
   text-align: center !important;
   font-size:30px !important; 
   color: #666 !important;
   background-color: #edeff0 !important;
   width:auto !important;
   height:auto !important;
}

.no_bg{
	background-color: transparent !important;
}
.about_text_body_mob{
   font-size:20px !important; 
   color: #666 !important;
   width:auto !important;
   height:auto !important;
}
.sharper_label a{
  color: #666 !important;
  cursor: normal;
}
.sharper_label a:hover{
  color: #fff !important;
  cursor: pointer;
}

.sharper_label .webix_icon{
  color: #fff;
}
.pricing_card{
	padding-bottom: 8px;
	background: linear-gradient(.56deg,rgb(209, 221, 221) .74%,rgba(123,157,156,0) 30.46%) !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	border-radius:4px;
	border-top-width:3px !important;
}

.pricing_card2{
	padding-bottom: 8px;
	background: linear-gradient(.56deg,rgb(209, 221, 221) .74%,rgba(123,157,156,0) 30.46%) !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	border-radius:0px;
	border-top-width:2px !important;
}

.mix_service{
  	position: absolute;
	z-index: 1;
	right: 228px;
	top: 142px;
	transform: rotate(90deg) !important;
}
.mix_service2{
  	position: absolute;
	z-index: 1;
	top: 15px !important;
	height: auto !important;
	right: 15px;
}
.mix_service3{
  	position: absolute;
	z-index: 1;
	transform: rotate(90deg) !important;
	top: 65px !important;
	height: fit-content !important;
	right: -65px;
}
.about_banner{
background: linear-gradient(.56deg,rgb(209, 221, 221) .74%,rgba(123,157,156,0) 86.46%) !important;
}