@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=DM+Serif+Text&family=Open+Sans:wght@400;500;700&display=swap');

/* Theme base styles*/
body, html {
    margin: 0;
    padding: 0;
}


* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

ul.no-disc {
    list-style: none;
    margin: unset;
    padding: unset;
}


/*----------  Includes  ----------*/

:root{
/* 	base colors */
	--white: #fff;
	--green100: #0166A2;
	--green200: #0166A2;
	--green300: #0166A2;
	--green500: #0166A2;	
	--green700: #0166A2;
	--green900: #0166A2;

	--red500: #AA4D2A;

	--brown500: #0D3556;
	--brown400: #0D3556;

/* 	theme color variables */
	--primaryColor100: var(--green100);
	--primaryColor200: var(--green200);
	--primaryColor300: var(--green300);
	--primaryColor500: var(--green500);
	--primaryColor700: var(--green700);
	--primaryColor900: var(--green900);

	--secondaryColorBase: var(--brown500);
	--secondaryColorLight: var(--brown400);

	--warningColorBase: var(--red500);

/* 	fonts */
	--fontPrimary: 'calibri', sans-serif;
	--fontSecondary: 'Futura', serif;

	--buttonText: var(--primaryColor900);
	--buttonTextReversed: var(--white);

/* 	border radius */
	--borderRadiusSmall: 0.375rem;
	--borderRadiusMedium: .5rem;
	--borderRadiusLarge: .75rem;
}
/*=============================================
=            Main Typography Setup            =
=============================================*/








h1,h2,h3,h4,h5,h6,p{
	margin: 0;
}

h1{
  
    font-weight: 500; font-family: Futura;
    font-size: 40px;
    text-transform: ;
    font-weight: 500; font-family: Futura;
    font-size: 40px;
  
	font-weight: 500;
	line-height: 1.1;
  color: #000000;
}

h2{
  
    35;
    font-weight: 500; font-family: Futura;
    font-size: 35px;
    text-transform: none;
  
	font-weight: 500;
	line-height: 1.125;
  color: #000000;
}

h3{
  
    font-weight: 500; font-family: Futura;
    font-size: 26px;
    text-transform: none;
  
	font-weight: 500;
  color: #000000;
/* 	// font-size: 3rem; //48px */
	line-height: 1.1;
}

.subtitle, h4.subtitle, h4 {
  
    font-weight: 500; font-family: Futura;
    font-size: 21px;
  
/*   letter-spacing: 2.5px; */
	line-height: 1.25;
  color: #000000;
}

h5{
  
    font-weight: 500; font-family: Futura;
    font-size: 20px;
    color: #00326D;
    font-size: 20px;
    text-transform: none;
  
  color: #000000;
	line-height: 1.35;
}

h6{
  
    font-weight: 500; font-family: Futura;
  
	line-height: 1.35;
  text-transform: uppercase;
/*   letter-spacing: .75px; */
  color: #000000;

}

p, p span, ul li {
  
    font-weight: 400; font-family: calibri;
    ;
  
	line-height: 1.4;
	color: #2b2b2b;
}

h1 + p{
	margin-top: 1rem;
}

.subtitle + h3{
	margin-top: .5rem;
}

h3 + p{
	margin-top: 1.625rem;
}

p + p{
	margin-top: 1rem;
}


a:not(.btn):not(li.hs-item-has-children a):not(.tab-bar):not(.tab):not(.tab.active)
:not(.tab-bar a.active):not(.hs-button.large.primary)
:not(header .nav-wrapper .hs-menu-wrapper li a, header .nav-wrapper .hs-menu-wrapper li span)
:not(.mobile-nav nav li a)
:not(footer .footer-bottom a), 
.card--text .card--action a {
  
}


/*----------  Typography Helpers  ----------*/

/* Add as needed */

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}
/*=====  End of Main Typography Setup  ======*/
















/* button variables from theme */









/*=============================================
=            Buttons            =
=============================================*/

.btn {
  --iconWidth: 1.125rem;
  --iconHeight: 1.125rem;
  --largeIconWidth: 1.25rem;
  --largeIconHeight: 1.25rem;
  --smallIconWidth: .875rem;
  --smallIconHeight: .875rem;
}

.btn {
  padding: 1rem 1.375rem;
  letter-spacing: 0.25px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--borderRadiusSmall);
  color: var(--buttonText);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  transition: .35s all ease-in-out;
  
  
    font-size: 0.875rem;
    font-weight: 700; font-family: calibri;
    font-weight: 700;
  
}

.btn:hover {
   transition: .35s all ease-in-out;
}
.btn:focus {
  outline: 1px solid var(--primaryColor500);
  outline-offset: 4px;
}

.btn_small {
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
}

.btn_large {
  font-size: 1rem;
  padding: 1.5rem 1.625rem;
}

.btn_primary {
    
      background: var(--primaryColor100);
      
}

.btn_primary:hover {
  
    background: var(--primaryColor300);
  
  
}

.btn_secondary {
    
      background: var(--primaryColor900);
      color: var(--buttonTextReversed);
      
}

.btn_secondary:hover {
  
    background: var(--primaryColor700);
  
}

.btn_tertiary {
  
    background: transparent;
    border-color: var(--primaryColor300);
    color: var(--white);
  
}

.btn_tertiary:hover {
  
    background-color: var(--primaryColor300);
    color: var(--buttonText);
   
}

.btn_tertiary-reversed {  
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn_tertiary-reversed:hover {
  background-color: var(--primaryColor300);
  color: var(--buttonText);
}

.btn_reversed {
  background: var(--primaryColor100);
  color: var(--buttonText);
}

.btn_reversed:hover {
  background: var(--primaryColor300);
}

.btn_link {
  padding-left: unset;
  padding-right: unset;
  font-size: 1rem;
  color: var(--primaryColor500);
  display: flex;
  align-items: center;
}

.btn_link:hover {
  text-decoration: underline;
  color: var(--primaryColor700);
}

.btn_link svg {
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  stroke-width: 2;
}

.btn_link__icon-left svg {
  margin-right: 0.5rem;
  margin-left: unset;
}

.btn_has-icon {
  display: flex;
  align-items: center;
  width: fit-content;
}

.btn_has-icon .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.375rem;
}

.btn_has-icon .btn-icon svg {
  width: var(--iconWidth);
  height: var(--iconHeight);
  stroke-width: 2;
}

.btn_has-icon_right .btn-icon {
  margin-left: 0.375rem;
  margin-right: unset;
}

.btn_small.btn_has-icon .btn-icon svg {
  width: var(--smallIconWidth);
  height: var(--smallIconHeight);
}

.btn_large.btn_has-icon .btn-icon svg {
  width: var(--largeIconWidth);
  height: var(--largeIconHeight);
}

