.test_header{
 height: 75px !important;
 background-color: #d8d8d8 !important;/*#030a0d !important; /*#081015 !important;*/
 position: fixed;
 top: 0;
 z-index: 2;
}
.test_header_mob{
 height: 120px !important;
 background-color: #d8d8d8 !important;/*#030a0d !important; /*#081015 !important;*/
 position: fixed;
 z-index: 2;
}

.wbg > div{
  background-image: url('../images/w.webp') !important;
}
.bbg{
  background-image: url('../images/b.webp') !important;
}

.program_bg{
  /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/programs_thumbnail.webp') !important;
  /*background: url('../images/road_to_greatness.webp') !important;*/
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 50vh !important;
  animation: fadeIn 1s ease-in both;
  }
  .program_bg_mob{
    /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
    background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/programs_thumbnail.webp') !important;
    /*background: url('../images/road_to_greatness.webp') !important;*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    animation: fadeIn 1s ease-in both;
    }

.service_bg{
  /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/road_to_greatness.webp') !important;
  /*background: url('../images/road_to_greatness.webp') !important;*/
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 50vh !important;
  animation: fadeIn 1s ease-in both;
  }
  .service_bg_mob{
    /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
    background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/road_to_greatness.webp') !important;
    /*background: url('../images/road_to_greatness.webp') !important;*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    animation: fadeIn 1s ease-in both;
    }
  .service_bg2{
    background: linear-gradient(to bottom, rgb(20, 20, 20), rgba(255, 255, 255, 0.1) ), url('../images/upcoming.webp') !important;
    /*background: url('../images/road_to_greatness.webp') !important;*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    animation: fadeIn 1s ease-in both;
    }
    .service_bg3{
      background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/founders.webp') !important;
      /*background: url('../images/road_to_greatness.webp') !important;*/
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      animation: fadeIn 1s ease-in both;
      }

      .service_bg4{
        background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/programs.webp') !important;
        /*background: url('../images/road_to_greatness.webp') !important;*/
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        animation: fadeIn 1s ease-in both;
        }

        .service_bg5{
          background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/services.webp') !important;
          /*background: url('../images/road_to_greatness.webp') !important;*/
          background-size: cover !important;
          background-repeat: no-repeat !important;
          background-position: top center !important;
          animation: fadeIn 1s ease-in both;
          }

  .programs_bg{
    background: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.89) ), url('../images/programs.webp') !important;
    /*background: url('../images/road_to_greatness.webp') !important;*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100vh !important;
    animation: fadeIn 1s ease-in both;
    }





.service_1_bg{
/*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/p1.webp') !important;
/*background: url('../images/road_to_greatness.webp') !important;*/
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 50vh !important;
animation: fadeIn 1s ease-in both;
}
.service_1_bg_mob{
/*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/p1.webp') !important;
/*background: url('../images/road_to_greatness.webp') !important;*/
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
animation: fadeIn 1s ease-in both;
}


.service_2_bg{
  /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/p2.webp') !important;
  /*background: url('../images/road_to_greatness.webp') !important;*/
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 50vh !important;
  animation: fadeIn 1s ease-in both;
  }
  .service_2_bg_mob{
  /*background: linear-gradient(to top, rgba(20, 20, 20, 0.74), rgba(255, 255, 255, 0.89) ), url('../images/road_to_greatness.webp') !important;*/
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(255, 255, 255, 0.15) ), url('../images/p2.webp') !important;
  /*background: url('../images/road_to_greatness.webp') !important;*/
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  animation: fadeIn 1s ease-in both;
  }




.intro_message{
  background-color: #ffffffbd !important;/*#54545475 !important;*/
  border-radius: 6px !important;
}


.test_header_scrolled{
 height: 80px !important;
 background-color: #fff !important;
 position: fixed;
 top: 0;
 z-index: 2;
  border-bottom-width: 2px !important;
  border-bottom-color: #ddd !important;
}

.test_header_1{

 border-bottom-width: 3px !important;
 border-bottom-color: #f5de09 !important;
 height: 120px !important;
 background-color: #162d3c !important; /*#081015 !important;*/
 border-bottom-style: double !important;
}

