/*
Theme Name: Scalebio 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: "Neuropa";
    src: url('/content/uploads/2021/fonts/font.woff2') format('woff2'),
    url('/content/uploads/2021/fonts/font.woff') format('woff');
    font-style: normal;
    font-weight: 400 !important;
}
@font-face {
    font-family: "allotrope-variable";
    font-variation-settings: "wdth" 125, "wght" 100;
}

  
:root {
    --c-blue: #0077f8;
    --c-light-blue: #00baff;
    --c-mod-blue: #1124aa;
    --c-gray: #7698ac;
    --c-black: #000;
    --c-white: #FFF;
    --c-aqua: #0ec195;
    --c-burple: #5513ff;
    --c-fuschia: #f7009b;
    --c-orange: #fd8745;
    --c-soft-yellow: #f6c271;
    --c-violet: #b175df;
    --c-pink: #ff6ce2;
  
    --c-body-text: #222a35;
    --c-green-btn-hover: #0F998E;
    --c-publication-bg: #ECEEF1;
  
    --ff-neuropa: "Neuropa", Arial, sans-serif;
    --ff-allotrope: "allotrope-variable", sans-serif;
    --ff-lexend: "Lexend", sans-serif;
}
  
  .neuropa { font-family: var(--ff-neuropa); }
  .allotrope { font-family: var(--ff-allotprope); }
  .lexend { font-family: var(--ff-lexend); }
  
  /* old gray_btn_regular:hover #0c7489 */
  /* body text old color #395372 */
  /* links old color #004c98 */
  /* topbar old color #428bca */
    /* old button hover #48a400 */
  /* old footer nav:hover #6DDB17 */
  /* old header nav:hover #5ea526 */
  /* #004c98 -> #0077f8 blue
  #50a3d1 -> #00baff light-blue
  #0331a1 -> #1124aa mod-blue
  #496280 -> #7698ac gray
  #86ca51 -> #0ec195 aqua
  #6b2ef5 -> #5513ff burple */
  
  /* Color helpers */
  .blue-bg { background-color: var(--c-blue); }
  .light-blue-bg { background-color: var(--c-light-blue); }
  .mod-blue-bg { background-color: var(--c-mod-blue); }
  .gray-bg { background-color: var(--c-gray); }
  .black-bg { background-color: var(--c-black); }
  .white-bg { background-color: var(--c-white); }
  .aqua-bg { background-color: var(--c-aqua); }
  .burple-bg { background-color: var(--c-burple); }
  .fuschia-bg { background-color: var(--c-fuschia); }
  .orange-bg { background-color: var(--c-orange); }
  .soft-yellow-bg { background-color: var(--c-soft-yellow); }
  .violet-bg { background-color: var(--c-violet); }
  .pink-bg { background-color: var(--c-pink); }
  
  .blue-text { color: var(--c-blue); }
  .light-blue-text { color: var(--c-light-blue); }
  .mod-blue-text { color: var(--c-mod-blue); }
  .gray-text { color: var(--c-gray); }
  .black-text { color: var(--c-black); }
  .white-text { color: var(--c-white); }
  .aqua-text { color: var(--c-aqua); }
  .burple-text { color: var(--c-burple); }
  .fuschia-text { color: var(--c-fuschia); }
  .orange-text { color: var(--c-orange); }
  .soft-yellow-text { color: var(--c-soft-yellow); }
  .violet-text { color: var(--c-violet); }
  .pink-text { color: var(--c-pink); }

  .hidden { display: none; }

  .auto-width-column { width: auto !important; }
  .full-content-width,
  .full-content-width img {
        width: 1170px;
    max-width: 100%;
    height: auto;
    }
    .nine-hundred-width p,
    .nine-hundred-width img {
        width: 900px !important;
        max-width: 100%;
        margin-inline: auto;
    }

    #home-featured-content .scale_list ul {
        padding-left: 0;
    }
    #home-featured-content .scale_list li:before {
        margin-left: 0;
    }

    .home-four-col .fl-photo-content {
        min-height: 100px;
        display: inline-flex;
    }

    .footer_policy_menu a,
    .footer_policy_menu a:visited {
        color: var(--c-white);
    }
    .footer_policy_menu a:hover,
    .footer_policy_menu a:focus {
        color: var(--c-aqua);
    }
    .footer_policy_menu .footer-supreme-text a:hover,
    .footer_policy_menu .footer-supreme-text a:focus {
        color: var(--c-white);
        text-decoration: underline;
    }
  
  header{position: relative; z-index: 99;}
  
  h1, :is(.h1) {font-size: 52px; line-height: 66px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.52;}
  h2, :is(.h2) {font-size: 34px; line-height: 42px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.34;}
  h3, :is(.h3) {font-size: 22px; line-height: 33px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.22;}
  h4, :is(.h4) {font-size: 20px; line-height: 27px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.2;}
  h5, :is(.h5) {font-size: 18px; line-height: 24px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.18;}
  h6, :is(.h6) {font-size: 16px; line-height: 22px; font-family: var(--ff-allotrope); font-weight: 400; letter-spacing: -0.16;}
  
  p {
      font-family: var(--ff-lexend) !important;
      font-weight: 400 !important;
      margin-bottom: 15px;
  }
  .lexend-light,
  .lexend-light p {
        font-weight: 300 !important;
  }
  ul li,
  li a {
      font-family: var(--ff-lexend) !important;
      font-weight: 400 !important;
  }

  a,
  a:visited {
    color: var(--c-blue);
  }
  a:hover,
  a:focus {
    color: var(--c-aqua);
  }
  
  header.fl-theme-builder-header-scrolled .header_menu .fl-module-content{margin-top: 18px !important;}
  header.fl-theme-builder-header-scrolled #menu-main-menu{float: left;}
  header.fl-theme-builder-header-scrolled #menu-main-menu li:nth-child(1) a{padding-left: 0px !important;}
  header.fl-theme-builder-header-scrolled .main_logo_section{display: none; width: 0px !important;}
  header.fl-theme-builder-header-scrolled .header_btn_main{float: right;}
  header.fl-theme-builder-header-scrolled .fl-row-content-wrap{padding-top: 0px !important;}
  header.fl-theme-builder-header-scrolled .header_btn .fl-node-content{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 0px !important;
  }
  
  #menu-main-menu a{position: relative;}
  /*#menu-main-menu a:after,  #menu-main-menu a.active:after{
      content: '';
      position: absolute;
      bottom: 0;
      left: 13%;
      width: 75%;
      height: 4px;
      transform: scaleX(0);
      background-color: var(--c-aqua);
      background-image: linear-gradient(to left, var(--c-aqua), var(--c-aqua) 100%) !important;
      transition: transform 0.3s;
      top: 30px;
  }*/
  .hero_section_gradient .fl-row-content-wrap {
      z-index: 9;
  }
  header.fl-theme-builder-header-scrolled #menu-main-menu li:nth-child(1) a:after{left: 0px !important; width: 86% !important;}
  header.fl-theme-builder-header-scrolled #menu-main-menu a:after{top: 32px !important;}

  /* Products page jump nav */
  .sticky_products_menu {
    background: var(--c-burple);
    position: sticky;
    z-index: 9999999;
    top: 41px;
    padding-block: 10px;
  }
  .sticky_products_menu a,
  .sticky_products_menu a:visited {
        color: var(--c-white);
  }
  .sticky_products_menu a:hover,
  .sticky_products_menu a:focus {
        color: var(--c-aqua);
  }

  .product-page-list .fl-list-item-content {
    display: flex;
  }
  .product-page-list .fl-list-item-icon::after {
    content: '.';
  }

  /* main header nav top links */
  .fl-builder-content .menu > li > a:hover {
    color: var(--c-aqua);
  }
  
  #menu-main-menu a.active{color: var(--c-aqua);}
  #menu-main-menu a:hover:after, #menu-main-menu a.active:after{
      transform: scaleX(1) !important;
  }
  
  .uabb-button:hover, .fl-button:hover{
      background-image: none !important; 
      transition: all .5s ease !important;
  }
  .fl-button-text, .uabb-button-text, .gform_button{
      font-family: var(--ff-lexend);
      font-weight: 500 !important;
  }
  
  /*button css start*/
  .fl-builder-content .gray_btn_regular a.fl-button,
  .fl-builder-content .gray_btn_regular a.fl-button:visited,
  .fl-builder-content .gray_btn_regular a.uabb-button,
  .fl-builder-content .gray_btn_regular a.uabb-button:visited,
  .fl-builder-content .green_btn_regular a.fl-button, 
  .fl-builder-content .green_btn_regular a.fl-button:visited, 
  .fl-builder-content .green_btn_regular a.uabb-button, 
  .fl-builder-content .green_btn_regular a.uabb-button:visited,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button:visited,
  .form-sub.green_btn_regular a,
  .green_btn_regular .uabb-lf-submit-button,
  .green_btn_regular .uabb-lf-submit-button:visited,
  .gform_button[type="submit"],
  .pill {
      font-size: 16px;
      line-height: 22px;
      background-clip: border-box;
      border-radius: 97px;
      font-family: var(--ff-lexend);
      font-weight: 500 !important;
      letter-spacing: -0.16px !important;
      color: var(--c-white);
      padding: 10px 30px;
  }

  .pill.large,
  .support_feed .alm-load-more-btn.more {
    padding: 20px 40px;
    height:auto !important;
  }

  .pill.flex {
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap: 24px;
  } 

  .green_btn_regular .gform_button[type="submit"],
  .pill {
    color: var(--c-white) !important;
  }
  .fl-builder-content .green_btn_regular.header_btn a.fl-button {
      padding: 10px 30px;
      border-radius: 97px !important;
  }
  .fl-builder-content .green_btn_regular a.fl-button,
  .btn {
      padding: 10px 25px;
      border-radius: 97px !important;
  }
  .green_btn_regular .uabb-button span.uabb-button-text {
      color: var(--c-white);
  }
  .fl-builder-content .green_btn_regular a.fl-button, 
  .fl-builder-content .green_btn_regular a.fl-button:visited,
  .fl-builder-content .green_btn_regular a.uabb-button, 
  .fl-builder-content .green_btn_regular a.uabb-button:visited,
  .form-sub.green_btn_regular a,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button:visited,
  .green_btn_regular .uabb-lf-submit-button,
  .green_btn_regular .uabb-lf-submit-button:visited,
  .gform_button[type="submit"],
  .pill {
      background: var(--c-aqua) !important;
      /* border: 0px none var(--c-aqua); */
  }
  
  .pill {
    border:none !important;
  }

  .pill.violet,
  .pill.protocol {
    background: var(--c-violet) !important;
  }

  .pill.burple,
  .pill.tech-note {
    background: var(--c-burple) !important;
  }

  .pill.orange,
  .pill.bioinformatics {
    background: var(--c-orange) !important;
  }

  .pill.yellow,
  .pill.data-sets {
    background: var(--c-soft-yellow) !important;
  }

  .green_btn_regular.with_trans_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button,
  .green_btn_regular.with_trans_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:visited {
    /* background: transparent !important; */
  }
  .green_btn_regular.with_trans_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:hover,
  .green_btn_regular.with_trans_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:focus {
      /* background: var(--c-white) !important;
      color: var(--c-aqua); */
  }
  .fl-builder-content .green_btn_regular a.fl-button:hover, 
  .fl-builder-content .green_btn_regular a.fl-button:focus,
  .fl-builder-content .green_btn_regular a.uabb-button:hover, 
  .fl-builder-content .green_btn_regular a.uabb-button:focus,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button:hover,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button + .fl-button-group-button a.fl-button:focus,
  .form-sub.green_btn_regular a:hover,
  .green_btn_regular .uabb-lf-submit-button:hover,
  .green_btn_regular .uabb-lf-submit-button:focus,
  .gform_button[type="submit"]:hover {
      background: var(--c-green-btn-hover) !important;
  }
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:visited {
    color: var(--c-aqua);
    background: var(--c-white) !important;
  }

  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button span {
    color: inherit;
  }
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:hover,
  .green_btn_regular.with_white_btn_group .fl-button-group-button + .fl-button-group-button a.fl-button:focus {
    color: var(--c-white);
    background: var(--c-green-btn-hover) !important;
  }

  .gray_btn_regular a.fl-button,
  .gray_btn_regular a.fl-button:visited,
  .gray_btn_regular a.uabb-button,
  .gray_btn_regular a.uabb-button:visited {
    background: var(--c-gray);
  }

  .gray_btn_regular a.fl-button:hover,
  .gray_btn_regular a.fl-button:focus,
  .gray_btn_regular a.uabb-button:hover,
  .gray_btn_regular a.uabb-button:focus {
    background: #0c7489;
    border-radius: 97px !important;
  }
  .fl-builder-content .transparent_top_btn a.fl-button{background: transparent;}
  .transparent_top_btn a .fl-button-text{font-family: var(--ff-lexend) !important;}

  /* Bug in the wysiwyg, had to target this button directly */
  .green_btn_regular.with_white_btn_group.three_btn_group .fl-button-group-button:nth-of-type(even) a.fl-button span,
  .green_btn_regular.with_white_btn_group.three_btn_group .fl-button-group-button:nth-of-type(even) a.fl-button:visited span {
    color: var(--c-aqua) !important;
  }
  .green_btn_regular.with_white_btn_group.three_btn_group .fl-button-group-button:nth-of-type(even) a.fl-button:hover span,
  .green_btn_regular.with_white_btn_group.three_btn_group .fl-button-group-button:nth-of-type(even) a.fl-button:focus span {
    color: var(--c-white) !important;
  }
  
  /** transparent button **/
  .transparent_btn a.fl-button, .transparent_btn a.uabb-button {
      background: transparent !important;
      border: solid 1px var(--c-aqua) !important;
      transition: all .5s ease !important;
      padding: 8px 20px !important;
  }
  .fl-builder-content .transparent_btn a.fl-button:focus, 
  .fl-builder-content .transparent_btn a.uabb-button:focus {
      background: transparent !important;
      outline: none;
  }
  .transparent_btn a .fl-button-text, .transparent_btn a .uabb-button-text{
    color: var(--c-aqua) !important;
}
  /*.transparent_btn a .fl-button-text:hover, .transparent_btn a .uabb-button-text:hover{color: #2f6803 !important;}*/
  .transparent_btn a.fl-button:hover span.fl-button-text, 
  .transparent_btn a.uabb-button:hover span.uabb-button-text{color: #2f6803 !important;}
  
  .transparent_btn a.fl-button:hover, .transparent_btn span.fl-button-text{transition: all .5s ease !important;}
  .fl-builder-content .transparent_btn a.fl-button:hover, 
  .fl-builder-content .transparent_btn a.uabb-button:hover{ background-color: rgba(134, 202, 81, 0.2) !important;}
  
  .header_menu #menu-main-menu li a{
      font-family: var(--ff-lexend) !important;
      font-weight: 500 !important;
      letter-spacing: -0.16px !important;
  }
  .our_tec_heading p{margin-bottom: 0px !important;}
  .Play_video_section .fa-play-circle:before{font-size: 30px !important;}
  .Play_video_section .fa-play-circle{margin-right: 5px !important;}
  .Play_video_section .uabb-creative-button-text{
      font-family: var(--ff-lexend) !important;
      font-weight: 500 !important;
  }
  .home_video_row .fl-row-content-wrap{background-size: 870px 635px;}
  .Scientific_Founders .uabb-image-content img{border-radius: 10px !important;}
  .Scientific_Founders .uabb-text-editor .fa-linkedin:before{
    font-size: 22px !important;
    color: #0e76a8 !important;
    top: 8.5px;
    position: relative;
  }
  .home_prd_main .fl-row-content-wrap > div{position: relative; z-index: 9;}
  .home_prd_main .fl-row-content-wrap:after {
      width: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: linear-gradient(to right, var(--c-white) 22.7%, var(--c-blue) 0%);
      height: 100%;
  }
  .home_prd_main .fl-row-content-wrap:before {
      content: '';
      background: url('/content/uploads/2021/09/Group-468.svg') !important;
      width: 354px !important;
      height: 459px !important;
      vertical-align: middle;
      position: absolute;
      right: 0px;
      bottom: 0px;
      z-index: 9;
  }
  .be_a_tester_info .uabb-infobox-title-wrap{width: 70%; float: left;}
  .be_a_tester_info .uabb-infobox-text-wrap{width: 30%; float: right;}
  .be_a_tester_info .uabb-infobox-button{text-align: right;}
  .be_a_tester_info .uabb-infobox{border-radius: 10px;}
  
  .banner_info_btn .uabb-infobox-title-wrap{width: 56%; float: left;}
  .banner_info_btn .uabb-infobox-text-wrap{width: 44%; float: right;}
  .banner_info_btn .uabb-infobox-button{text-align: right;}
  .banner_info_btn{width: 37%; margin: 0 auto;}
  .banner_info_btn .uabb-infobox{border-radius: 10px;}
  
  .research_info .uabb-infobox:before, .resource_pdf .uabb-infobox:before{
      content: '';
      background: url('/content/uploads/2021/09/g-pdf-icon.svg') !important;
      width: 24px !important;
      height: 30px !important;
      vertical-align: middle;
      position: absolute;
      right: 20px;
      top: 20px;
  }
  /* .research_info .uabb-infobox,.resource_info .uabb-infobox{ 
      transition: all .5s ease !important;
  }
  .research_info .uabb-infobox:hover, .resource_info .uabb-infobox:hover
  {
    box-shadow: 0 4px 20px 0 rgba(62, 138, 2, 0.3);
    transition: all .5s ease !important;
  } */
  .resource_external .uabb-infobox:before{
      content: '';
      background: url('/content/uploads/2021/09/detach-1.svg') !important;
      width: 22px !important;
      height: 22px !important;
      vertical-align: middle;
      position: absolute;
      right: 20px;
      top: 20px;
  }
  .resource_info .category{
    background-color: var(--c-gray) !important; 
    padding: 2px 7px !important;
    color: var(--c-white);
    border-radius: 2px !important;
  }
  .category{
      font-family: var(--ff-lexend);
      font-weight: 300;
      font-size: 12px;
      line-height: 15px;
      text-transform: uppercase;
  }
  
  /*start form css*/
  .name_first{margin-right: 10px;}
  .name_last{margin-left: 10px;}
  .name_first label, .name_last label{padding-top: 0px !important; line-height: 18px !important;}
  .conatct-page-form .uabb-gf-style .gform_body input, 
  .conatct-page-form .uabb-gf-style .gform_wrapper .gfield select {
      margin-bottom: 0px !important;
  }
  .gform_wrapper .gform_body select{padding-left: 10px !important; font-size: 15px !important; line-height: 19px !important;}
  .gform_wrapper.gravity-theme form .gform_fields{grid-column-gap: 4%;}
  .gform_wrapper .gform_footer{text-align: center; padding-top: 9px !important;}
  .gform_wrapper textarea{height: 111px; padding-left: 15px;}
  .gform_wrapper .validation_message{
   background-color: #e34c54 !important;
   color: #ffe0e0 !important; 
   padding: 3px 4px !important; 
   font-size: 11px !important; 
   line-height: 14px !important;
   font-family: var(--ff-lexend) !important;
   font-weight: 600 !important;
   border: none !important;
   margin-top: 0px !important;
   width: 132px !important; 
  /* margin-left: 3px !important;*/
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
  }
  .gform_wrapper .gform_body .gfield_error{
    padding-top: 0px !important; 
    margin-top: 0px !important; 
    background-color: inherit !important;
    border: none !important;
  }
  .gform_wrapper .gform_body .gfield_error label{ color: var(--c-body-text); }
  .gform_wrapper .gform_body .gfield_required_asterisk{display: none;}
  .gform_wrapper .gform_body .gfield_error input, 
  .gform_wrapper .gform_body .gfield_error select, 
  .gform_wrapper .gform_body .gfield_error textarea
  {
    margin-bottom: 0px !important;
    border: solid 2px rgba(255, 71, 71, 0.89) !important;
    background-color: #ffe0e0 !important;
  }
  .gform_validation_errors{margin-bottom: 40px !important;}
  .focus_field .add-focus{border: solid 2px #8ada4b !important;}
  .gform_wrapper .gfield .ginput_container span label {
      font-weight: 400 !important;
      font-size: 14px;
  }
  .gform_wrapper .gfield_label {
      font-weight: 400 !important;
  }
  
  /*end form css*/
  
  .privacy_link{list-style: none; padding-left: 0px !important; float: right;}
  .privacy_link li{float: right; padding-left: 30px; }
  
  .career_menu:after{
      content: "We’re hiring!" !important;
      color: var(--c-white);
      background-color: var(--c-burple);
      padding: 1px 4px !important;
      border-radius: 31px !important;
      background-repeat: no-repeat;
      z-index: 999;
      position: absolute;
      top: -16px;
      left: 20px;
      font-size: 9px !important;
      line-height: 11px !important;
      font-family: var(--ff-lexend) !important;
      font-weight: 600 !important;
      letter-spacing: -0.09px !important;
  }
  
  
  /** Topbar css start**/
  
  .topbar .fl-cta-inline .fl-cta-button {padding-left: 0px; width: 31%;}
  .topbar .fl-cta-inline .fl-cta-text {width: 65%;}
  .topbar h3.fl-cta-title{padding-bottom: 0px !important;}
  
  /** Topbar css end **/
  
  
  /** menu css start **/
  
  
  .header_menu .sub-menu {
      width: 158px;
      border-radius: 3px;
      background-color: #e8ebef !important;
      box-shadow: 0 4px 11px 0 rgb(0 76 152 / 20%) !important;
  }
  
  .header_menu .sub-menu a {
      color: var(--c-body-text) !important;
      font-size: 14px;
      line-height: 22px;
      text-transform: capitalize;
      letter-spacing: 0.28px !important;
      padding-left: 20px;
      padding-bottom: 5px;
  }
  .header_menu .fl-menu .sub-menu {
      min-width: 161px;
      padding-top: 16px;
      padding-bottom: 6px;
      z-index: 101 !important;
  }
  .menu li {padding-bottom: 5px;}
  .menu .fl-has-submenu a {padding-right: 11px !important;}
  .header_menu li.fl-has-submenu {padding-right: 29px;}
  
  li.fl-has-submenu:hover .fl-has-submenu-container:before {
      content: "◥" !important;
      visibility: visible;
      transform: rotate( 675deg) !important;
      position: absolute !important;
      font-size: 25px;
      color: #e8ebef;
      width: 25px;
      height: 8px;
      top: 21px;
      pointer-events: none;
      z-index: 9999;
      left: 15px;
  }
  .header_menu .fl-menu .menu > li {
      padding-bottom: 11px;
      padding-right: 15px;
  }
  
  .header_menu .fl-has-submenu .sub-menu li a:hover {
    color: var(--c-aqua) !important;
}
  /*.header_menu #menu-main-menu li:not(.sub-menu li) {
      padding-top: 5px;
      padding-bottom: 20px;
  }
  */
  .fl-menu .fl-menu-toggle:before{
      width: 6px !important;
      height: 6px !important;
      margin-left: 0px !important;
      right: -8% !important;
      top: 71% !important;
  }
  .topbar > .fl-row-content-wrap {background-color: rgba(107, 46, 245, 0.7) !important;}
  /* burple */
  li.fl-has-submenu:hover .fl-menu-toggle:before {
      color: var(--c-aqua);
      content: '';
      margin: -9px -5px 0 0;
      transform: translateX(-5px) rotate(225deg);
  }
  
  
  
  /** menu css end **/
  
  
  /** ubermenu css start **/
  
  span.ubermenu-target-title.ubermenu-target-text:not(.ubermenu-submenu .ubermenu-target-title.ubermenu-target-text) {
      font-family:  var(--ff-lexend);
      font-size: 17px;
      line-height: 21px;
      font-weight: 400;
      color: var(--c-white);
      letter-spacing: -0.17px;
  }
  
  ul.ubermenu-submenu.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
      width: 270px;
      border-radius: 6px;
      background-color: #e8ebef !important;
      box-shadow: 0 4px 11px 0 rgb(0 76 152 / 20%) !important;
      left: auto;
      right: auto;
      padding-bottom: 20px;
      margin-left: 15px;
  }
  .ubermenu .ubermenu-submenu li.ubermenu-column-auto {
    width: 290px;
    }
  .ubermenu .fa-angle-down:before {
      color: var(--c-white);
      content: '';
      position: absolute;
      right: 50%;
      top: 50%;
      z-index: 1;
      display: block;
      width: 7px;
      height: 7px;
      margin: 1px -12px 0 0;
      border-right: 2px solid;
      border-bottom: 2px solid;
      transform-origin: right bottom;
      transform: translateX( -5px ) rotate( 45deg );
  }
  
  .ubermenu-submenu a.ubermenu-target {
      color: var(--c-body-text);
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.32px !important;
      padding-left: 15px;
      padding-bottom: 0px;
  }
  .header_menu_main li.mobile_contact_btn{display: none;}
  
  /*.ubermenu .ubermenu-item-has-children.ubermenu-active .ubermenu-submenu:before {
      content: "◥" !important;
      visibility: visible;
      transform: rotate( 675deg) !important;
      position: absolute !important;
      font-size: 23px;
      color: #e8ebef;
      height: 0;
      width: 0;
      top: -16px;
      pointer-events: none;
      z-index: 9999;
      left: 30px;
  }
  */
  .ubermenu .ubermenu-item-has-children.ubermenu-active a.ubermenu-target:not(.ubermenu-submenu a.ubermenu-target):after{
      content: "◥" !important;
      visibility: visible;
      transform: rotate( 675deg) !important;
      position: absolute !important;
      font-size: 23px;
      color: #e8ebef;
      height: 0;
      width: 0;
      pointer-events: none;
      z-index: 9999;
      left: 59px;
      top: 51px;
      opacity: 1;
      animation-name: example;
      animation-duration: 0.29s;
      transition-timing-function: ease-in;
      transition-delay: 0.1s;
  }
  @keyframes example {
    0%   { top: 0; opacity: 0; }
    100% { top: 51px; opacity: 0;}
  }
  .ubermenu a:focus {
      outline: none;
  }
  .ubermenu li.ubermenu-item.ubermenu-item-has-children {
      padding-left: 13px;
      padding-right: 12px;
  }
  .ubermenu .ubermenu-submenu li.ubermenu-column-auto:hover a {
      color: var(--c-aqua) !important;
      transition: all .5s ease !important;
  }
  .ubermenu .ubermenu-submenu li.ubermenu-column-auto a {
      transition: all .5s ease !important;
  }
  li.ubermenu-item:hover span.ubermenu-target-title.ubermenu-target-text:not(.ubermenu-submenu .ubermenu-target-title.ubermenu-target-text) {
      color: var(--c-aqua) !important;
      transition: all .5s ease !important;
  }
  li.ubermenu-item span.ubermenu-target-title.ubermenu-target-text:not(.ubermenu-submenu .ubermenu-target-title.ubermenu-target-text) {
      transition: all .5s ease !important;
  }
  .ubermenu .ubermenu-active .fa-angle-down:before {
      color: var(--c-aqua);
      content: '';
      margin: -6px -12px 0 0;
      transform: translateX( -5px ) rotate( 225deg );
  }
  .ubermenu-bound .ubermenu-submenu-type-mega {
      min-width: 43%;
  }
  #menu-item-34 .ubermenu-submenu-type-mega {
        min-width: 33%;
  }
  .header_menu_main li.mobile_resource_menu {
      display: none;
  }
  
  .header_menu .ubermenu .ubermenu-item-level-0 > .ubermenu-target{padding: 13px 15px 15px;}
  .ubermenu-submenu li:first-child a.ubermenu-target {padding-top: 19px;}

  .menuopen .top_header_row > .fl-row-content-wrap {
    margin-top: 0px !important;
    }