.button-group {
  margin-top: 2.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

/*=====  End of Buttons  ======*/
/*=============================================
=            Forms            =
=============================================*/

/* custom form styles */










.newsletter-signup .form--column form label span {
  color: var(--primaryColor500);
}
.newsletter-signup .form--column form input {
  border: 2px solid var(--primaryColor300);
}




.form-field label {
  display: block;
  font-family: var(--fontPrimary);
  font-size: 0.875rem;
  color: var(--primaryColor500);
  margin-bottom: 0.375rem;
}

.form-field input[type=text], .form-field input[type=email], .form-field input[type=tel] {
  border: 1px solid var(--primaryColor300);
  border-radius: var(--borderRadiusSmall);
  padding: 0.75rem 0.875rem;
  font-size: 1rem;
}

.form-field input[type=text]::-moz-placeholder, .form-field input[type=email]::-moz-placeholder, .form-field input[type=tel]::-moz-placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]:-ms-input-placeholder, .form-field input[type=email]:-ms-input-placeholder, .form-field input[type=tel]:-ms-input-placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]::placeholder, .form-field input[type=email]::placeholder, .form-field input[type=tel]::placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]:focus, .form-field input[type=email]:focus, .form-field input[type=tel]:focus {
  outline: 1px solid var(--primaryColor700);
}

.form-field_has-error label {
  color: var(--warningColorBase);
}

.form-field_has-error input[type=text], .form-field_has-error input[type=email], .form-field_has-error input[type=tel] {
  border-color: var(--warningColorBase);
}

/*=====  End of Forms  ======*/
/*=============================================
=            Error Components            =
=============================================*/

@media screen and (min-width: 1024px) {
	.component_error .error-page{
		display: grid;
		grid-template-columns: .5fr .5fr;
		grid-gap: 2rem;
	}	
}

@media screen and (min-width: 1350px) {
	.component_error .error-page{
		display: grid;
		grid-template-columns: 1fr .66fr;
		grid-gap: 2rem;
	}	
}

.error-page svg{
	max-width: 650px;
    margin: 0 auto;
    display: grid;
}

@media screen and (max-width: 1023px) {
	.error-page svg:not(.arrow-left){
		margin-bottom: 1.5rem;
	}
}

.error-page svg .blobby{
	fill: var(--primaryColor100);
}

.error-page svg .texty{
	fill: var(--primaryColor900);
	stroke: var(--primaryColor900);
}


.component_error .error-page .text-wrapper{
	align-self: end;
}

.component_error .error-page .text-wrapper .btn{
	margin-top: 2rem;
}
/*=====  End of Error Components  ======*/
/*=============================================
=            Blog Page            =
=============================================*/

.action-bar {
    padding: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.action-bar .search {
    margin-left: 2rem;
}

.action-bar .search .icon {
    color: var(--primaryColor500);
}

.action-bar .search .icon svg {
    width: 20px;
    height: 20px;
    stroke-width: 2;
}

/* Pagination */
.pagination .pagination--wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.pagination .pagination--wrapper .btn span {
    display: none;
}

@media (min-width: 768px) {
    .pagination .pagination--wrapper .btn span {
        display: block;
    }
}

.pagination .pages ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .pagination--wrapper a.blog-pagination__link {
    position: relative;
    font-family: var(--fontPrimary);
    color: var(--primaryColor500);
    padding: 11px;
    line-height: 1;
    text-decoration: none;
}

.pagination .pages ul li {
    position: relative;
    font-family: var(--fontPrimary);
    color: var(--primaryColor500);
    padding: 11px;
    line-height: 1;
}

.pagination .pages ul li:hover {
    cursor: pointer;
    color: var(--primaryColor700);
}

.pagination .pages ul li.pagination-item_current:before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--primaryColor500);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

/*=====  End of Blog Page  ======*/

/*=============================================
=            Tabs            =
=============================================*/

.tabs {
    width: 100%;
}

.tabs ul {
    display: flex;
    align-items: center;
    color: var(--primaryColor900);
    font-family: var(--fontPrimary);
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 2px solid #dedede;
    padding: 1rem 0;
}

.tabs ul li:hover {
    cursor: pointer;
    color: var(--primaryColor500);
}

.tabs ul li.tab-item_current {
    color: var(--primaryColor500);
}

.tabs ul li + li {
    margin-left: 1.5rem;
}

.tabs .bar {
    --barWidth: 0;
    --Xvalue: 0;
    height: 2px;
    width: var(--barWidth);
    background: var(--primaryColor500);
    transform: translate(var(--Xvalue), -2px);
    transition: 0.2s ease-in-out;
}

/*=====  End of Tabs  ======*/

/*=============================================
=            Blog Elements            =
=============================================*/

/*----------  Blog Card  ----------*/

.card {
    border-radius: var(--borderRadiusMedium);
    box-shadow: 0px 1.7px 1.7px -12px rgba(0, 0, 0, 0.04), 0px 5.8px 5.8px -12px rgba(0, 0, 0, 0.06), 0px 26px 26px -12px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    cursor: default;
    height:100%;
}

.card:hover .card--image img {
    opacity: 0.6;
    transform: scale(1.05);
}

.card--image {
    overflow: hidden;
    border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
    max-height: 225px;
    height: 225px;
    background: var(--primaryColor900);
}

.card--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.15s linear;
}

.card--text {
    padding: 2.5rem 2rem;
    background: var(--white);
    border-radius: 0 0 var(--borderRadiusMedium) var(--borderRadiusMedium);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 225px);
}