.test_header2{
 height: 100% !important;
 background-color: transparent !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:26px !important; 
   color: #000 !important;
   background-color:transparent !important;
   width:auto !important;
   height:auto !important;
}
.about_text_points_m{
  padding-left: 0px !important;
  font-size:18px !important; 
  color: #000 !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('../images/our_services.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}

.what_we_do_general{
background-color: #1f6bad !important;
}

.what_we_do_general_mob{
background-color: #1f6bad !important;
margin-top:120px !important;
}

.what_eip{
background-color: #fff !important;
margin-top:50px !important;
}

.what_eip_mob{
  margin-top:120px !important;
  }





.vacancies{
background-color: #1f6bad !important;
margin-top:100px !important;
}

.engage_with_us{
background-color: #1f6bad !important;
/*clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 0 100%, 0 16%);*/
clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
}

.vacancies_mob{
  margin-top:120px !important;
  }
.engage_with_us_mob, .vacancies_mob{
background-color: #1f6bad !important;
}
.engage_with_us_title_m{
  font-size: 26px !important;
  color: #fff !important;
  font-weight:bold;
  }
.engage_with_us_title{
font-size: 28px !important;
color: #fff !important;
font-weight:bold;
}
.engage_with_us_content{
font-size: 18px !important;
color: #fff !important;
text-align: justify;
}



.engage_with_us_content_m{
  font-size: 16px !important;
  color: #fff !important;
  text-align: justify;
  }



.our_services_content{
  font-size: 18px !important;
  color: #000 !important;
  text-align: justify;
  }

  .our_services_content_m{
    font-size: 16px !important;
  color: #000 !important;
    }

.engage_with_us_footer{
background-color: #1f6bad !important;
/*clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 0 100%, 0 16%);*/
clip-path: polygon(100% 0, 100% 100%, 84% 100%, 100% 0);
}








.justify{
text-align: justify;
}



.job_description{
font-size: 16px !important;
color: #fff !important;
text-align: justify;
}



.what_we_do_general_2{
background: linear-gradient(to bottom, rgba(255,255,255,1) 5%,  rgba(255,255,255,0.4) 90%), url('../images/imgonline-com-ua-twotoone-K5tnw9uh7a8vc4.jpg') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
border-width: 0px !important;

}
.together_title{
font-size: 36px !important;
color: #000 !important;
font-weight:bold;
}
.together_title_mob{
font-size: 26px !important;
color: #000 !important;
font-weight:bold;
}
.together_content{
font-size: 26px !important;
color: #fff !important;
text-align: justify;
}
.together_content_mob{
font-size: 18px !important;
color: #fff !important;
text-align: justify;
}
.together_image{
overflow: visible !important;
}

.notoppadding{
  padding: 20px 100px 0px 100px !important;
}

.notoppadding_b{
  padding: 0px 100px 100px 100px !important;
}


.orange_circle{
background: url('../images/orange_circles.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
}


.second_image{
background: url('../images/second_image.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}


.first_image{
background: url('../images/together_we_innovate.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}


.first_image_mob{
background: url('../images/together_we_innovate.webp') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 300px !important;
width: auto !important;
}
.second_image_margin{
margin-top: -190px !important;
padding-bottom:0px;
}
.third_image_margin{
margin-top: -135px !important;
padding-bottom:0px;
}
.fadeindown{
animation: fadeInDown 1s ease-in both;
}


.what_eip_title{
font-size: 28px !important;
color: #000 !important;
font-weight:bold;
}
.what_eip_content{
font-size: 18px !important;
color: #000 !important;
text-align: justify;
}

.pull_up{
margin-top:-120px !important;
}
.pull_up_20{
margin-top:-50px !important;
z-index: 1;
position: relative !important;
padding-left:50px;
padding-top:0px;
}


.testhi{
height: 35vh !important;
line-height: 35vh;
font-size: 36px !important;
color: #fff !important;
}


.what_we_do{
background: linear-gradient( rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.89) ), url('../images/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('../images/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-width: 0px !important;
    margin-top:100px !important;
}


.about_p{
  font-size: 20px !important;
  color: #fff !important;
  background: #ffffff1a !important;
  border-radius: 4px !important;
  letter-spacing: 2px;
}


.program_title{
  font-size:32px !important;
  font-style: italic;
  border-width: 0px;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 2px;
}

.program_details_container{
  background: #ffffff9c !important;
  border-radius: 4px !important;
}

.program_details{
  font-size: 17px !important;
  color: #000 !important;
}
.program_details_note{
  font-size: 16px !important;
  color: #666 !important;
}



.right_nav{
	padding-right:30px;
}

.footer_bg_color{
    background-color: #edeff0 !important;
    color:#000 !important;
}


.font_size_16{
    font-size: 16px !important;
}
.font_size_18{
    font-size: 18px !important;
}
.font_size_20{
    font-size: 20px !important;
}
.center_align
{
	text-align: center !important;
}
.right_align
{
	text-align: right !important;
}




.second_image {
    pointer-events: none; /* disables the hover on the .parent                 */
}
.second_image:hover {           /* styles for parent element when hover is on .child */
    background: url('../images/orange_circles.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    /*animation: flash 1s ease-in both;*/
    animation: fadeIn 0.15s ease-in both;
}
.second_image .test_trigger {
    pointer-events: auto; /* enables the hover on the .parent                  */
}






.sharper_button{
  border-color: #fff !important;
  border-width: 2px !important;
  font-size: 18px !important;
  text-align: center !important;
  border-radius: 0px !important;
  color: #fff !important;
  background-color: transparent;
  background-size: 0% 100%;
  border-radius: 4px;
  transition: background-color .5s;
  letter-spacing: 2px;
  line-height: 43px;
}



.sharper_button:hover{
  border-width: 0px !important;
  background-color:transparent;
  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: #000 !important;
  cursor: pointer;
  background-color: #fff;
}










.footer_section{
clip-path: polygon(0 0, 100% 0, 100% 88%, 75% 100%, 44% 95%, 14% 82%, 0 100%);
}

.sharper_button.webix_el_button button{
  border-color: #1f1f1d !important;
  border-width: 3px !important;
  font-size:18px !important;
  text-align: center !important;
  font-style: italic;
  border-radius: 7px !important;
  color: #000 !important;
  font-weight: normal !important;
  background-color:#fff9;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
  letter-spacing: 2px;
}



.sharper_button.webix_el_button button:hover{
  border-color: #d60c0d !important;
  border-width: 3px !important;
  background-color:transparent;
  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: #000 !important;
  font-weight: bold !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;
}
.bottom_border_red{
  border-bottom-width: 3px !important;  
   border-bottom-color: #d70c0d !important;
   border-left-width: 0px !important;
   border-right-width: 0px !important;
   border-top-width: 0px !important;
   border-radius: 0px !important;
}

.bottom_border_1px{
  border-bottom-width: 1px !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;
  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;
  text-align: center !important;
  border-radius: 0px !important;
  color: #000 !important;
  font-weight: normal !important;
  background-color:transparent;
  display: inline-block !important;
  background-image: linear-gradient(90deg,#65aad7,#162d3c);
  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;
  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;
}

.only_pointer_logo img:hover{
cursor: pointer;
}


.sharper_button_2.webix_el_button button{
cursor: default;
}
.sharper_button_2.webix_el_button button:focus{
box-shadow:#fff 0px -2px 5px 1px !important;

}
.sharper_button_2.webix_el_button button .test_link:hover{
  background-position: 100% 100% !important;
  background-size: 100% 2px !important;
  cursor: pointer;
}

.my_account_list .webix_list_item:hover {
  background-color: #1f6bad !important;
  color: #fff;
  transition:background-color 0.5s;
}


.my_account_list_menu .webix_list_item{
  text-align: center !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;
width: 0px !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:50px !important;
   background-color:transparent !important;
}

.about_text_header_mob{
   text-align: center !important;
   font-size:30px !important; 
   color: #fff !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{
  color: #000 !important;
  cursor: normal;
  text-decoration: none;
  line-height: 120px;
}
.sharper_label:hover{
  color: #000 !important;
  cursor: pointer;
  text-decoration: underline;
}

.sharper_label .webix_icon{
  color: #fff;
}




.sharper_label_footer a{
  color: #fff !important;
  cursor: normal;
  text-decoration: none;
}
.sharper_label_footer a:hover{
  color: #fff !important;
  cursor: pointer;
  text-decoration: underline;
}

.sharper_label_footer .webix_icon{
  color: #fff;
}







.sharper_label2{
  color: #fff !important;
  cursor: normal;
  text-decoration: none;
}
.sharper_label2 span:hover{
  color: #fff !important;
  cursor: pointer;
  text-decoration: underline;
}



.menu_item{
vertical-align: middle;
padding-top: 10.5%;
}



.sharper_label_right{
  color: #fff !important;
  cursor: normal;
  text-decoration: none;
  line-height: 120px;
}
.sharper_label_right span:hover{
  color: #fff !important;
  cursor: pointer;
  text-decoration: underline;
}

.sharper_label_right .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;
}
.left_border{
  border-left-width: 2px !important;  
   border-left-color: #ddd !important;
}
.bottom_border_footer{
   border-width: 0px !important;  
   border-top-width: 2px !important;  
   border-top-color: #ddd !important;
}
.sitemap_item a{
	color: #666 !important;
}
.sitemap_item a:hover{
	color: #fff !important;
}


.padding_right{
padding-right: 15px;
}

.cario_font{
font-family: "Cairo", serif !important;
}

/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v10/SLXGc1nY6HkvalIkTpu0xg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v10/SLXGc1nY6HkvalIvTpu0xg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v10/SLXGc1nY6HkvalIhTps.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.test_bu.webix_el_button button{
	border-color: #666 !important;
	border-width: 2px !important;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	color: #000;
	background-color: #ffffff7d;
	font-size: 18px;
	line-height: 50px;
	border-radius: 20px !important;
	
}

.test_bu.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#242428;
  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;
}



.second_section{
/*margin-top: -180px !important;*/
/*background-color: transparent !important;*/
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 20%,  rgba(255,255,255,0.4) 90%), url('../ruben-garcia-R-wQExeiGrc-unsplash.jpg') !important;
}

.second_section_second_down{
background: linear-gradient(to top, rgba(22,45,60,1) 5%,  rgba(255,255,255,0.4) 90%), url('../annie-spratt-QckxruozjRg-unsplash.jpg') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}

.youtube_container{
justify-content: center;
background-color: transparent !important;
margin-top: -38px !important;
}

.youtube_bg{
background-color: #edeff0 !important;
border-width: 5px !important;
border-radius: 30px;
}

.youtube{
	height: 197px;
	width: auto;
	border-width:5px;
}

.youtube img{
	width: 350px !important; 
	height:100% !important;
	border-radius: 24px;
	object-fit: cover;
	cursor: pointer !important; 
	transition: transform 1.5s; /* Animation */
	opacity: 0.8;
}
.youtube img:hover {
  transform: scale(1.07);
  opacity: 1;
}




.collaps_expand:hover{
cursor: pointer; 
}


.over_section{
z-index: 3;
position: relative !important;
}


.description_bg{
	background-color: #ffffff9e !important;
	border-radius: 6px;
	color: #000 !important;
	margin-top:0 !important;
	font-size: 18px !important;
	margin-bottom: 15px;
}


.trainer_container{
	justify-content: center;
}

.trainer_bg{
background-color: #edeff0 !important;
border-width: 1px !important;
border-radius: 10px;
}

.trainer_image{
	width: 200px !important; 
	height:200px !important;
	object-fit: cover;
	cursor: pointer !important; 
	transition: transform 1.5s; /* Animation */
	opacity: 0.8;
	scale:1.1;
}
.trainer_image:hover {
  transform: scale(1.05);
  opacity: 1;
}


.underline_white:hover{
cursor: pointer;
text-decoration: underline;
color: #fff !important;
}




.trainer_bg{
background-color: #edeff0 !important;
border-width: 0px !important;
}

.trainer_image_div{
	width: 200px !important; 
	height:200px !important;
	/*cursor: pointer !important; */
	transition: transform 1.0s; /* Animation */
	-webkit-transform: scale(0.9);
  transform: cale(0.9);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.9;
}
.trainer_image_div:hover {
  transform: scale(1.0);
  opacity: 1;
}


.underline_info b:hover{
  cursor: pointer;
  text-decoration: underline;
  }


  .trainer_image_div_in{
    width: 350px !important; 
    height:200px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }



.consultant_card_image{
	background-color: transparent !important;
	border-radius: 4px;
	border-color: #ddd !important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bio:after{
/*background-image: linear-gradient(90deg,#00b5a9,#01637f);*/
background-image: linear-gradient(90deg,#65aad7,#162d3c);
content: "";
display: block;
height: 5px;
position: relative;
width: 70px;
border-radius: 100px;
margin: 10px 0 20px;
}

.skills:after{
/*background-image: linear-gradient(90deg,#00b5a9,#01637f);*/
background-image: linear-gradient(90deg,#65aad7,#162d3c);
content: "";
display: block;
height: 5px;
position: relative;
width: 35px;
border-radius: 100px;
margin: 10px 0 20px;
}


.testi:after{
/*background-image: linear-gradient(90deg,#00b5a9,#01637f);*/
background-image: linear-gradient(90deg,#65aad7,#162d3c);
content: "";
display: block;
height: 5px;
position: relative;
width: 100px;
border-radius: 100px;
margin: 10px 0 20px;
}
.youtube_container_in{
justify-content: center;
background-color: transparent !important;
}

.youtube_bg_in{
background-color: #edeff0 !important;
border-width: 5px !important;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pricing_summary{
background-color: transparent !important;
border-width: 5px !important;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.book_now.webix_el_button button{
	border-color: #fff !important;
	border-width: 2px !important;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	color: #fff;
	background-color: #434d5294;
	font-size: 18px;
	line-height: 30px;
	border-radius: 10px !important;
	
}

.book_now.webix_el_button button:hover{
  border-color: #fff !important;
  border-width: 2px !important;
  background-color:#242428;
  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;
}













.webix_layout_toolbar.webix_toolbar, .webix_layout_toolbar.webix_toolbar .webix_el_box .webix_img_btn_abs:hover{
background: transparent !important;
}
.webix_window {
  position: absolute;
  box-shadow: 3px 3px 4px #c8c8c8;
  animation: fadeIn 0.25s ease-in both;
}

.arabic_font .webixtype_base, .arabic_font{
font-family: "Cairo", serif !important;
}


.partner_logo{
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
background-color: #666 !important;
}



.sharper_button_portal.webix_el_button button{
  border-color: #666 !important;
  border-width: 1px !important;
  font-size:17px !important;
  text-align: center !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_portal.webix_el_button button:hover{
  border-color: #666 !important;
  border-width: 1px !important;
  background-color:#f5aa05;
  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;
}


.menu_list_ar .webix_list_item {
  font-size:18px !important;
  margin:20px;
  direction: rtl !important;
  text-align: right !important;
  font-family: "Cairo", serif !important;
  }



.menu_list .webix_list_item {
font-size:18px !important;
margin:20px;
}
.menu_list .webix_list_item.webix_selected{
background-color: #1f6bad !important;
  color: #fff;
  transition:background-color 0.5s;
}


.challenge_image{
background-color: #edeff0 !important;
border-width: 2px !important;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
height:100%;
}




.rtl{
  direction: rtl !important;
  font-family: "Cairo", serif !important;
}
.arabic_font .webixtype_base{
  font-family: "Cairo", serif !important;
}

.sharper_button_wbg.webix_el_button button{
  border-color: #000 !important;
  border-width: 2px !important;
  font-size:17px !important;
  text-align: center !important;
  border-radius: 4px !important;
  color: #000 !important;
  font-weight: normal !important;
  
    background-color:transparent;
  background-size: 0% 100%;
  border-radius:4px;
  transition: background-color .5s;
}



.sharper_button_wbg.webix_el_button button:hover{
  border-color: #000 !important;
  border-width: 2px !important;
  background-color:#f5aa05;
  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_wbg .webixtype_base .webix_icon{
font-size:19px !important;
color: #666 !important;
}

.resource_bg{
background-color: #f5f5f5c9 !important;
}

body { 
  overflow: scroll !important;
}

.blue_bg{
  background-color: #1f6bad !important;
}
.gray_bg{
    background-color: #838383 !important;
}

.white_bg{
  background-color: #fff !important;
}

.black_bg{
  background-color: #000 !important;
}

.cardio_bg{
  background: linear-gradient( rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.89) ), url('../images/440942964_750588900586781_7072786019179793734_n.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  }


  .bio:after{
    /*background-image: linear-gradient(90deg,#00b5a9,#01637f);*/
    background-image: linear-gradient(90deg,#20201e,#d70c0d);
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 120px;
    border-radius: 100px;
    margin: 10px 0 20px;
    }


    .consultant_card_image{
      background-color: transparent !important;
      border-radius: 4px;
      border-color: #ddd !important;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .services_padding{
      justify-content: center !important;
    }

    .webix_view.webix_form {
      background-color: #141414 !important;
    }

    @font-face {
      font-family: standerd;
      src: url('helvetica-255/Helvetica.ttf');
    }
    .standerd_font{
      font-family: standerd !important;
    }

    .trainer_bg962{
      background-color: #edeff0 !important;
      border-width: 0px !important;
      border-radius: 500px;
      }

      .trainer_bg962p{
        background-color: #edeff0 !important;
        border-width: 0px !important;
        border-radius: 10px;
        }
        .trainer_image_div_in962pm{
          /*width: 300px !important; */
          height:250px !important;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .trainer_image_div_in962p{
          width: 350px !important; 
          height:250px !important;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
        }
      .trainer_image_div_in962{
        width: 200px !important; 
        height:200px !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .consultant_card_image962{
        background-color: #14141463 !important;
        border-radius: 4px;
        border-color: #ddd !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      }

.webix_el_text input, .webix_el_textarea textarea{
  background: transparent;
  line-height: 60px;
  font-size: 24px;
}
.cookies{
  position:fixed;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  cursor: pointer;
}