/* Navigation updates Jan 2025 */
#product-literature .fl-tabs-labels {
    display: block;
}

@media screen and (min-width: 992px) {
    #menu-item-34 .ubermenu-submenu-type-mega {
        width: 224px;
    }
}
@media screen and (max-width: 1200px) {
    .ubermenu li.ubermenu-item.ubermenu-item-has-children {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
  
  /** ubermenu css end **/
  
  
  /** footer css **/
  
  .footer_about_menu > .fl-col-content {
      position: relative;
      z-index: 1;
  }
  .footer_about_menu > .fl-col-content:after {
      position: absolute;
      background: none;
      width: 100%;
      height: 100%;
      top: 0;
      left: 100%;
      content: "";
      z-index: -1;
  }
  .footer_row {
      overflow-x: hidden;
      z-index: 2;
      position: relative;
  }
  .footer_row a:hover, .footer_row ul span.menu-item-text:hover {
      color: var(--c-aqua);
  }
  .footer_logo_sec .uabb-image .uabb-photo-img:hover {
      filter: brightness(0) saturate(100%) invert(69%) sepia(79%) saturate(1406%) hue-rotate(106deg) brightness(104%) contrast(85%);
  }
  /*.footer_menu_sec .fl-col-small{
      padding-right: 15px
  }*/
  .footer_about_menu li { display: inline;}
  .footer_about_menu li a{
      display: inline;
      color: var(--c-white);
      font-size: 17px;
      line-height: 21px;
      letter-spacing: 0.34px;
      padding-left: 20px;
      padding-right: 15px;
      font-family: var(--ff-lexend);
  }
  .footer_row ul span.menu-item-text {
      color: rgba(255, 255, 255, 0.7);
      font-family: var(--ff-lexend);
      font-size: 15px;
      line-height: 19px;
      letter-spacing: 0.3px;
  }
  .menu .uabb-creative-menu-vertical .uabb-toggle-none > span.menu-item-text{
      font-size: 17px;
      font-family: var(--ff-allotrope) !important;
      color: var(--c-white);
      letter-spacing: 0.68px;
      font-weight: 500;
  }
  /*.footer_application_menu ul { columns: 2;}*/
  ul.footer_policy_menu li { float: left; padding-right: 15px;}
  ul.footer_policy_menu { list-style: none; padding-inline-start: 0px;}
  .footer_about_menu ul { padding-left: 20px; line-height: 21px;}
  .footer_row .uabb-creative-menu .menu > li { margin-left: 0px !important; padding-bottom: 0px;}
  .footer_row .uabb-creative-menu .menu > li > a { padding-left: 0px !important; padding-bottom: 0px !important;}
  .career_menu_item:after{
      content: "WE’RE HIRING" !important;
      color: #2f2a2d;
      background-color: var(--c-white);
      padding: 2.6px 2.9px 1.6px !important;
      border-radius: 31px !important;
      background-repeat: no-repeat;
      z-index: 999;
      position: absolute;
      top: 22px;
      margin-left: -10px;
      font-size: 6.3px;
      line-height: 6.9px;
      font-family: var(--ff-lexend) !important;
      font-weight: 600;
      letter-spacing: 0.13px;
  }
  
  /** home page css **/
  
  .scale_list li:before {
      content: url(/content/uploads/2021/09/vector-1-stroke-new-green.svg);
      position: relative;
      margin-left: -20px;
      top: 2px;
      margin-right: 10px;
  }
  .scale_list ul {
      list-style: none;
  }
  .scale_list ul li a {
      color: var(--c-aqua);
      font-weight: 500 !important;
      letter-spacing: 0.28px;
      font-family: var(--ff-allotrope) !important;
  }
  .scale_list ul li {padding-bottom: 13px;}
  
  .home_upcoming_events a.uabb-button {background-color: transparent;}
  .resource_info .uabb-infobox:hover span.category {
      background-color: #1a3801 !important;
  }
  .resource_info span.category {
      transition: all .5s ease !important;
  }
  .our_products_col .uabb-infobox {
      border-radius: 50%;
      z-index: 9;
      background-image: linear-gradient(to bottom, var(--c-white) 25%, #e8ebef 83%);
      position: relative;
      right: 50px;
      top: 73px;
  }
  .our_products_col .fl-col-content.fl-node-content {
      overflow: hidden;
  }
  .our_products_col.fl-col-small:after {
      content: "";
      background-image: url(/content/uploads/2021/10/Group-1-100@2x.png);
      width: 450px;
      height: 100%;
      display: block;
      background-size: contain;
      position: absolute;
      top: 84px;
      z-index: 1;
      background-position: right top;
      background-repeat: no-repeat;
      margin-left: 60px;
  }
  .products_col_2.our_products_col.fl-col-small:after {
      margin-left: 75px;
  }
  .hero_section_gradient .fl-col-group {
      z-index: 9999;
      position: relative;
  }
  .home_publications .resource_box h5.uabb-infobox-title {
      margin-top: 10px;
      font-size: 17px;
  }
  .home_publications .resource_box {
      width: 100%;
      display: block;
  }
  .home_publications .resource_box > .fl-col-content {
      margin: 0 auto 15px;
  }
  .home_publications .resource_box .uabb-infobox {
      height: auto !important;
  }
  
  
  /*.fl-builder-content .about_scale_sec .infobox-photo-left .uabb-infobox-content {
      width: calc(100% - 520px);
  }*/ 
  .home_publications .uabb-dual-color-heading .uabb-second-heading-text, 
  .home_upcoming_events .uabb-dual-color-heading .uabb-second-heading-text {vertical-align: middle;}
  .about_scale_sec .uabb-text-editor p {padding-bottom: 5px;}
  .footer_logo_sec a.fl-button {
      padding: 10px 30px !important;
  }
  .uabb-dual-color-heading .uabb-second-heading-text {
    color: var(--c-aqua) !important;
  }
  .technology_featured_heading .uabb-dual-color-heading .uabb-second-heading-text {
      vertical-align: middle;
  }
  .application_home_sec > .fl-row-content-wrap{
        background: linear-gradient(180deg, var(--c-white) 0%, #E8EBEF 51.5%, var(--c-white) 100%);
  }
  .home_publications .alm-btn-wrap, .mobile_publictaions .alm-btn-wrap, .protocols .alm-btn-wrap {
      display: none;
  }
  .hero_section_gradient .fl-row-content-wrap:after {
    background-image: url(/content/uploads/2021/11/Group-468@2x.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: scroll;
    background-size: 354px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    content: " ";
    width: 100%;
    height: 100%;
  }
  .hero_section_gradient.no-mobile-bg .fl-row-content-wrap:after {
    background: none;
  }

  .page-id-1114 .hero_section_gradient .fl-row-content-wrap::after,
  .hero_section_gradient.no-hero-image .fl-row-content-wrap:after {
    background-image: none;
  }
  
  /** Resource listing **/
  
  .resource_box  {
    width: 33.33%;
    display: flex;  
  }
  .resource_box .uabb-infobox{
    display: flex;
    /*align-items: end;*/
    position: relative;
    border: 1px solid var(--c-aqua);
    border-radius: 6px;
    padding: 20px 20px 22px 20px;
    background-color: rgba(134, 202, 81, 0.1);
    width: 100%;
    cursor: pointer;
  }
  .resource_box > .fl-col-content{
      margin-left: 15px;
      margin-right: 15px;
      margin-bottom: 30px;
      width: 100%;
  }
  .resource_box .uabb-infobox:hover{
      background: rgba(134, 202, 81, 0.3) !important;
      box-shadow: 0 4px 20px 0 rgba(62, 138, 2, 0.3) !important;
      transition: all .5s ease !important;
  }
  /*
  .resource_box .resource_pdf .uabb-infobox:before {
      content: url('/content/uploads/2021/09/detach-1.svg');
      background: none !important;
      right: 17px;
      top: 20px;
  }*/
  .resource_box h5.uabb-infobox-title{
      margin-top: 25px;
      color: #1A3801;
      font-family: var(--ff-lexend);
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
  }
  .resource_box .uabb-infobox-title-prefix{
      line-height: 15px;
  }
  .resource_box .uabb-infobox-text {
      margin-top: 8px;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: -0.2px;
      text-transform: uppercase;
      color: var(--c-body-text);
  }
  .resource_box .uabb-infobox {
      transition: all .5s ease !important;
  }
  /*.protocol-col .uabb-image-content img {
    width: 150px;
    margin-top: 5px;
  }*/
  /* .protocols .resource_pdf .uabb-infobox:before{
      content: url(/content/uploads/2021/09/g-pdf-icon.svg);
  }  */
  .protocols .resource_box h5.uabb-infobox-title{
      margin-top: 12px;
  }
  
  .Count_resources .fl-rich-text{display: flex;}
  .Count_resources .fl-rich-text p{ padding-left:4px; }
  .alm-btn-wrap button.alm-load-more-btn.more {
      font-size: 16px;
      line-height: 22px;
      border: 1px solid var(--c-aqua) !important;
      background-clip: border-box !important;
      border-radius: 97px;
      font-family: var(--ff-lexend);
      font-weight: 500 !important;
      letter-spacing: -0.16px !important;
      background: transparent;
      color: var(--c-aqua);
      transition: all .5s ease !important;
      margin-top: 0px;
      height: 38px;
  }
  
  .alm-btn-wrap button.alm-load-more-btn.done{
      background-color: transparent !important;
      color: var(--c-aqua) !important;
  }
  .alm-btn-wrap {
    text-align: right !important;
  }
  .alm-btn-wrap .alm-load-more-btn.more {
        background-color: var(--c-aqua) !important;
        color: var(--c-white) !important;
    }
  .alm-btn-wrap .alm-load-more-btn:hover {
      background-color: var(--c-white) !important;
      color: var(--c-aqua) !important;
  }
  .alm-btn-wrap{padding-top: 0px !important;}
  .alm-btn-wrap .alm-load-more-btn.loading:before{
      background: transparent url(/content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center !important;
      top: -4px !important;
  }
  
  /** Application page css **/
  
  .application_product_infobox .uabb-infobox {
      z-index: 9;
      background-image: linear-gradient(to bottom, var(--c-white) 25%, #e8ebef 83%);
      position: relative;
      right: 44px;
      top: 88px;
      border-radius: 231px 250px 29px 100px;
  }
  .application_product_infobox .fl-col-content.fl-node-content {
      overflow: hidden;
      border-bottom-left-radius: 6px;
  }
  .other_applications ul li {
      width: 40%;
      float: left;
  }
  
  .application_publications .fl-row-content-wrap {
      /* background:linear-gradient(var(--c-white),#E8EBEF 23%, #E8EBEF 70% , var(--c-white) ); */
  }
  
  /*.application_publications .fl-row-content-wrap:before {
      z-index: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-image: linear-gradient(180deg, var(--c-white) 0%, #E8EBEF 29.5%, var(--c-white) 98%);
      position: absolute;
      top: 0px; 
      left: 0;
      display: block;
      bottom: 33px;
  }
  */
  
  /** About page **/
  
  .about_our_technology .fl-row-content-wrap {
      background-size: 1134px 577px;
  }
  .about_co_founders .co_founder_team img {
      max-width: 50px;
  }
  .about_co_founders .co_founder_team {
      width: 20%;
      float: left;
      display: flex;
      align-items: center;
      margin-right: -5px;
  }
  .about_co_founders p {
      font-size: 12px;
      letter-spacing: 0.24px;
      color: var(--c-body-text);
      font-weight: 500;
      padding-left: 10px;
      margin-bottom: 0px;
      padding-right: 20px;
  }
  
  /** News page css **/
  .news_post {
      margin-bottom: 50px;
  }
  .news_post h4.uabb-infobox-title {
      min-height: unset;
  }
  span.prefix_date {
      font-weight: 500;
      padding-left: 15px;
  }
  span.prefix_date {
      font-weight: 500;
      padding-left: 15px;
  }
  /*.news_post .fl-module-content {
      margin-bottom: 30px;
  }*/
  .news_featured_box span.prefix_date {
      font-weight: 500;
      padding-left: 0px;
  }
  .news_featured_box .news_post.resource_box {
      width: 50%;
  }
  .news_featured_box .alm-btn-wrap {
      display: none;
  }
  .news_featured_box .uabb-infobox-text p {
      font-family: var(--ff-lexend) !important;
      font-weight: 400 !important;
      font-size: 18px !important;
      line-height: 28px !important;
      letter-spacing: 0.36px;
      text-transform: capitalize;
      color: var(--c-body-text);
  }
  .news_featured_box .resource_info .uabb-infobox-title-wrap h4.uabb-infobox-title{
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 15px;
  }
  .news_post h4.uabb-infobox-title {
    /* color: #1a3801; old */
    color: var(--c-body-text);
    font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.18px;
      margin-top: 10px;
  }
  .news_post h6.uabb-infobox-title-prefix {
      color: var(--c-body-text);
      font-family: var(--ff-lexend);
      font-weight: 600;
      font-size: 14px;
      line-height: 18px;
      text-transform: uppercase;
  }
  .news_post.resource_box .uabb-infobox {
      padding: 30px 30px 30px 30px;
  }
  
  /** Events page css **/
  
  .events_info h5.uabb-infobox-title-prefix {
      background-color: var(--c-white);
      width: fit-content;
      padding: 6px 15px 6px 30px;
      margin-left: -30px;
      margin-bottom: 15px;
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
      border-left: 1px solid #c4c4c4;
      font-family: var(--ff-lexend);
      font-weight: 600;
      font-size: 15px;
      line-height: 19px;
      text-transform: uppercase;
      color: var(--c-burple);
  }
  /*.events_info .fl-col-content.fl-node-content{
      cursor: pointer;
  }*/
  /*.events_info:nth-child(3n-2) .fl-col-content.fl-node-content {
      background-image: url(/content/uploads/2021/09/events1@2x.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: scroll;
      background-size: cover;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      position: relative;
  }*/
  .event_load_class .alm-btn-wrap{
      margin-top: 34px;
  }
  .events_info {
      width: 50%;
      display: flex;
      cursor: pointer;
      position: relative;
  }
  .events_info .fl-col-content {
      /* background-color: rgba(0,103,176,0.8); */
      background-image: url(/content/uploads/2024/06/events_BG-scaled.webp);
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: cover;
      border-radius: 10px;
      width: 100%;
      margin: 15px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 159px;
      padding-bottom: 30px; 
  }
  .events_info h3.uabb-infobox-title{
      font-size: 24px;
      line-height: 32px;
      margin-top: 12px;
      margin-bottom: 15px;
  }
  .events_info h3.uabb-infobox-title, .events_info .uabb-infobox-text {
      color: var(--c-white);
  }
  span.region {
    font-weight: 700;
    margin-bottom: 15px;
  }
  /*.events_info:nth-child(3n-2) .fl-col-content.fl-node-content::after{ 
      background-image: linear-gradient(to bottom,rgba(255,255,255,0) 28%,#07396a 105%)!important;
      height: 100%;
      width: 100%;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
  }
  .events_info:nth-child(3n-2) .fl-col-content.fl-node-content .fl-module{
      z-index: 1;
      position: relative;
  }*/
  
  /* event feeds */
  @media screen and (min-width: 768px){
      [data-id="past_events"] .alm-reveal {
          display:grid;
          grid-template-columns: 1fr 1fr;
          gap:0px;
      }
  
      [data-id="past_events"] .alm-reveal {
          .events_info {
              width:100%;
          }
      }
  
      [data-id="past_events"] .events_info h3.uabb-infobox-title, 
      [data-id="past_events"] .events_info .uabb-infobox-text {
          height: auto !important;
      }
  }
  
  .fl-builder-edit .events_info:nth-child(3n-2) .fl-col-content.fl-node-content .fl-module{z-index: 9;}
  .fl-col.fl-col-small.extra_bg {
      width: 100%;
      position: absolute;
      height: 100%;
      background-color: var(--c-white);
      left: 63%;
      top: 0;
  }
  .contact-page-div .fl-row-content-wrap{overflow: hidden;}
  .fl-col-small.contact-information {
      width: 34.2%;
  }
  
  /** safari css **/
  
  @media not all and (min-resolution:.001dpcm) { @media {
      .our_products_col.fl-col-small:after {
          background-image: url(/content/uploads/2021/10/Group-1-100@2x.png);
          width: 450px;
          height: 400px;
      }
      .pum-content.popmake-conten:focus,.pum-content.popmake-content:focus-visible {
        outline: none !important;
      }
      li.fl-has-submenu:hover .fl-has-submenu-container:before {top: 29px;}
      .ubermenu .ubermenu-item-has-children.ubermenu-active a.ubermenu-target:not(.ubermenu-submenu a.ubermenu-target):after{
          font-size: 18px;
      }
      .fl-builder-content .fl-node-61667f297d902 .uabb-infobox.equal_element{
          display: flex;
          flex-direction: column-reverse;
      }
    
  }
  }
  
  /*@media only screen and (-webkit-min-device-pixel-ratio:0) {
      .ubermenu .ubermenu-item-has-children.ubermenu-active a.ubermenu-target:not(.ubermenu-submenu a.ubermenu-target):after{
          font-size: 17px;
      }
  }*/
  
  .macintosh .ubermenu .ubermenu-item-has-children.ubermenu-active a.ubermenu-target:not(.ubermenu-submenu a.ubermenu-target):after{
      font-size: 17px;
  }
  .macintosh li.fl-has-submenu:hover .fl-has-submenu-container:before{
      font-size: 18px;
      top: 22px;
  }
  .topbar{
      position: fixed;
      width: 100%;
      top: 0px;
      backdrop-filter: blur(3px);
      z-index: 101;
  }
  .desktop_resource_menu li.fl-has-submenu:hover .fl-has-submenu-container::before {
      top: 28px !important;
  }
  .log-in-btn .uabb-infobox {
      text-align: right;
  }
  .internal-links a {
      color: var(--c-aqua) !important;
  }
  .hp-event-box h5.uabb-infobox-title-prefix {
      font-family: var(--ff-lexend);
      font-weight: 600;
      font-size: 15px;
      line-height: 19px;
      text-transform: uppercase;
      color: var(--c-white);
  }
  .hp-event-box h3.uabb-infobox-title {
      font-weight: 500 !important;
      font-size: 17px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: var(--c-white);
      font-family: var(--ff-lexend);
      margin-top: 7px;
      margin-bottom: 13px;
  }
  .hp-event-box {
      padding-top: 25px;
      padding-right: 30px;
      padding-bottom: 25px;
      padding-left: 30px;
      background-image: url(/content/uploads/2023/03/gradient_events_bg@2x.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      margin-bottom: 25px;
  }
  .hp-event-box .transparent_btn a.uabb-button {
      border: solid 1px var(--c-white) !important;
  }
  .hp-event-box .transparent_btn a.uabb-button:hover{
      background-color: var(--c-green-btn-hover) !important;
      border: solid 1px var(--c-green-btn-hover) !important;
  }
  .hp-event-box .transparent_btn a .uabb-button-text, 
  .hp-event-box .transparent_btn a.uabb-button:hover .uabb-button-text{
      color: var(--c-white) !important;
  }
  .home_upcoming_events .alm-btn-wrap{
      display: none;
  }

  .pdp-learn-more .resource_box > .fl-col-content {
      margin-left: 0px;
      margin-right: 0px;
  }
  .pdp-learn-more .resource_box {
      width: 100%;
  }
  
  .video_autoplay {
      pointer-events: none;
  }
  .video_autoplay > .fl-col-content {
      pointer-events: painted;
      cursor: pointer;
  }
  
  .legal-notice-table .uabb-table td.table-body-td {
      padding: 10px;
      vertical-align: top;
  }
  /* Hide unnecessary menu from top admin bar to prevent it from getting crowded */
  #wp-admin-bar-ubermenu,
  #popup-maker-toolbar,
  #wp-admin-bar-gform-forms,
  #wp-admin-bar-gform-forms,
  #wp-admin-bar-new-content,
  #wp-admin-bar-comments,
  #wp-admin-bar-customize,
  #wp-admin-bar-updates,
  #wp-admin-bar-popup-maker,
  #wp-admin-bar-wpseo-menu,
  #wp-admin-bar-wpengine_adminbar,
  #wp-admin-bar-enable-jquery-migrate-helper,
  #wp-admin-bar-ubermenu_loading,
  #wp-admin-bar-imagify,
  #wp-admin-bar-easy-updates-manager-admin-bar,
  #wp-admin-bar-lc_settings,
  #wp-admin-bar-vc_inline-admin-bar-link
  {
      display: none;
  }
  
  /*service page css start*/
  .service-form .gform_wrapper.gravity-theme .ginput_container_address span {
      flex: 50%;
  }
  .service_countery label {
      display: none !important;
  }
  .service_countery legend {
      margin-bottom: -1px !important;
      border-bottom: 0px solid #e5e5e5 !important;
  }
  .service_countery .proj-desc textarea{
      background-color: var(--c-white) !important;
  }
  .proj-desc label.gfield_label, 
  .service_countery legend.gfield_label.gfield_label_before_complex {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.28px;
      color: var(--c-body-text);
      font-weight: 400 !important;
  }
  .price-quote legend.gfield_label.gfield_label_before_complex {
      border-bottom: 0px solid transparent;
  }
  label#label_5_6_1:before{
      width: 30px !important;
      height: 30px !important;
  }
  /*service page css end*/

  /*========== Publications page ==========*/
  #pub-search-row {
    background: #5513FF;
    padding-block: 60px 45px;
  }
  #pub-search-row .fl-search-text {
    height: 64px;
    border-radius: 60px;
    padding-inline: 30px;
  }
  #pub-search-row .fl-button {
    width: 173px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #pub-search-tabs .fl-tabs-panels,
  #literature-search-tabs .fl-tabs-panels {
    display: none;
  }
  #pub-search-tabs .fl-tabs-label {
    color: var(--c-white);
  }
  #pub-search-tabs .fl-tab-active {
    background: none;
    color: var(--c-white);
    border-bottom: 2px solid var(--c-white) !important;
  }
  #literature-row .full-content-width {
    width: 100% !important;
  }
  #literature-search-tabs .fl-tabs-labels {
    margin-bottom: 40px;
  }
  #literature-search-tabs .fl-tab-active {
    background: none;
    color: var(--c-blue);
    border-bottom: 2px solid var(--c-blue) !important;
  }
  .pub-ajax-loading {
    opacity: 0.2;
  }
  #no-results-row {
    display: none;
  }
  .resource-row .fl-row-content {
    border-bottom: 1px solid var(--c-gray);
  }  
  #videos-row .fl-row-content {
    border-bottom: none;
  }

  .ajax-container .alm-listing {
    display: grid;
  }
  .hidden + .hidden + .hidden + .hidden + #no-results-row {
    display: block;
  }
  #publications-row .alm-listing,
  #webinars-row .alm-listing,
  #literature-row .alm-listing {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  #videos-row .alm-listing {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
  @media (max-width: 767px) {
    #publications-row .alm-listing,
    #webinars-row .alm-listing,
    #literature-row .alm-listing,
    #videos-row .alm-listing {
        grid-template-columns: 1fr;
    }
  }
  .webinar-events-info {
    list-style-type: none;
  }
  .webinar-events-info a {
    display: block;
  }
  .webinar-events-info .video-thumbnail {
    display: grid;
    place-items: center;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .webinar-events-info .video-thumbnail * {
    grid-area: 1 / -1;
  }
  .webinar-events-info .video-thumbnail .attachment-post-thumbnail {
    width: 100% !important;
    aspect-ratio: 16 / 9;
  }
  .region {
    margin-bottom: 10px;
  }
  .webinar-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .watch-now {
    font-size: 14px;
  }
  .video-content {
    font-weight: 300 !important;
  }

  .literature_info,
  .resource_info {
        list-style: none;
  }
  .resource_info .uabb-infobox {
    background: var(--c-publication-bg);
    border-radius: 15px;
    border: none !important;
    padding: 45px;
    display: block;
    height: 100%;
  }
  .resource_info .uabb-infobox-left-right-wrap,
  .literature_info .uabb-infobox-left-right-wrap {
        padding-right: 0;
  }
  .resource_info .uabb-infobox-title {
    font-size: 24px;
    line-height: 120%;
    font-weight: 600;
    margin-bottom: 10px !important;
    color: var(--c-black);
    display: block;
    font-family: var(--ff-lexend);
  }
  .resource_info .uabb-infobox-text {
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    color: var(--c-black);
  }
  .resource_info .uabb-infobox-content::after {
    content: '> Read Publication';
    color: var(--c-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-top: 20px;
    display: block;
    font-weight: 400;
  }
  .resource_info:hover .uabb-infobox-content::after {
    color: var(--c-aqua);
  }
  .literature_info .uabb-infobox-title {
    font-family: var(--ff-lexend);
    color: var(--c-black);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 15px !important;
    margin-top: -5px;
  }
  .literature_info .uabb-infobox-text {
    font-size: 18px;
    line-height: 28px;
    color: var(--c-black);
  }
  .literature_info .uabb-infobox:hover .uabb-infobox-title,
  .literature_info .uabb-infobox:hover .uabb-infobox-text {
    color: var(--c-aqua);
  }
  #literature-row .literature_info .uabb-infobox {
    display: flex;
  }
  #literature-row .uabb-imgicon-wrap {
    flex: 0 0 48px;
    margin-right: 20px;
  }
  .uabb-infobox-title-wrap .uabb-infobox-title {
    height: auto !important;
  }