.card--text .card--title {
    font-family: var(--fontSecondary);
    font-size: 1.5rem;
    line-height: 1.1;
    margin-bottom: 5px;
    color: var(--primaryColor900);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card--title a {color: inherit;text-decoration: none;}

.card--text .card--subtitle {
    font-family: var(--fontPrimary);
    color: var(--primaryColor500);
    text-transform: uppercase;
    letter-spacing: 1.25px;
    font-weight: 600;
    margin-bottom: 8px;
    display:flex;
    align-items: center;
}

.card--text .card--subtitle .icon{
    display:flex;
    align-items: center;
    margin-right: 7px;
}

.card--text .card--subtitle svg{
    width: 19px;
    height: 19px;
}

.card--text .card-desc {
    font-family: var(--fontPrimary);
    font-size: 1rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card--text .card--action {
    margin-top: 0.75rem;
}

.card--text .card--action a {
    color: var(--primaryColor500);
    font-family: var(--fontPrimary);
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.card--text .card--action a:hover {
    text-decoration: underline;
}

.card--text .card--action svg {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 5px;
}

.blog-listing-img img {
    width: 100%;
    vertical-align:middle;
    vertical-align: middle;
    object-fit: cover;
    object-position: top;
    max-height: 460px;
}

/*----------  Blog Card Group/Grid  ----------*/

.component_card-grid .card-grid--wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 3.5rem;
}

.component_blog-feature-1 {
    padding: 5rem 1rem;
    background: var(--primaryColor100);
}

@media (min-width: 1200px) {
    .component_blog-feature-1 {
        padding: 5rem 0;
    }
    .component.component_blog-article {
        padding: 4rem 0 5rem !important;
    }
}

.component_blog-feature-1 .subtitle,
.component_blog-feature-1 h2 {
    text-align: center;
}

.component_blog-feature-1 .component_card-grid {
    margin-top: 2rem;
}


@media (max-width:575px){

    .card--image{
        height: 175px;
    }

    .card--text{
        height: calc(100% - 175px);
        padding:1.5rem;
    }

}


/*=====  End of Blog Elements  ======*/

/*=============================================
=            Blog Article            =
=============================================*/


.blog-related-posts__post-image-wrapper img {
    width: 100%;
}

.component_blog-article main{
    max-width: 110ch;
    margin: 0 auto;
}

.component_blog-article .blog-post--details{
    display:flex;
    align-items: center;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .75px;
    color: var(--primaryColor500);
    font-family: var(--fontPrimary);
    font-weight: 600;
    margin: 2rem 0;
}

.blog-post--details > div{
    display: flex;
}

.blog-post--details > div + div::before{
    content: '';
    position:relative;
    border-left: 1px solid var(--primaryColor500);
    margin: 0 1rem;
}

.blog-post--details svg{
    width: 17px;
    height: 17px;
    margin-right: 7px;
    stroke-width: 2.25;
}

.blog-post--details ul.tags {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: auto;
}

.blog-post--details ul.tags li {
    /*   background: var(--primaryColor200); */
    padding: 0.5rem 0.75rem;
    font-size: .625rem;
    border-radius: 20px;
    letter-spacing: 1px;
}

.blog-post--details ul.tags li + li {
    margin-left: .75rem;
}

.blog-post--details ul.tags a{
    color: var(--primaryColor700);
    text-decoration: none;
}


.blog-post--content img{
    border-radius: var(--borderRadiusLarge);
    margin: .75rem 0;
}

.blog-post--content h2{
    margin-top: 2.125rem;
    margin-bottom: 1.75rem;
    /*   font-size: clamp(2rem,calc(0.75rem + 3vw),3.5rem); */
}

.blog-post--content h3{
    margin-top: 2rem;
    /*   font-size: clamp(1.875rem,calc(0.75rem + 3vw),2.75rem); */
}

.blog-post--content h4{
    margin: 1.25rem 0; 
    /*   font-size: clamp(1.5rem,calc(0.75rem + 2.25vw),2.5rem); */
}

.blog-post--content h5{
    margin: 1rem 0; 
    /*   font-size: clamp(1.25rem,calc(0.75rem + 2vw),2.25rem); */
}

.blog-post--content a{
    color: var(--primaryColor500); 
}

.blog-post--content a:visited{
    color: var(--primaryColor900); 
}

.blog-post--content a:focus{
    outline: 1px solid var(--primaryColor500);
    outline-offset: 2px; 
    border-radius: 2px;
}

.blog-post--content figcaption{
    font-family: var(--fontSecondary);
    font-size: .75rem;
    margin-top: 1rem; 
}


/*=====  End of Blog Article  ======*/




.blog-post-img {
    margin-bottom: 30px;
}

img.author_avatar {
    height: 20px;
    padding-right: 10px;
    width: 30px;
    object-fit: cover;
}



.icon {
    display: flex;
    align-items: center;
    margin-right: 7px;
}

.icon {
    width: 19px;
    height: 19px;
}

.card--subtitle {
    display: flex;
    align-items: center;
}

.card--subtitle {
    font-family: var(--fontPrimary);
    color: var(--primaryColor500);
    text-transform: uppercase;
    letter-spacing: 1.25px;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.blog-related-posts__content {
    padding: 2.5rem 2rem;
    background: var(--white);
    border-radius: 0 0 var(--borderRadiusMedium) var(--borderRadiusMedium);
}

h5.blog-related-posts__title {
    font-size: 1.5rem;
    line-height: 1.1;
    margin-bottom: 5px;
    color: #0166a2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
}

.blog-related-posts__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

article.blog-related-posts__post {
    border-radius: var(--borderRadiusMedium);
    box-shadow: 0px 1.7px 1.7px -12px rgba(0, 0, 0, 0.04), 0px 5.8px 5.8px -12px rgba(0, 0, 0, 0.06), 0px 26px 26px -12px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    cursor: default;
    overflow: hidden;
}

section.blog-related-posts {
    margin: 60px 0 0;
}

h3.post__heading {
    display: block;
    margin: 0 0 20px;
}

.card--action a {
    color: var(--primaryColor500);
    font-family: var(--fontPrimary);
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.card--action {
    margin-top: 0.75rem;
}

#filter-blog .field label {
    display: block;
    font-weight: bold;
    font-family: "calibri";
    margin: 0 0 10px;
}

#filter-blog select {
    padding: 8px;
    border: solid 1px #cdcdcd;
    line-height: 26px;
    min-width: 120px;
    font-family: "calibri";
    font-size: 16px;
}

#filter-blog .field {
    display: inline-block;
    vertical-align: bottom;
    padding: 0px 15px 15px 0px;
}

#filter-blog input[type="submit"] {
    border-radius: 0px;
    padding: 10px 25px;
    font-family: "calibri";
    font-weight: 600;
    cursor: pointer;
    transition: background 150ms ease-in-out;
    background: #0073aa;
    border: none;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    outline: none;
    text-decoration: none;
    vertical-align: bottom;
}

#filter-blog {
    margin: 30px 0 0;
}

#filter-blog input[type="submit"]:hover,
#filter-blog button[type="submit"]:hover{
    background-color: #8b8b8d;
}

img.blog-related-posts__image {
    width: 100%;
}
.height_equal{
    width: 100%;
    height: 200px !important;
    object-fit: cover; 
}

.social-links svg path {
    fill: #0166A2;
}

.social-links {
    margin: 20px 0 0;
}

.social-links a {
    text-decoration: none;
}

.social-links a svg { 
    width: 35px;
    height: 35px;
}

