/* !
Theme Name: Algokbio Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development..
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

@font-face {
  font-family: "Cosmata-Bold";
  src: url('/wp-content/uploads/Fonts/CosmataBold/font.woff2') format('woff2'), url('webFonts/CosmataBold/font.woff') format('woff');
}
@font-face {
  font-family: "URWForm-Demi";
  src: url('/wp-content/uploads/Fonts/URWFormDemi/font.woff2') format('woff2'), url('webFonts/URWFormDemi/font.woff') format('woff');
}
@font-face {
  font-family: "URWForm-Regular";
  src: url('/wp-content/uploads/Fonts/URWFormRegular/font.woff2') format('woff2'), url('webFonts/URWFormRegular/font.woff') format('woff');
}
@font-face {
  font-family: "URWForm-RegularItalic";
  src: url('/wp-content/uploads/Fonts/URWFormRegular-Italic/Italic.woff2') format('woff2'), url('webFonts/URWFormRegular-Italic/Italic.woff') format('woff');
}

body{font-family: 'URWForm-Demi', 'Arial', 'sans-serif'; font-synthesis: none; opacity: 1; z-index: 1;}

h1,h2,h3,h4,h5{font-family: 'Cosmata-Bold', 'Arial', 'sans-serif'; font-weight: 700;}
h6{font-family: 'URWForm-Demi', 'Arial', 'sans-serif'; font-weight: 500;}
p{font-family:  'URWForm-Regular','Arial','sans-serif'; font-weight: 400;}
.font_style strong { font-family:'URWForm-Demi', 'Arial', 'sans-serif' !important;}
.font_style em { font-family: 'URWForm-RegularItalic', 'Arial', 'sans-serif' !important;}


/* Menu css start*/
.main_menu span.menu-item-text {color: #ffffff; padding-bottom: 5px;}
.main_menu li{font-family: 'Cosmata-Bold', 'Arial', 'sans-serif';}
/* Menu CSS end */
/* Header css start */
.white_bg_header .transparent_logo { display: none;}
.white_bg_header li span.menu-item-text { color: #626161;}
.transparent_header .white_logo {  display: none;}
.white_bg_header .main_header .fl-row-content-wrap { padding-top: 0px;}
.white_bg_header .main_header .fl-row-content {
    background-color: #ffffff;
    padding: 17px 0px 17px 25px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.white_bg_header li.current-menu-item span.menu-item-text ,.single-post li#menu-item-46 span.menu-item-text{
    z-index: 1;
    position: relative;
    background-image: linear-gradient(269deg, #249473 100%, #16a362 0%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.white_bg_header li.current-menu-item:before ,.single-post li#menu-item-46:before{
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-width: 1px;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 55px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(269deg, #249473 100%, #16a362 0%);
    border-image-slice: 0;
    pointer-events: none;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #249473,#16a362);
}
.white_bg_header .fl-module-uabb-advanced-menu .uabb-creative-menu .menu > li > a { padding: 7px 16.5px 7px 14.3px;}
.white_bg_header .menu > li {   
    margin-left: -4px !important;
    margin-right: 9px !important;
}
/* Footer CSS start 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer_logo_col h6.uabb-infobox-title {
    background-image: linear-gradient(to left, #249473 83%, #15a361 -13%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     transition: all 0.3s linear !important;
}
.news_slider .fl-post-carousel-post:hover  h2.fl-post-carousel-title a{
    background-image: linear-gradient(to left, #249473 83%, #15a361 -13%);
    background-size: 100%;
    -webkit-background-clip: text;   
     transition: all 0.3s linear !important;
}
.footer_logo_col .uabb-infobox:hover h6.uabb-infobox-title {
    background-image: linear-gradient(269deg, #169DDB 12%, #16A362 86%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}
.footer_logo_col .uabb-icon i.algokbio-icon-phone, 
.footer_logo_col .uabb-icon i.algokbio-icon-email {
    background: linear-gradient(90deg, #16A362 0%, #169DDB 100%) !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.footer_logo_col .uabb-infobox {
    inset: auto;
    z-index: 99;
    position: relative;
    display: inline-block;
}
.footer_logo_col .algokbio-icon-phone:before, 
.footer_logo_col .algokbio-icon-email:before{
    font-size: 24px !important;
    line-height: 30px !important;
}
.footer_logo_col .fl-module-info-box  {
    border-radius: 80px;    
    border-image-slice: 0 !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-color: #F8F8F8;
    border: 1px solid;
    border-image-source: linear-gradient(269deg, #169ddb 100%, #16a362 0%) !important;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgba(22, 157, 219,0.3) ,rgba(22, 163, 98,0.3)) !important;
}
.footer_sec .fl-heading span.fl-heading-text {position: relative; display: inline;}
.tel_col p {color: #626161 !important; padding-bottom: 0px !important;} 
.space_footer  .footer_blue_box >.fl-col-content {  padding-top: 46px;}
.space_footer  .footer_logo_col >.fl-col-content { margin-top: 40px; } 
.footer_logo_col .uabb-module-content:hover { transition: all 0.3s ease !important;}  
.footer_logo_col .uabb-infobox-text p{ color: #626161 !important; padding-bottom: 0px !important}
.footer_sec .fl-heading a,.transparent_header .menu-item a span,
.view_all_news_text p a,.blue_internal_link a,.white_bg_header  .menu-item a span{
    position: relative;   
    line-height: normal;       
}
.footer_sec .fl-heading a:after,.transparent_header .menu-item a span:after,
.view_all_news_text p a:after,.blue_internal_link a:after,
.white_bg_header  .menu-item a span:after,
.white_bg_header .menu-open  .menu-item a span:after
{
    background: #FFFFFF !important;
    height: 2px !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    content: '';
    opacity: 0;   
    transform: translateY(10px);
    transition: all 0.3s ease !important;
}
.white_bg_header  .menu-item a span:after {background: #626161 !important;}
.footer_sec .fl-heading a:hover::after,
.transparent_header .menu-item a span:hover:after,
.internal_link a:hover::after,
.view_all_news_text p a:hover::after ,.blue_internal_link a:hover:after,
.white_bg_header  .menu-item a span:hover:after{
    opacity: 1;
    -webkit-transform: translateY(0px);
}
.white_bg_header .current-menu-item  a span:after,
.single .current-menu-item  a span:after ,
.single  li#menu-item-46 a span:after
{
    background: none !important;
}
.footer_logo_col .uabb-module-content {transition: all 0.3s ease !important;}
.linkedin_icon .fl-heading-text:before {
    content: "\e909";
    font-family: 'algok-bio-font';
    font-size: 22px;        
    position: relative;
    left: -3px; 
    top: 4px;
    padding-right: 1px;   
}
/* Footer CSS end */
/* Primary Button Style
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.primary_button span {
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(269deg, #169ddb 12%, #16a362 86%);
    font-family: 'Cosmata-Bold', 'Arial', 'sans-serif';
    font-size: 18px;
    line-height: 22px;
    transition: all 0.3s ease !important;
}
.primary_button a{
    background-color: #ffffff !important;
    border-radius: 63px !important;
    padding: 9px 25px;
    transition: all 0.3s ease !important;
}
.primary_button.green_btn a{
    background-image: linear-gradient(269deg, #249473 12%, #16a362 88%);
    padding: 9px 25px;
    border: none;
    transition: all 0.3s ease !important;
    z-index: 999;
    position: relative;
}
.primary_button.green_btn span{
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    transition: all 0.3s ease !important;
}
.primary_button.green_btn a:hover {
    background-image: linear-gradient(269deg, #249473 35%, #085130 85%);
     transition: all 0.3s ease !important;
}
.primary_button.green_btn a:focus{
     background-image: linear-gradient(269deg, #249473 100%, #16a362 0%) !important;
}

.primary_button a.uabb-button:hover {
    background: #e7f3f0 !important;
    transition: all 0.3s ease !important;
}
/*Primary Button Style end*/

/* Color secondry Button Style 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.color_bg_secondary-btn {
    position: relative !important;
    margin: auto;
    padding: 9px 20px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center;
}
.color_bg_secondary-btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(23, 163, 99, 0.2);
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}
.color_bg_secondary-btn span {
    position: relative;
    font-family:'Cosmata-Bold', 'Arial', 'sans-serif';
    font-size: 18px;
    line-height: 22px;
    vertical-align: middle;
    background-image: linear-gradient(to left, #249473 83%, #15A361 -13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.color_bg_secondary-btn:hover:before {width: 100% !important; background: #17a363;}
.color_bg_secondary-btn:hover span {color: #fff !important; -webkit-text-fill-color: #ffffff !important;}
.color_bg_secondary-btn .algokbio-icon-simple-arrow:before {
    font-size: 25px !important;
    line-height: 24px !important;
}
.color_bg_secondary-btn:hover .algokbio-icon-simple-arrow:before {
    color: #ffffff; padding-left: 5px;
    transition: all 0.3s ease;
}
/*Color secondry Button Style end*/

/* White Secondry Button Style
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.white_bg_secondary-btn {
    margin: auto;
    position: relative !important;
    padding: 8px 18px !important;
    transition: all 0.3s ease !important;
    color: #ffffff !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center;
    z-index: 999;
}
.white_bg_secondary-btn:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.2);
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
    color:white;
}
.white_bg_secondary-btn span {
    position: relative;
    font-family:'Cosmata-Bold', 'Arial', 'sans-serif';
    font-size: 18px;
    line-height: 22px;
    vertical-align: middle;
    color: #ffffff !important;
}
.white_bg_secondary-btn:hover:before {width: 100% !important; background: #FFFF;}
.white_bg_secondary-btn:hover span {color:#249473 !important;}
.white_bg_secondary-btn .algokbio-icon-simple-arrow:before {
    color: #ffffff;
    font-size: 25px !important;
    line-height: 26px !important;
    vertical-align: middle;
}
.white_bg_secondary-btn:hover .algokbio-icon-simple-arrow:before {
    color: #229870;
    padding-left: 5px;
    transition: all 0.3s ease;
}
body .uabb-creative-button-wrap .white_bg_secondary-btn .algokbio-icon-simple-arrow, 
body .uabb-creative-button-wrap .color_bg_secondary-btn .algokbio-icon-simple-arrow {
    margin-left: 0px;
}
.color_bg_secondary-btn .uabb-button-icon-after,
.white_bg_secondary-btn .uabb-button-icon-after {
    position: relative;
    z-index: 1;
}
/* White Secondry Button Style end*/
/* internal-Link */
.internal_link  a{
   background-image: linear-gradient(to left, #169ddb 30%, #16a362 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   position: relative;
   transition: all 0.3s ease !important;
}
.internal_link a:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 100%;
    height: 2px;
    background-image: linear-gradient(269deg, #169DDB 97%, #16A362 0%);
    opacity: 0;
    left: 0;
    transform: translateY(10px);
     transition: all 0.3s ease !important;
}
.blue_internal_link a{      
       font-family: 'URWForm-Demi', 'Arial', 'sans-serif';
}
.grayscale_readonly {
    opacity: 0.5 !important;
    filter: grayscale(1) !important;
}
/* load more button */
.alm-load-more-btn {
    position: relative !important;
    margin: auto !important;
    padding: 10px 35px 10px 20px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    font-family:'Cosmata-Bold', 'Arial', 'sans-serif';
    font-size: 18px !important;
    line-height: 22px !important;
    vertical-align: middle;
    background-image: linear-gradient(to left, #249473 83%, #15a361 -13%) !important;  
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;    
    box-shadow: none !important;
    overflow: hidden;
    z-index: 1;
}
.alm-load-more-btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(23, 163, 99, 0.2) !important;
    width: 40px !important;
    height: 40px;
    transition: all 0.3s ease;
    z-index: -1;
}
button.alm-load-more-btn:after {
    content: "\e908";
    color: #229870;
    font-size: 24px;
    line-height: 20px;
    font-family: 'algok-bio-font';
    position: absolute;
    padding-left: 1px;
    -webkit-text-fill-color: #229870;
}
.alm-btn-wrap .alm-load-more-btn.loading:before{
    z-index: -1 !important;
    border-radius: 28px !important;
    margin-left: 0px !important;   
}
button.alm-load-more-btn.more.loading {
    color: #fff !important;
     padding: 10px 35px 10px 20px !important;
}
button.alm-load-more-btn.done { pointer-events: none !important;}
 .alm-btn-wrap .alm-load-more-btn.loading:before {
   height: 40px !important;
    margin: 0px !important;
 }

/* Homepage page css start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer_career_part { position: relative;top: 36px; z-index: 99; }
.clickable-div .fl-post-carousel-post {cursor: pointer;}
.news_slider a.carousel-prev ,.news_slider a.carousel-next{ opacity: 0.4;}
.news_slider a.carousel-prev:hover,.news_slider a.carousel-next:hover { opacity: 1;}
.news_slider .fl-post-carousel-image {width: 11.5%; float: left;}
.news_slider .fl-post-carousel-post:hover{  background: rgba(36, 148, 115, 0.11) !important ; transition: 0.3s all ease;}
.news_slider .fl-post-carousel-text {width: 88.5%; float: right; padding: 11px 15px;}
.news_slider h2.fl-post-carousel-title{margin-bottom: 0px;}
.news_slider .fl-post-carousel-post {border: none; border-radius: 15px;}
.news_slider .fl-post-carousel-image img {border-radius: 15px 0px 0px 15px;}
.news_slider .fl-post-carousel-svg-container {width: 20px; height: 20px;}
.news_slider .fl-post-carousel-post:hover:before {
    background-color: #FFFFFF !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 15px;
}
.news_slider .carousel-prev .fl-post-carousel-svg-container:after {
    content: "\e904" !important;
    font-size: 25px;
    font-family: 'algok-bio-font';
    color: #ffffff;
    position: absolute;
    bottom: -7px;
}
.news_slider .carousel-next .fl-post-carousel-svg-container:after {
    content: "\e903" !important;
    font-size: 25px;
    font-family: 'algok-bio-font';
    color: #ffffff;
    position: absolute;
    bottom: -7px;    
}
.news_slider svg {visibility: hidden;}
.news_slider .fl-post-carousel-wrapper{height: auto;}
.news_slider .carousel-next {left: 0; right: auto;}
.news_slider .fl-post-carousel {padding-top: 15px; padding-left: 0px; transition: all 1s linear;}
.news_slider .carousel-prev { right: 0;left: auto; margin-right: 8px;}
.news_slider .fl-post-carousel-navigation { top: 0%; left: auto; margin-right: 72px; display: none;}
/* Nadeem  Home-Page Css */
.team_section .algokbio-icon-icon-2, 
.team_section .algokbio-icon-icon-1{
    -webkit-background-clip: text;
    background-image: linear-gradient(265deg, #169DDB 33%, #16A362 55%);
    -webkit-text-fill-color: transparent;
}
.algokbio_about_section .uabb-infobox-text-wrap {
    padding: 13px 15px 5px 15px;
    background-color: #eaeaea;
    border-radius: 5px 5px 50px 5px;
}
.about_algokbio_para p { padding-bottom: 6px !important;}
.about_algokbio_para {z-index: 5;  position: relative;}
.algokbio_about_section, 
.single_hero_section .news-post-date span.fl-heading-text, 
.post-heading-date h6.fl-heading span.fl-heading-text{
    position: relative;
}
.algokbio_about_section  .fl-row-content-wrap:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/06/algokbio-logo-symbol.jpg);
    width: 771px;
    height: 665px;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    bottom: 0;
    right: 6%;
    top:58%;
    background-size: 771px 665px;
}
.about_testimonial .uabb-testimonial-info:after {
    content: '';
    position: absolute;
    border-left: 6px solid #d1e9f6;
    top: 3%;
    left: 0%;
    height: 100%;
    width: 100%;
}  
.about_testimonial  .uabb-testimonial-info {
    padding-left: 30px;
    position: relative;
} 
.about_testimonial  .algokbio-icon-quote {
    padding-left: 33px;
    padding-bottom: 26px; 
}
.about_testimonial  .uabb-testimonial-photo {padding-bottom: 8px;}
.about_testimonial .uabb-testimonial { display: grid !important;}
.latest_new_event_col {
     margin-bottom: 25px;
    border-radius: 10px;
    border: solid 1px #dadada;
}
.latest_new_event_col .latest_news_date {
    color: #626161;
    float: right;
    position: relative;
    font-size: 13px;
    line-height: 16px;    
    text-transform: uppercase;    
}
.latest_new_event_col .news_title {
    color: #008ecf;
    font-size: 13px;
    line-height: 16px;    
    text-transform: uppercase;
}
.latest_new_event_col h6.uabb-infobox-title
{  font-size: 18px;  
   line-height: 28px;
   color: #126048;
   padding-top: 10px !important;
}
.latest_new_event_col img.homepage-news-event-thumbnail{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;   
    max-width: 181px;
    height: auto;
}
.latest_new_event_col span.latest_news_date:before {  top: -2px !important;}   
.latest_new_event_col.uabb-infobox-content {  padding: 0px 0px 12px 3px;}
.latest_new_event_col.uabb-infobox:hover {  border: solid 1px rgba(22, 163, 98, 0.18);}
.latest_new_event_col .uabb-infobox:hover h3.uabb-infobox-title ,.news_event .uabb-infobox:hover h3.uabb-infobox-title 
,.publication_poster_section .uabb-infobox:hover h3.uabb-infobox-title
,.publication_poster_section .uabb-infobox:hover h6.uabb-infobox-title-prefix
,.news_event_box .uabb-infobox:hover h3.uabb-infobox-title {
    background-image: linear-gradient(269deg, #249473 100%, #16A362 0%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.latest_news_event .latest_new_event_col { margin-bottom: 15px; transition: all 0.3s ease !important;}
/* Home-Page Css End */

/* Career Page Css */
.tab_section_col  .uabb-tabs > nav ul  li {
    border-radius: 18px;
    border: 1px solid rgba(36, 148, 115, 0.4);
    max-width: 270px;      
    background-image: linear-gradient(269deg, rgba(36, 148, 115, 0.1) 100%, rgba(22, 163, 98, 0.1) 0%);
}
.tab_section_col li.uabb-tab-current a{ z-index: 1; }
.tab_section_col li.uabb-tab-current {  
   background-image: linear-gradient(269deg, #249473 0%, #16a362 46%) !important;
}
.tab_section_col  span.uabb-tab-title ,.our_featured_tab_row .uabb-tab-description,
.our_featured_tab_row span.tab-description {
    background-image: linear-gradient(269deg, #249473 100%, #16a362 0%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.tab_section_col .uabb-tabs a.uabb-tab-link {
    align-items: center;
    display: grid;
}
.tab_section_col .uabb-tab-current span.uabb-tab-title {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}
.tab_section_col .uabb-tabs ul { justify-content: flex-start;}
.career_tab_section .fl-row-content-wrap{ position: relative;}
.career_tab_section >.fl-row-content-wrap:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/06/Career-logo.jpg);
    width: 522px;
    height: 498px;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;    
    bottom: 0;
    right: 0%;
    top:52%;
    background-size: 522px 498px;
}
.open_position_row .alm-reveal {
    border-radius: 7px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #16A362,#169DDB);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-image-source: linear-gradient(269deg, #169DDB 97%, #16A362 0%);
    border-image-slice: 0;
}
.job_postion_section > .fl-col-content {  padding: 25px 30px 19px 30px;}
.job_postion_section .text-col {width: 64.84%;}
.job_postion_section .location-col{width: 19.11%; position: relative;padding-left: 50px;}
.job_postion_section .btn-col{width: 16.05%;}
.job_postion_section {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-image-source: linear-gradient(269deg, #169DDB 97%, #16A362 0%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(269deg, #169DDB 97%, #16A362 0%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
}
.job_postion_section span.fl-heading-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #169ddb 12%, #16a362 86%);
}
.job_postion_section .fl-rich-text p{ position: relative;}
.job_postion_section .fl-rich-text p:before {
    content: "\e910";
    font-family: 'algok-bio-font';
    font-size: 25px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align: middle;
    position: absolute;
    left: -33px;
    -webkit-background-clip: text;
    background-image: linear-gradient(265deg, #169DDB 33%, #16A362 55%);
    -webkit-text-fill-color: transparent;
    bottom: -14px;
}
.job_postion_section .location-col:before {
    content: '';
    position: absolute;
    border-left: 1px solid #eaeaea;
    bottom: 0px;
    left: 0%;
    height: 43px;
    width: 100%;
}
.open_position_row .alm-btn-wrap, 
.latest_news_event .alm-btn-wrap, 
.publication_row  .alm-btn-wrap {
    display: none !important;
}
.open_position_row  .job_postion_section .primary_button span {
    font-size: 15px !important;
    line-height: 18px !important;
}
.job_postion_section .fl-col-content{justify-content: center !important;}
.btn-col .primary_button.green_btn a { padding: 6px 20px 2px 20px !important;}  
.open_position_row .primary_button .uabb-button-text { font-size:20px; line-height: 24px;} 
.btn-col .algokbio-icon-pdf:before { font-size: 28px;line-height: 20px;}
.job_postion_section span.fl-heading-text{  font-size: 23px; line-height: 28px;}
.location-col .fl-rich-text p { font-size: 14px; line-height: 17px; color: #626161;}
.job_postion_section:last-child { border: none;}
/* Career Page CSS End */
/* News & Events CSS */
.news_event_box {
    width: 83%;
    margin-bottom: 25px;
    border-radius: 10px;
    border: solid 1px #dadada;
    transition: all 0.3s ease !important;
}
.news_event_box:hover ,.latest_new_event_col:hover {
    border: solid 1px rgba(22, 163, 98, 0.18);
    background: rgba(36, 148, 115, 0.11);
    transition: 0.3s all ease;
}
.news_event_box .uabb-infobox-content {
    width: 69%;
    padding: 28px 29px 11px 29px;
    float: left;
}
.news_event_box .uabb-imgicon-wrap {
    width: 31%;
    margin-left: 0px;
    float: right;
}
.news_event_box .uabb-infobox-left-right-wrap { display: block;}
.news_event_box h6.uabb-infobox-title-prefix {  
   font-size: 16px;   
   line-height: 19px;
   color: #008ecf;
   text-transform: uppercase;
}
.news_event_box h6.uabb-infobox-title {  
  font-size: 25px;
  line-height: 35px;
  color: #126048;
  padding-top: 4px;
  padding-bottom: 11px;
}
.news_event_box .uabb-infobox-text p { padding: 0px !important;}
.news_event_box .uabb-infobox-text p{ position: relative;}
.latest_new_event_col span.latest_news_date:before,
.news_event_box .uabb-infobox-text p:before ,
 .post-heading-date h6.fl-heading span.fl-heading-text:before
   {
    font-family: 'algok-bio-font';
    font-size: 20px;
    line-height: 20px;
    vertical-align: top;
    content: "\e90b";
    position: absolute;
    left: -25px;
    top: 4px;
    color: #626161;
}
.news_event_box .uabb-infobox-text-wrap { margin-left: 25px;}
.news_event_box .uabb-infobox-text p span.latest_news_date{
  font-size: 14px;
  line-height: 17px; 
  color: #626161;  
  text-transform: uppercase;
}
.news_event_box .uabb-image {text-align: right;}
.news_event_box img.news-event-page-thumbnail {  border-radius: 0px 9px 9px 0px;}
.news_events_row .alm-btn-wrap {
    width: 83%;
    margin-top: 6px;
}
 /* News & Event CSS End */ 
/* Single Page CSS */
body.single-post {
    background-color: transparent;
}
.single-news-content > .fl-col-has-cols {
    width: 770px;
    max-width: 770px;
    margin: 0 auto;
    float: inherit;
}
.single-news-header {
    margin-left: 0px !important;
    margin-right:0px !important;
}
.single_hero_section > .fl-row-content-wrap {
    background-image: linear-gradient(240deg, #169ddb 0%, #16a362 100%);
}
.post-heading-date h6.fl-heading span.fl-heading-text:before {
    font-size: 19px;     
    top: -2px;
    color: rgba(255, 255, 255, 0.7);
    position: relative !important;        
    padding-right: 10px;
    left: 0px;
}
.single_hero_section img.single-page-news-event-thumbnail{    
    border-radius: 10px;   
    margin-bottom: -30px;
}
.post-heading-date .blog-single-title {
    font-family: 'Cosmata-Bold', 'Arial', 'sans-serif';
    font-size: 36px;
    font-weight: bold;
    line-height: 43px;
    color: #ffffff;
    padding-bottom: 10px;
    padding-top: 8px;
}
.view_all_news_text p a{ 
  font-size: 14px;  
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}  
.post-heading-date h6.fl-heading{  
  font-size: 13px; 
  line-height: 16px;
  color: rgba(255,255,255,0.7);
  text-transform: uppercase;
  font-weight: 400;
}
.single_hero_section .post-title-col {
    width: 60%;
    padding-right:  25px;    
    padding-left: 0px;
}
.single_hero_section .post-image-col {
    width: 40%;
    padding: 0px;
 }
.single-news-header  .col-sm-12 { padding:0px; }
.single_hero_section {
    width: 100%;
    background-image: linear-gradient(240deg, #169ddb 0%, #16a362 100%);
    padding: 157px 0px 0px 0px;
    border-bottom-right-radius: 409px;
    position: relative;
}
header.single-news-header {
    width: auto !important;
    padding-top: 0 !important;
}
.col-md-12.fl-content-blog-blog-content { margin-top: 0px;}
.fl-content-blog.container { width: 100%;  max-width: 100%;}
.single_hero_section .row {   
     width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}  
.latest_new_event_col .uabb-imgicon-wrap {
    width: 28%;
    vertical-align: middle;
    margin-right: 0px;
    float: left;   
}
.latest_new_event_col .uabb-infobox-content {
    width: 72%;
    vertical-align: middle;
    padding: 20px 25px 20px 10px;    
}
.latest_new_event_col h5.uabb-infobox-title-prefix {line-height: 0;}
.related_new-event_row .alm-btn-wrap { display: none;}
.view_all_news_text p a:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;      
    color: #ffffff;
    position: relative;
    top: 0px;
    left: -7px;
    padding-left: 7px;
}
.single-news-content .fl-row > .fl-row-content-wrap {
    width:100%;
    max-width :770px;
    margin:0 auto;
    padding-top:80px;
} 
/* Single Page CSS End */
/* Pipeline Page CSS Start */
.pipeline_hero_section sup {font-size: 18px !important;}
.our_featured_tab_row .tab_section_col .uabb-tabs ul li {max-width: 350px;}
.our_featured_tab_row .uabb-tab-current .uabb-tab-description,
.our_featured_tab_row .uabb-content-current span.tab-description {    
    -webkit-text-fill-color:rgb(255,255,255,0.8) !important;
     font-size: 20px;
    line-height: 24px; 
}
.our_featured_tab_row span.tab-description { display: none;}
.our_featured_asset_table .content-text span.table_heading {   
    font-size: 20px;
    line-height: 29px;
}
.our_featured_asset_table table { max-width: 970px;}
.our_featured_asset_table tr td ul{  padding-left: 26px;}
.our_featured_asset_table table tr th {    
    font-size: 20px;
    line-height: 29px;
    color: #626161;
    width: 290px;
    padding: 15px 15px 15px 20px;
    vertical-align: top;
}
.our_featured_asset_table tr  td {
    font-family:'URWForm-Regular','Arial','sans-serif';;
    font-size: 18px;
    line-height: 29px !important;
    color: #626161;
    padding: 14px 20px 5px 0px !important;    
}
.our_featured_asset_table  tr:nth-child(odd) { background: #eaeaea;}
.publication_row > .fl-row-content-wrap {
    background-image: linear-gradient( 180deg, #f8f8f8 0%, #ffffff 100%);
}
.mechanism_section_img img { mix-blend-mode: darken;}
.publication_poster_section {
    border-radius: 6px;
    border: 1px solid;    
    border-image-source: linear-gradient(269deg, #169ddb 12%, #16a362 80%);
    border-image-slice: 0;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #16A362,#169DDB);
    margin-bottom: 20px;
}
.publication_poster_section h6.uabb-infobox-title-prefix {    
    font-size: 15px;
    color: #008ecf !important;
    line-height: 18px;
    text-transform: uppercase;
    padding-top: 5px;
}
.publication_poster_section h6.uabb-infobox-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #169ddb 12%, #16a362 88%);    
    font-size: 19px;
    line-height: 29px;
    padding-top: 5px;
    padding-bottom: 8px;
}
.publication_poster_section .uabb-infobox-text {
    font-size: 16px !important;
    font-family:'URWForm-Regular','Arial','sans-serif';
    line-height: 26px !important;
    color: #626161;
}
.publication_poster_section .uabb-infobox-left-right-wrap {  padding: 20px 25px 20px 21px;}
.publication_poster_section  i.algokbio-icon-resources {
    -webkit-background-clip: text;
    background-image: linear-gradient(265deg, #169DDB 33%, #16A362 55%);
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    line-height: 48px;
}
.publication_poster_section .uabb-infobox-content { width: 89.5%; float: right;}
.publication_poster_section .uabb-imgicon-wrap {
    width: 10.5%;
    margin-right: 0px;
}
.publication_poster_section a{ transition: all 0.3s ease !important; }
.publication_poster_section a:hover {
    background: rgba(36, 148, 115, 0.11);
    transition: all 0.3s ease !important;
    box-shadow: 1px 0px rgb(22 163 98 / 18%);
}
.our_featured_asset_table table ul li:not(:first-child) {
    margin-left: 0px !important;
}
.our_featured_asset_table table ul li { max-width: 100% !important; border: 0px !important;}
.development_partner_col > .fl-col-content {
    shape-outside: circle();
    clip-path: circle();
}
.our_featured_asset_table .table>tbody>tr>td,
.our_featured_asset_table .table>tbody>tr>th
 {border-top: 0px solid;}
.our_featured_tab_row span.tab-description {
    font-size: 20px;
    line-height: 24px;    
    padding-top: 3px;
 }
.controlHolder { left: 10px;  display: inline-table; }
.zoomHolder
 {
       width:100%;
       height:auto;
       position:relative;
       overflow:hidden
  }
/* Pipline Page CSS End */ 
/* Progress Bar - Pipeline Page */
.process-bar-steps {
    display: inline-flex;    
    justify-content: space-around;
    position: relative;
    width: 820px;
}
 .process-bar-steps::before {
     content: "";
     width: 100%;
     display: block;
     height: 3px;
     position: absolute;
     top: 50%;
     right: 135px;
     transform: translateY(-50%);
     background-color: #bfc2da;
     z-index: 0;
}
.process-bar {
     overflow: hidden;
     height: 100px;
     padding-top: 40px !important;
}
.steps__item {
   margin-right: -142px;
    width: 12.1px;
    height: 12.2px;
    flex-grow: 0;
    border-radius: 28.9px;
    background-color: #283482;
    position: relative;
}
 .steps__item--active:before {
     right: 112px;
     position: absolute;
     background-color: #249473;
     content: "";
     width: 1000px;
     height: 3px;
     z-index: 1;
     top: 27px;
}
.steps__item:last-child { margin-right: 0px;}
.process-bar-steps span {
    display: inline-flex;
    width: max-content;
    position: relative;
    bottom: 37px;
    right: 95px;
    font-family: URWForm-Demi;
    font-size: 16.8px;
    line-height: 27px;  
    color: #283482;
}
.process-bar span.preclinical_text {
    right: 100px;
}
.process-bar .first-dot {
    top: 12px;
    bottom: 0;
    z-index: 999;
} 
/* Progress Bar End  Section */
.privacy_policy_row .fl-rich-text h5 { margin-top: 15px;}
.privacy_policy_row ul li { list-style-type: square;font-family:'URWForm-Regular','Arial','sans-serif'; font-weight: 400;}
.privacy_policy_row .fl-row-content-wrap > .fl-row-content {
    width: 100%;
    max-width: 821px;
}

/** safari css **/
@media not all and (min-resolution:.001dpcm) { @media { 
    body{ font-synthesis: none; }  
    .footer_logo_col .uabb-infobox:before, 
    .open_position_row .alm-reveal.alm-preloaded,
    .publication_poster_section{border-image-slice: 0 !important;}
    .post-heading-date h6.fl-heading span.fl-heading-text:before { top: -4px;}   
    .job_postion_section:last-child {border-bottom: 0 !important;}  
    .alm-load-more-btn {   -webkit-text-fill-color: #249473; } 
    .contact_us_form input.gform_button.button {-webkit-text-fill-color: #169ddb;}
    .our_featured_tab_row span.tab-description { -webkit-text-fill-color: inherit;}
  }
}