/*========== Support page sales force form page ==========*/
#support-page-sf-form {
        padding: 20px 20px 50px 20px;
}
#support-page-sf-form .gfield_label {
    line-height: 2;
    display: block;
    color: var(--c-white);
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}
#support-page-sf-form .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 13.008px;
    padding-inline-start: 0.125em;
    margin-left: 2px;
}
#support-page-sf-form input {
    padding: 15px;
}
#support-page-sf-form .gform_fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 4%;
    width: 100%;
}
#support-page-sf-form .gfield--width-full {
    grid-column: span 2;
}
@media (max-width: 767px) {
    #support-page-sf-form .gfield--width-half {
        grid-column: span 2;
    }
}
#support-page-sf-form select {
    width: 100%;
    padding-inline: 8px;
    appearance: none;
    border-radius: 4px;
    border: none;
    min-height: 52px;
    background: var(--c-white);
}
#support-page-sf-form .ginput_container_select {
    position: relative;
}
#support-page-sf-form .ginput_container_select::after {
        content: "\f078";
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  font-size: 0.7em;
  line-height: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
  right: 8px;
  pointer-events: none;
  z-index: 5;
}
#support-page-sf-form input[type="submit"] {
    padding: 0;
    height: 40px;
    width: 166px;
    border-radius: 20px;
    margin-top: 10px;
}
#support-page-sf-form textarea {
    min-height: 290px;
}