.disclosure_module.TopModule .disclosure,.disclosure_module.TopModule .disclosure p, .disclosure_module.TopModule .disclosure p span{font-weight: 400;font-family: calibri;line-height: 1.4;color: #2b2b2b;font-size:16px;}
.disclosure_module {padding:30px 0;border-bottom:solid 1px #9a9a9a;}
.disclosure_module .disclosure, .disclosure_module .disclosure p, .disclosure_module .disclosure p span{font-size:14px;font-weight: 400;font-family: calibri;line-height: 1.4;color:#8c8c8c;}
.card-desc.custom-body,.card-desc.blog-body {margin-top: 1rem;}

.card-grid--wrapper .tag-group {display: flex;flex-wrap: wrap;margin: 0 -5px;padding-bottom: 12px;align-items:center;}
.card-grid--wrapper .tag-group .tag-item {
    padding: 5px 7px;
    color: #0166A2;
    position: relative;
}
.card-grid--wrapper .tag-group .tag-item:not(:last-child):after {
    content: '';
    height: 50%;
    width: 2px;
    position: absolute;
    right: -1px;
    top: 50%;
    display: block;
    background-color: #0166A2;
    transform: translateY(-50%);
}
.card-grid--wrapper .tag-group .tag-item a.topic-link {color: #0166A2;text-decoration: none;font-family: Futura, serif;transition: 400ms all;}
.card-grid--wrapper .tag-group .tag-item a.topic-link:hover {opacity:0.8;}

@media (max-width:991px){
    .blog-related-posts__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width:767px){
    .blog-related-posts__list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.st-nav-fixed1{ margin: 0 auto; padding: 0; transition: all .5s ease; width: 100%; border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #d8d8d8;}
.st-logo-img{line-height:0;}
.st-nav-simple-top form.as-serch-box-foorm { padding: 0; }
.st-nav-simple-top { display: flex ; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.st-nav-fixed-head{align-items:center;display:flex; padding:0 20px; max-width:1280px; margin:auto;}
.st-nav-cta{width:166px}
.bm-serch-srts { position: relative; width: 180px; }
.st-menu-mixed ul{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:0;padding-left:0}
/* .st-menu-mixed ul li{font-weight:500;line-height:1.14875;margin-bottom:0} */
.st-nav-cta a{background:#ffffff33;border-radius:30px;color:#fff;display:inline-block;font-family:Work Sans,Arial,sans-serif;font-size:12px;font-weight:600;height:40px;line-height:40px;min-width:166px;padding:0 10px;text-align:center}
ul.hs-menu-children-wrapper.st-add-m1{min-width:384px!important}
.st-menu-mixed .hs-menu-wrapper>ul>li { margin: 0 23px; position: relative; font-size: 18px;        width: fit-content;}
.st-nav-fixed-head .st-nav-info .button-of{text-align:right}
.st-info-mixed .hs-item-has-children.mega_menu ul.hs-menu-children-wrapper li{border:0}
ul.hs-menu-children-wrapper li{margin:0;width:100%}
ul.hs-menu-children-wrapper li a img{margin-right:15px}
ul.hs-menu-children-wrapper li:last-child{margin-bottom:0}
.st-menu-mixed .hs-menu-wrapper>ul>li:hover>.hs-menu-children-wrapper{opacity:1;visibility:visible}
.st-menu-mixed .hs-menu-wrapper>ul>li:last-child{margin-right:0}
.st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children:hover:after{opacity:1;visibility:visible}
ul.hs-menu-children-wrapper li a{-webkit-transition:all .3s linear;transition:all .3s linear;width:100%}
.st-menu-mixed .mobile-trigger~.hs-menu-wrapper>ul>.st-nav-cta{display:none;text-align:left;width:100%}
.st-menu-mixed .mobile-trigger~.hs-menu-wrapper>ul>.st-nav-cta a{background-color:#344fdf;color:#fff}
.st-menu-mixed .hs-menu-wrapper ul li a:not(.button-of a){color:#ffffff;font-weight: 600; padding:13px 20px;display:inline-block;font-size:inherit;text-decoration: none !important;line-height:inherit;transition:all .5s ease}
.st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1 > a {
    color: #000000 !important;
    padding: 0 !important;
}
.st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1 > a:hover {
    background: transparent !important;
}

.st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1:hover > a {
    color:#0166a2 !important;
}

.st-menu-mixed .hs-menu-wrapper ul li ul li a:not(.button-of a):hover {
    background: #494949 !important;
}
.st-menu-mixed .hs-item-has-children.mega_menu ul.hs-menu-children-wrapper li a{background-color:transparent!important;padding:0}
.st-menu-mixed ul li a:hover{opacity:1}
.st-info-mixed{align-items: center; display: flex ; flex-wrap: wrap; justify-content: flex-end; padding: 0 20px 0 0px;}
.st-menu-mixed ul~.st-nav-info{display:none}
/* .st-nav-fixed1.nav-sticky{box-shadow:0 2px 12px 0 hsla(0,0%,60%,.52)} */
.st-menu-mixed .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper{background-color:#33373d !important;border-radius:0;left:0;min-width:258px;opacity:0;position:absolute;top:100% ;transition:all .5s ease;visibility:hidden;z-index:999}
/* .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children>a{padding-right:22px} */
.st-menu-mixed .hs-menu-wrapper>ul>li:first-child{margin-left:0}
.st-nav-fixed1>.hs-menu-children-wrapper{display:none}
.st-nav-info,.st-user-info{align-items:center;display:flex;flex-wrap:wrap}
.st-user-info .st-user-img{line-height:0;width:18px}
.st-user-info .st-user-img img{max-width:18px!important}
.st-user-info .st-user-img+.st-user-name{padding-left:5px}
*+.st-intro-cta{margin-left:10px}
.st-nav-info .st-intro-cta .button-of a{line-height:1.14875;padding:13px 22px 13px 45px;position:relative;z-index:1}
.st-nav-info .st-intro-cta .button-of a:before{background-image:url(https://145630511.fs1.hubspotusercontent-eu1.net/hubfs/145630511/BioSpring%202025/Images/mdi_customer-service.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:18px;left:22px;pointer-events:none;position:absolute;top:14px;width:18px}
.st-nav-fixed-head .st-nav-info{justify-content:flex-end;margin-top:13px;text-align:right;width:390px}
/* .st-nav-fixed-head .st-info-mixed{margin-top:26px} */
.st-user-info .st-user-name h5{font-weight:500}
.st-user-info{position:relative;z-index:1}
.st-user-info .st-user-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9}
.st-user-info .st-user-link a{cursor:pointer;display:inline-block;height:100%;width:100%}
.st-user-info .st-user-link:hover~.st-user-img svg *{fill:#00aeef}
.st-user-info .st-user-link:hover~.st-user-name h5{color:#00aeef}
.st-user-info .st-user-link~.st-user-img svg *,.st-user-info .st-user-link~.st-user-name h5{text-decoration:none!important;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
ul.lang_list_class{background-color:#f3f3f3!important;border:0!important;display:block;list-style-type:none;margin:0;opacity:1;padding:4px 0;position:unset;text-align:left;transform:none;transition:none;width:100%;z-index:100}
.header-laun .header__language-switcher--label-current .lang_switcher_link:before{background-image:url(https://145630511.fs1.hubspotusercontent-eu1.net/hubfs/145630511/BioSpring%202025/Images/icon-down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:6px;opacity:1;position:absolute;right:2px;top:15px;transform-origin:center;transition:transform .5s ease;width:11px;z-index:0}
.lang_switcher_class{display:unset!important}
.header__language-switcher--label{text-transform:uppercase}
.header__language-switcher .lang_list_class li a{display:inline-block;text-transform:uppercase;width:100%}
.header__language-switcher .lang_list_class li:first-child{display:none!important}
.header__language-switcher--label-current{cursor:pointer}
.header__language-switcher.header--element.header-laun.active .header__language-switcher--label-current .lang_switcher_link:before{transform:rotate(180deg)}
.header__language-switcher.header--element.header-laun.active div#hs_cos_wrapper_language-switcher{display:block}
div#hs_cos_wrapper_language-switcher{display:none;left:6px;position:absolute;top:100%}
.header__language-switcher--label-current a.lang_switcher_link{border-radius:7px;display:inline-block;font-weight:600;padding:6px 21px 6px 9px;pointer-events:none;position:relative}
.header__language-switcher.header--element.header-laun .header__language-switcher--label-current.active{border-color:#ccc!important;border-radius:7px}
.st-add-language-switcher .header__language-switcher.header--element.header-laun{margin-left:16px;position:relative;right:0;top:1px;z-index:99999}
.header__language-switcher.header--element.header-laun.active .header__language-switcher--label-current:hover a{background-color:unset}
.lang_switcher_class .globe_class{background-image:unset;border-radius:0;height:auto;width:100%}
.lang_switcher_class .header__language-switcher .lang_list_class li a{font-size:unset;padding:0}
.lang_switcher_class .lang_list_class:after,.lang_switcher_class .lang_list_class:before{content:none;position:unset}
.lang_switcher_class .lang_list_class li{background-color:transparent;border:0!important;font-size:16px;line-height:inherit;margin-bottom:0;margin-top:0;min-width:45px;padding:4px 8px!important}
.lang_switcher_class .lang_list_class li:last-child{margin-bottom:0}
.header-lang ul{left:0;list-style:none;margin:0;padding:0;top:100%}
.header-lang{margin-left:25px;position:relative}
.header-lang label{background-image:url(https://145630511.fs1.hubspotusercontent-eu1.net/hubfs/145630511/BioSpring%202025/Images/header-dropdown.svg);background-position:100%;background-repeat:no-repeat;cursor:pointer;font-weight:500;padding-right:23px}
.header-lang label,.header-lang ul a{color: #000000 !important; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase !important;}
.header-lang li{text-align: left; font-size: 14px; padding: 0;}
.mobile-langauge{display:none}
.bm-serch-srts .bm-serch-icon svg { width: 100% !important; height: 100% !important; }
.bm-serch-srts .bm-serch-icon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); pointer-events: none; line-height: 0; width: 16px; }
.st-simple-nav ul li { position: relative;  }
.st-simple-nav ul li a { color: inherit; line-height: inherit; font-size: inherit; text-decoration: unset !important; }
/* .st-simple-nav ul li:hover a { color: var(--secondary) !important; } */
.st-nav-menu-items ul li + li { margin-top: 6px; }
.st-info-mixed .hs-item-has-children.mega_menu ul.hs-menu-children-wrapper li { border: 0; font-size: 13px;text-transform: none; }
.st-nav-simple-top form.as-serch-box-foorm button.hs-search-field__button { position: absolute; right: 0; width: 32px; height: 100%; background-color: transparent; border: 0; z-index: 99; padding: 0; cursor: pointer; }
/* .st-menu-mixed .hs-menu-wrapper ul li a:not(.button-of a):hover,.st-menu-mixed .hs-menu-wrapper>ul>li.mega_menu>ul.hs-menu-children-wrapper .st-nav-sub-cta h5{color:var(--secondary)} */
.header-lang ul li { display: none; }
.header-lang ul li:nth-child(1) { display: block; }


.st-nav-fixed1 {background-color: #fff; }
.st-menu-mixed .hs-menu-wrapper>ul>li , .st-info-mixed .hs-item-has-children.mega_menu ul.hs-menu-children-wrapper li , .st-nav-menu-items h6 , .st-simple-nav ul li {     color: }
.st-menu-mixed .hs-menu-wrapper ul li a:not(.button-of a):hover , .st-menu-mixed .hs-menu-wrapper>ul>li:hover>a , .st-simple-nav ul li:hover a { color: }
.hs-inline-edit .st-nav-fixed1 { position: unset; }
.hs-inline-edit .st-nav-fixed-srts { margin-top: 0; }
html, body { overflow-x: hidden; }

.web-small-header .header-small-mx-width {max-width: 271px; width: 100%;}
.st-nav-top-left ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.st-nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    max-width: 1160px;
    margin: auto;
    padding: 0 10px;
}

.st-nav-top-nav {
    background: #2B2B2B;
}
.st-nav-top-right {
    padding-right: 15px;
}
.st-nav-top-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}
.st-nav-top-right ul li{
    display: inline-flex;
}
.st-nav-top-right ul li:last-child a {
    padding: 20px 40px;
    background-color: #0166A2;
    border-radius: 0px 0px 0px 0px;
}
.st-nav-top-right ul li:last-child:hover a {
    background-color: #2EB2FF;
}
.st-nav-top-right ul li:last-child a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    font-family: calibri;
    line-height: 1em;
}

.st-nav-top-left ul li a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: rgba(255,255,255,0.6);
    transition: all 0.5s ease-in-out;
}
.st-nav-top-left ul li:hover a {
    color: rgba(255,255,255,1);
}

.st-nav-top-right ul li a {
    text-decoration: none;
    font-family: calibri;
    font-weight: bold;
    font-size: 18px;
    color: rgb(255 255 255 / 60%);
    transition: all 0.5s ease-in-out;
}

.st-nav-top-right ul li:hover a {
    color: rgb(255 255 255 / 100%);
}



@media (min-width: 1240px) {
    .st-info-mixed .st-menu-mixed .header-laun{display:none}
    .custom-menu-primary .hs-menu-wrapper{display:block!important;height:auto!important;overflow:unset!important}
    .st-menu-mixed .hs-menu-wrapper>ul>li:hover>.hs-menu-children-wrapper{display:block!important;opacity:1!important;pointer-events:all;top:100%!important;visibility:visible!important}
    .st-menu-mixed .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper{left:calc(100% + 15px)!important;opacity:0;top:3px!important;visibility:hidden}
    .st-menu-mixed .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li:hover ul.hs-menu-children-wrapper{display:block;opacity:1;visibility:visible}
    .st-menu-mixed .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper{pointer-events:none}
    .st-menu-mixed .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper:after{content:"";height:35px;left:0;position:absolute;top:-36px;width:100%;z-index:-1}
    .st-menu-mixed .hs-menu-wrapper>ul>li>.child-trigger{cursor:pointer;height:100%;left:calc(100% - 14px);position:absolute;top:0;width:11.19px}
    .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children:hover>.child-trigger.child-trigger i:after{transform:rotate(180deg)}

    .st-menu-mixed .hs-menu-wrapper>ul>li:hover>a {  text-decoration: none; }
    .st-menu-mixed .hs-menu-wrapper>ul>li:hover.hs-item-has-children.mega_menu>a:after{background-color:#00aeef}
    .st-menu-mixed .hs-menu-wrapper>ul>li>.hs-menu-children-wrapper{max-height:calc(100vh - 127px)!important;overflow:auto!important;}
    .st-nav-simple-top *+.bm-serch-srts { margin-left: 30px; }
    .st-nav-fixed1 .container .st-nav-simple-top { position: absolute; top: -18px; width: 100%; right: 20px; }
    .st-nav-fixed1 .container { position: relative; }
    .st-nav-fixed1 .container .st-nav-simple-top .st-simple-nav ul li + li { margin-left: 30px; }
    .st-simple-nav ul li { font-size: 12px; }
    .st-logo-img{    width: 30%;text-align: center;}
    .st-nav-fixed1 .container .st-nav-simple-top + .st-nav-fixed-head { align-items: center; justify-content: space-between;position: relative;max-width: 100%;padding: 0;}
    .st-nav-fixed1 .container .st-nav-simple-top + .st-nav-fixed-head .st-info-mixed { margin-top: 0px;        width: 70%;justify-content: flex-start;padding-left: 12px; }
    .st-menu-mixed .hs-menu-wrapper>ul>li {padding: 50px 0;line-height: 1em;}
    .st-nav-menu-list { display: flex ; align-items: flex-start; }
    .st-nav-menu-items h6 { margin: 0; font-size: 13px; padding-bottom: 10px; white-space: nowrap; }
    .st-nav-menu-items h6 + ul { margin-top: 15px; }
    .st-nav-menu-list .st-nav-menu-items+.st-nav-menu-items > * { padding-left: 25px; }
    .st-menu-mixed .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { left: 0% !important;transform: translateX(-5%); }
    .st-info-mixed .st-menu-mixed .st-nav-simple-top { display: none; }
    .st-menu-mixed .header-lang { display: none; }



    .st-menu-mixed .hs-menu-wrapper>ul>li:last-child>ul.hs-menu-children-wrapper {
        transform: translateX(-60%);
    }

    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1 > .child-trigger i{background-color:#000;
        display:inline-block;
        width: 14px;
        height: 14px;
        -webkit-mask-image:url(https://46940693.fs1.hubspotusercontent-na1.net/hubfs/46940693/arrow-down-1.svg);
        mask-image:url(https://46940693.fs1.hubspotusercontent-na1.net/hubfs/46940693/arrow-down-1.svg);
        -webkit-mask-position:center;
        mask-position:center;
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
        -webkit-mask-size:10px;
        mask-size:10px;
        position: absolute;
        top: 50%;
        transform: translate(0%,-50%);
        right: -24px;
        transition:background-color .25s,transform .5s;
        font-size:10px;
    }

    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1:hover > .child-trigger i{
        background-color:#0166a2;
    }

}


@media(max-width:1239px){

    .mobile-trigger{cursor: pointer; display: inline-block !important; height: 22px; position: absolute; right: 24px; top: 50%;transform: translate(0, -50%); transform-origin: center; transition: all .5s ease; width: 26px; z-index: 1;}
    .mobile-trigger .line{background:#242a38;display:block;height:2px;left:0;position:absolute;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;width:26px}
    body.mobile-open .mobile-trigger .line{background:#003c71}
    .mobile-trigger .line.line-3{top:71%}
    .mobile-trigger .line.line-2{top:36%}
    .mobile-trigger .line.line-1{top:0}
    .st-nav-fixed1{transition:background-color .2s ease;transition-delay:.25s}
    body.mobile-open .st-nav-fixed1{transition:background-color 0s ease}
    .custom-menu-primary .hs-menu-wrapper {
        background-image: none;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        box-shadow: 0 9px 10px 0 hsla(0, 0%, 60%, .12);
        height: auto;
        height: 100vh;
        margin: 0;
        max-width: none;
        max-width: 100%;
        overflow: auto !important;
        padding: 0 0px;
        position: absolute;
        right: 0;
        top: 67px;
        transition: all .5s cubic-bezier(.77,0,.175,1);
        width: 100%;
        z-index: 9;
        height: 0px;
        opacity: 0;
    }
    .mobile-open .custom-menu-primary .hs-menu-wrapper { 
        height: fit-content;
        opacity: 1;
    }
    /* .st-menu-mixed .hs-menu-wrapper *{color:#fff!important} */
    .sp-nav-right .hs-menu-wrapper>ul{display:block;text-align:left}
    .st-nav-menu-items h6 + ul { margin-top: 8px; padding-top: 8px; }
    .st-nav-menu-items ul { margin-left: 0 !important; margin-right: 0 !important; }
    .sp-nav-right .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper{border-top:0;box-shadow:none;display:none;min-width:100%;opacity:1;position:static;visibility:visible;width:100%!important}
    .st-menu-mixed .hs-menu-wrapper>ul>li{margin:0;min-width:auto;padding:0px;width:100%}
    .st-menu-mixed .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper{border-top:0;box-shadow:none;display:none;min-width:100%;opacity:1;padding:5px 0 0 10px;position:static;transition:none;visibility:visible;width:100%!important}
    .st-menu-mixed li.hs-menu-item.hs-menu-depth-1>a{color:inherit!important}
    .st-menu-mixed .mobile-trigger~.hs-menu-wrapper>ul>.st-nav-cta{display:block}
    .st-menu-mixed .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper{background-color:transparent!important;border:0;padding:0px 0px 0px 0px!important}
    .st-nav-fixed-head .st-menu-mixed ul~.st-nav-info{margin-top:25px}
    .st-nav-fixed-head>.st-nav-info{display:none}
    .st-menu-mixed ul{flex-direction:column}
    .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children>a{padding-right: 40px; position: relative; }
    /*     .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children>a:after{background-color: #000000; content: ""; display: inline-block; height: 24px; -webkit-mask-image: url(https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg); mask-image: url(https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 10px; mask-size: 10px; position: absolute; right: 0; top: 0px; transform: rotate(0deg); transform-origin: center; transition: background-color .25s, transform .5s; width: 24px; font-size: 10px;}
    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1:hover > a:after{background-color: #0166a2;} */
    .st-info-mixed>.header-laun{display:none}
    .st-menu-mixed .header__language-switcher.header--element.header-laun{background-color:#f3f3f3;bottom:0;display:block;height:auto;left:0;margin:0;padding:10px 0;position:absolute;text-align:center;top:auto;width:100%;z-index:1;z-index:999}
    body.mobile-open .st-menu-mixed .header__language-switcher.header--element.header-laun{position:fixed}
    .header__language-switcher--label{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;text-transform:uppercase}
    div#hs_cos_wrapper_language-switcher{position:unset}
    body.mobile-open{overflow:hidden}
    .st-menu-mixed .hs-menu-wrapper>ul>li>.child-trigger.child-trigger i:after{height:inherit;-webkit-mask-size:inherit;mask-size:inherit;right:inherit;top:auto;width:inherit}
    .st-nav-fixed-head .button-of{text-align:left;width:100%}
    .st-menu-mixed ul,.st-menu-mixed ul~.st-nav-info{margin:0 auto;width:100%}
    .st-info-mixed{padding:0;width:auto}
    .st-menu-mixed .hs-menu-wrapper>ul>li:last-child{padding-bottom:0}
    .st-menu-mixed .hs-menu-wrapper>ul>li{font-size: 18px; line-height: 1.646; font-weight: 600;}
    .st-nav-fixed1{padding:40px 0}
    .child-trigger{cursor: pointer; display: block !important; height: 24px !important; padding: 0 !important; position: absolute; right: 0; top: 12px; width: 100%!important}
    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a{display:block;white-space:unset;width: 100%;}
    /*     ul.hs-menu-children-wrapper li{font-size:15px;font-weight:300} */
    .st-nav-fixed-head .st-menu-mixed ul~.st-nav-info{border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:flex-start;margin-top:40px;padding-top:24px}
    .st-menu-mixed .hs-menu-wrapper>ul>li.hs-menu-depth-1.child-open{padding-bottom:28px}
    .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children.child-open>a:after{transform:rotate(0)}
    .discover-info-list>div{margin:0 10px;padding:35px 20px;width:calc(33.33% - 20px)}
    .discover-info-list{margin:0 -10px}
    *+.discover-info-list{margin-top:50px}
    .testimonial-mid-info .testi-info-list{margin-bottom:72px;width:49.667%}
    .testimonial-mid-info .testi-content{width:50.333%}
    .testimonial-mid-info .testi-content .testi-inner-cont{width:calc(91.76% + 20px)}
    .tab_container>div{padding:30px 20px}
    .fourCol-card-sec.fourCol-v2 .fourCol-card-inner{margin:20px 11px 0;padding:35px 22px;width:calc(33.33% - 22px)}
    .mobile-trigger.active-re{transform:translate(0, -50%) rotate(0)}
    .mobile-trigger.active-re .line-1{background-color:#ffffff!important}
    .mobile-trigger.active-re .line-2{bottom:auto;top:8px;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s}
    .mobile-trigger.active-re .line-3{top:8px;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s}
    /* .st-menu-mixed .hs-menu-wrapper>ul>li.mega_menu>ul.hs-menu-children-wrapper .hs-menu-list .hs-menu-column>h3>.menu-head+span{display:none} */
    .header-lang label{background-image:url(https://145630511.fs1.hubspotusercontent-eu1.net/hubfs/145630511/BioSpring%202025/Images/header-dropdown-active.svg);background-position:right -3px}
    /*   .st-menu-mixed .header-lang ul li:first-child{display:none} */
    .st-nav-fixed1 .container > .st-nav-simple-top { display: none; }
    .custom-menu-primary .hs-menu-wrapper h6 { margin-top: 0; margin-bottom: 0; letter-spacing: 1.5px; font-size: 14px; line-height: 1.646; font-weight: 600;}
    *+.st-nav-menu-items { margin-top: 20px; }
    .st-info-mixed .hs-item-has-children.mega_menu ul.hs-menu-children-wrapper li { border: 0; letter-spacing: 1.5px; font-size: 14px; line-height: 1.646; font-weight: 600;text-transform: none; }

    .st-nav-simple-top { display: flex ; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
    .st-nav-simple-top { flex-direction: column; }
    .bm-serch-srts { position: relative; order: 1; width: 100%; }
    .st-nav-simple-top .st-simple-nav { width: 100% !important;  margin-bottom: 25px; }
    .st-nav-simple-top .st-simple-nav .hs-menu-wrapper { display: block !important; position: unset;transform: translateX(0);border-top: 0; width: 100% !important; height: auto; box-shadow: none; padding: 0; max-width: 100%; }
    .st-nav-simple-top + ul { margin-top: 30px; }
    ul.hs-menu-children-wrapper.st-add-m1 { min-width: auto !important; }
    .st-nav-simple-top .st-simple-nav ul li { font-size: 12px; line-height: 1.2;padding-bottom: 30px; }
    /*   .st-menu-mixed .hs-menu-wrapper>ul>li.child-open-op > a { color: var(--secondary) !important; } */
    .st-menu-mixed .hs-menu-wrapper>ul>li.child-open-op > a::after { transform: rotate(90deg); }
    .st-nav-fixed-srts .top-hamburger-logo-mid + ul { padding-top:0px; }

    .st-nav-simple-top form.as-serch-box-foorm input#search { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px;padding: 6.5px 30px 6px 7px; }
    .st-nav-simple-top .header-lang { display: none; }
    .header-lang { margin-left: 0; position: relative; margin-top: 30px; }
    .top-hamburger-logo-mid{align-items:center;display:flex;flex-wrap:wrap;margin-left:-24px;padding-bottom:30px;padding-left:24px;padding-right:24px;position:relative;width:calc(100% + 48px);padding-top:25px;position:sticky;top:0;left:0;z-index:999;margin-right:-24px}
    .top-hamburger-logo-mid .hamburger-logo{width:calc(100% - 26px);padding-right:20px}
    .top-hamburger-logo-mid .hamburger-logo+.hamburger-inner{width:26px;line-height:0}
    /*     .top-hamburger-logo-mid .hamburger-logo img{max-width:149px!important; object-fit: contain;} */
    /*   .top-hamburger-logo-mid + ul { margin-top: 42px; } */
    *+.st-nav-simple-top { margin-top: 0px; }
    .top-hamburger-logo-mid { display: none !important ; }
    .top-hamburger-logo-mid, .custom-menu-primary .hs-menu-wrapper {background-color: #2b2b2b; }
    .st-info-mixed .custom-menu-primary .hs-menu-wrapper > .top-hamburger-logo-mid + ul > li {color:#ffffff; }
    .st-menu-mixed .hs-menu-wrapper>ul>li.child-open-op > a {color:  !important;}
    .web-sticky-module-two.sticky-module-two-op { z-index: 9 !important; }

    .custom-menu-primary ul li a {
        color: #ffffff !important;
    }

    .st-menu-mixed .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper a {
        padding: 10px 30px;
        letter-spacing: 0;
        line-height:1.11 !important;
    }


    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1 > a {
        color: #ffffff !important;
        padding: 10px 0 10px 20px !important;
        line-height: 1.111 !important;
    }

    /*     .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1 > .child-trigger i {
    background-color: #ffffff;
} */

    .st-menu-mixed .hs-menu-wrapper>ul>li.hs-item-has-children>a:after{background-color: #ffffff; content: ""; display: inline-block; height: 24px; -webkit-mask-image: url(https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg); mask-image: url(https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/drop-down-arrow.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 10px; mask-size: 10px; position: absolute; right: -30px; top: 8px; transform: rotate(0deg); transform-origin: center; transition: background-color .25s, transform .5s; width: 24px; font-size: 10px;}
    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1:hover > a:after{background-color: #ffffff;}

    .st-info-mixed .custom-menu-primary .hs-menu-wrapper > .top-hamburger-logo-mid + ul > li.child-open-op {
        position: relative;
    }

    .st-info-mixed .custom-menu-primary .hs-menu-wrapper > .top-hamburger-logo-mid + ul > li.child-open-op:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #454545;
        height: 40px;
    }

    .st-menu-mixed .hs-menu-wrapper ul li.hs-menu-depth-1:hover > a {
        color: #ffffff !important;
    }
    .st-nav-fixed-head {
        position: relative;
    }

}

@media (max-width:991px){
    .st-nav-top-left ul li a {
        font-size: 12px;
    }
    .st-nav-top-right ul li a {
        font-size: 12px;
    }
    .st-nav-top-right ul li:last-child a {
        font-size: 12px;
    }
    .st-nav-top-right ul {
        gap: 15px;
    }
    .st-nav-top-right {
        padding-right: 0;
    }
    .st-nav-top-left ul {
        gap: 10px;
    }
    .st-nav-wrapper {
        gap: 10px;
        padding: 0 20px;
    }
    .st-nav-top-nav {
        padding: 10px 0px 10px 0px;
    }
}


@media (max-width:767px){
    .st-nav-top-nav{
        display:none;
    }

    .custom-menu-primary .hs-menu-wrapper {
        top: 85px;
    }
    .st-nav-fixed1 {
        padding: 30px 0;
    }
}

@media (max-width:450px){
    .st-logo-img img {
        width: 100%;
        object-fit: contain;
        padding-right: 50px;
    }
}



/*----------  START OF Default COMPONENT Styles  ----------*/

.component {
    padding: 5rem 0;
}
@media (min-width: 1300px) {
    .component {
        padding: 7rem 0;
    }
}
.component-wrapper {
    padding: 0 20px !important;
    max-width: 1220px;
    margin: auto;
}
@media (min-width: 1350px) {
    .component-wrapper {
        padding: 0;
    }
}
.component-wrapper .component_text-wrapper {
    padding-left: unset;
    padding-right: unset;
}
.component_text-wrapper {
    padding: 2.5rem;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
}
.component_text-wrapper > * + * {
    margin-top: 1.5rem;
}
.component_text-wrapper h3 {
    max-width: 20ch;
}
@media (min-width: 1500px) {
    .component_text-wrapper h3 {
        max-width: 25ch;
    }
}

@media (max-width: 768px) {
    .component_text-wrapper p {
        max-width: 40ch;
    }
}

@media (min-width: 1024px) {
    .component_text-wrapper p {
        max-width: 45ch;
    }
}


@media (min-width: 1500px) {
    .component_text-wrapper p {
        max-width: 50ch;
    }
}

.component_text-wrapper h4 {
    margin-bottom: 1rem;
}
.component_text-wrapper p + h4 {
    margin-top: 1.5rem;
}
.component_text-wrapper .btn {
    margin-top: 2rem;
}
.component_no-padding {
    padding: 0;
}
.component-section.bg--gray {
    background-color: var(--primaryColor100);
}
.component.bg--gray {
    background-color: var(--primaryColor100);
}
.component-section.bg--white {
    background-color: var(--white);
}

/* === End Base Module Modifiers === */

/* === Header Module === */

.header-module{
    position: sticky;
    top: 0;
    z-index: 9;
}

/* error page styles */
.error-section {
    position: relative;
    display: block;
    padding: 0 0 5.5rem 0;
    overflow: hidden;
}
.error-section-wrapper {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    align-items: flex-end;
}
.error-section .column {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
@media (min-width: 820px) {
    .error-section .text--column {
        flex: 0 0 45%;
        max-width: 45%;
        display: flex;
        display: -ms-flexbox;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        justify-content: flex-end;
    }
}
@media (min-width: 1000px) {
    .error-section .text--column {
        padding: 3.5rem 0 0 0;
    }
}
.error-section .text--column h1 {
    font-size: 35vw;
    display: block;
    margin: 0;
    font-family: var(--fontPrimary);
    color: var(--primaryColor900);
    padding: 0;
    font-weight: 600;
    line-height: 1;
}
.error-section .text--column h2 {
    display: block;
    padding: 0 0 1rem 0;
    color: var(--primaryColor900);
}
.error-section .text--column p {
    display: block;
    color: var(--primaryColor900);
}
.error-section .text--column a {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 1.5rem;
}
@media (min-width: 820px) {
    .error-section .image--column {
        flex: 0 0 55%;
        max-width: 55%;
    }
}
.error-section .image--column img {
    width: 100%;
    display: block;
    object-fit: contain;
    -o-object-fit: contain;
    max-height: 350px;
}
.error-section .image--column svg {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 23.438rem;
    margin: 0 auto;
}
@media (min-width: 820px) {
    .error-section .image--column svg {
        max-height: 100%;
    }
}
.error-section .image--column svg .number {
    stroke: transparent;
    fill: var(--primaryColor900);
}
.error-section .image--column svg .background {
    fill: var(--primaryColor100);
    opacity: 0.9;
}

/* end error page styles */

/* subscription pages */
.subscription-preference {
    position: relative;
    display: block;
    padding: 5.5rem 0;
    background-color: var(--primaryColor100);
}
.subscription-preference .content {
    background-color: var(--white);
    border-radius: 0.825rem;
    margin: 0 auto;
    position: relative;
    padding: 3rem;
    box-shadow: 0px 3px 6px #00000029;
    max-width: 600px;
    font-family: var(--fontPrimary);
    width: 90%;
}
.subscription-preference .content h1 {
    font-size: 1.75rem;
    display: block;
    padding: 0 0 10px 0;
}
@media (min-width: 470px) {
    .subscription-preference .content h1 {
        font-size: 2.25rem;
    }
}
@media (min-width: 560px) {
    .subscription-preference .content h1 {
        font-size: 2.75rem;
    }
}
@media (min-width: 700px) {
    .subscription-preference .content {
        padding: 4.5rem 4rem;
        width: 100%;
    }
}
@media (min-width: 900px) {
    .subscription-preference {
        padding: 10rem 0;
    }

}
.subscription-preference .content h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--primaryColor500);
}
.subscription-preference .content .header {
    font-weight: 600;
    color: var(--primaryColor500);
}
.subscription-preference .content .page-header {
    display: block;
    padding: 0 0 1.875rem 0;
}
.subscription-preference .content .page-header p {
    display: block;
    font-size: .9rem;
}
.subscription-preference .content__items {
    position: relative;
    display: block;
    font-family: var(--fontPrimary);
    padding: 2rem 0 0 0;
}
.subscription-preference .content__items .item {
    width: 100%;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0 0 1.25rem 0;
}
.subscription-preference .content__items .item input {
    margin: 0;
    width: 23px;
    height: 23px;
}
.subscription-preference .content__items .item label {
    display: none;
}
.subscription-preference .content__items .item__text {
    padding: 0 0 0 1rem;
}
.subscription-preference .content__items .item__text strong {
    display: block;
    font-size: 1rem;
    color: var(--primaryColor900);
    padding: 0 0 0.25rem 0;
}
.subscription-preference .content__items .item__text p {
    font-size: 0.925rem;
    color: var(--primaryColor900);
}
.subscription-preference .content .submit {
    text-align: center;
    padding: 1.5rem 0 0 0;
    position: relative;
    display: block;
}
.subscription-preference .content .content-button {
    display: block;
    padding: 30px 0 0 0;
}
.subscription-preference a {
    transition: .25s;
}
.subscription-preference .content .checkbox-row {
    padding: 1rem 0;
    font-family: var(--fontPrimary) !important;
}
.subscription-preference .content .checkbox-row span.fakeLabel {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.subscription-preference .content .checkbox-row input[type=checkbox] {
    margin: 0;
    width: 22px;
    height: 22px;
    border: 1px solid var(--primaryColor700);
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.subscription-preference .content .subscribe-options {
    padding: 1.5625rem 0;
    display: block;
}
.subscription-preference .content .subscribe-options .header{
    display: block;
    font-weight: 600;
    color: var(--primaryColor500);
}
.subscription-preference .content .subscribe-options input[type=checkbox] {
    margin: 0;
    width: 22px;
    height: 22px;
    border: 1px solid var(--primaryColor700);
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.subscription-preference .content input[type=submit] {
    padding: 1rem 1.375rem;
    font-size: .875rem;
    font-family: var(--fontPrimary);
    font-weight: 700;
    letter-spacing: .25px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: var(--borderRadiusSmall);
    color: var(--buttonText);
    text-decoration: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    background: var(--primaryColor100);
}

/*unsubscribe*/
.subscription-preference.unsubscribe-preference .page-header {
    padding: 0 0 1.875rem 0;
}
.subscription-preference.unsubscribe-preference .page-header h1 {
    padding: 0;
}
.subscription-preference.unsubscribe-preference h3 {
    display: block;
    font-size: 1.35rem;
    color: var(--primaryColor500);
}
.subscription-preference.unsubscribe-preference input[type=email] {
    font-family: var(--fontPrimary);
    margin-top: 10px;
    padding: .875rem 1rem !important;
    border: 1px solid var(--primaryColor500);
    border-radius: 8px;
    color: var(--primaryColor900);
}
.subscription-preference.unsubscribe-preference input[type=submit] {
    margin-top: 1.875rem;
}

/* end subscription pages */


/* password protected page */
.password-prompt {
    position: relative;
    display: block;
    padding: 5.5rem 0;
    background-color: var(--primaryColor100);
}
.password-prompt .content {
    background-color: var(--white);
    border-radius: 0.825rem;
    margin: 0 auto;
    position: relative;
    padding: 3.25rem;
    box-shadow: 0px 3px 6px #00000029;
    max-width: 600px;
    font-family: var(--fontPrimary);
    width: 90%;
}
.password-prompt .content h1 {
    font-size: 1.75rem;
    display: block;
    padding: 0 0 20px 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    text-align: center;
}
.password-prompt .content h2 {
    font-size: 1rem;
    display: block;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
.password-prompt .content .top-icon {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 1.25rem 0;
}
.password-prompt .content .top-icon .top-icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--primaryColor100);
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.password-prompt .content .top-icon .top-icon-wrapper svg {
    display: block;
    width: 23px;
    height: 23px;
    margin: 0 auto;
}
.password-prompt .content .top-icon .top-icon-wrapper svg path {
    stroke: var(--primaryColor900);
}

span.paginationItem.active {
    background: #0166A2;
    color: #fff !IMPORTANT;
}

.card--title a {
    color: #000  !important;
    font-weight: 500 !important;
}

a.topic-link {
    font-weight: 500  !important;
}

.hidden { display: none !important; }