html body {
	padding-top: 7.5rem !important;
}

html.nav-lock {
	overflow: hidden;
}
html.nav-lock::before {
	content: "";
	position: fixed;
	height: 200vh;
	top: 0;
	width: 100%;
	animation: lock-in 0.3s forwards;
	z-index: 5;
	left: 50%;
	transform: translateX(-50%);
}

.nav-explore-item::-webkit-scrollbar,
.navigation-items-wrapper.navigation-expanded::-webkit-scrollbar,
.hs-search-field__suggestions-container::-webkit-scrollbar,
.nav-item-depth-4::-webkit-scrollbar,
.nav-item-connectors::-webkit-scrollbar,
.nav-item-depth-3-wrap::-webkit-scrollbar,
.scroll-helper::-webkit-scrollbar,
.solutions-wrapper::-webkit-scrollbar {
	width: 0.375rem;
}
.nav-explore-item::-webkit-scrollbar-track,
.navigation-items-wrapper.navigation-expanded::-webkit-scrollbar-track,
.hs-search-field__suggestions-container::-webkit-scrollbar-track,
.nav-item-depth-4::-webkit-scrollbar-track,
.nav-item-connectors::-webkit-scrollbar-track,
.nav-item-depth-3-wrap::-webkit-scrollbar-track,
.scroll-helper::-webkit-scrollbar-track,
.solutions-wrapper::-webkit-scrollbar-track {
	background-color: transparent;
}
.nav-explore-item::-webkit-scrollbar-thumb,
.navigation-items-wrapper.navigation-expanded::-webkit-scrollbar-thumb,
.hs-search-field__suggestions-container::-webkit-scrollbar-thumb,
.nav-item-depth-4::-webkit-scrollbar-thumb,
.nav-item-connectors::-webkit-scrollbar-thumb,
.nav-item-depth-3-wrap::-webkit-scrollbar-thumb,
.scroll-helper::-webkit-scrollbar-thumb,
.solutions-wrapper::-webkit-scrollbar-thumb {
	background-color: #004f5f;
	border-radius: 0.625rem;
}

@keyframes lock-in {
	from {
		background: rgba(0, 6, 7, 0);
		backdrop-filter: blur(0rem);
	}
	to {
		background: rgba(0, 6, 7, 0.85);
		backdrop-filter: blur(0.313rem);
	}
}
.sb-nav * {
	color: #37464F;
	-webkit-font-smoothing: antialiased;
}
.sb-nav *:focus {
	outline: unset !important;
}
.sb-nav.user-tabbing *:focus-visible {
	outline: 0.125rem solid #004f5f !important;
}
.sb-nav a {
	color: #37464F !important;
}

.sb-nav {
	padding: 1.25rem;
	background-color: #CCEEF2;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	left: 50%;
	transform: translate(-50%);
	transition: all 0.2s !important;
}
.sb-nav ul {
	list-style: none;
}
.sb-nav .sb-container {
	background-color: #fff;
	padding: 1.25rem 2rem !important;
	border-radius: 0.625rem;
	transition: all 0.3s;
	position: relative;
}
body .sb-container {
	max-width: 109.375rem !important;
	margin: 0 auto;
}
/* .sb-nav-lp::before {
	display: none;
	height: min-content;
	position: absolute;
	right: 0rem;
	top: -50%;
	z-index: -5;
	opacity: 0.7;
	width: min-content;
	transform: scale(0.8);
} */

/* .sb-nav-lp .sb-container {
	padding: 1.25rem;
	border-radius: 0.625rem;
}
 */
.sb-nav-lp-lower-links {
	display: flex;
	justify-content: flex-start;
}

.sb-nav-lp-logo img {
	width: 100%;
	height: 100%;
	display: block !important;
	max-width: 14.375rem;
	height: 2.188rem;
}

.sb-nav-top-items, .sb-nav-lower-links {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sb-nav-top-items {
	gap: 2rem;
}
.nav-ico, .sb-nav-top-items-search {
	max-height: 1.875rem;
	max-width: 1.875rem;
	display: block;
}
span.nav-ico {
	max-width: unset;
	display: block;
	padding-right: 1.25rem;
	position: relative;
}
span.nav-ico::after {
	content: url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up-dark.svg);
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: -0.313rem;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.5s;
}
.mobile-nav-icon, .mobile-nav-icon-close {
	display: none;
	justify-content: center;
	align-items: center;
}
.mobile-nav-icon-close {
}
.mobile-nav-icon-close span {
	width: 1.875rem;
	height: 0.125rem;
	background-color: #004f5f;
	border-radius: 0.188rem;
	transform: rotate(-45deg);
	position: absolute;
}
.mobile-nav-icon-close span:last-child {
	transform: rotate(45deg)
}
.mobile-nav-icon img {
	transform: scale(0.9)
}
.sb-nav-top-items img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sb-nav-lower-links {
	gap: 1.25rem;
	justify-content: space-between;
}
.sb-nav-top-items-search, .sb-nav-top-items-language {
	flex-shrink: 0;
	cursor: pointer;
}

.sb-nav-top-items-language:hover .sb-nav-top-items-dropdown-items {
	opacity: 1;
	pointer-events: unset;
}
.lang-mobile {
	display: none;
}
.sb-nav-top-items-dropdown-items {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	background: #fff;
	padding: 0.625rem;
	list-style: none;
	width: 5rem;
	right: 0;
	transition: all 0.3s;
	z-index: 11;
	border-radius: 0 0 0.625rem 0.625rem
}
.sb-nav-top-items-dropdown-items a {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	cursor: pointer;
}
.sb-nav-top-items-dropdown-items a:hover {
	transform: scale(1.2);
	color: #fff !important;
	background-color: #37464F;
}
.sb-nav-top-items-dropdown-items a {
	background: unset;
	border: 0.063rem solid #37464F;
	border-radius: 50%;
	padding: 0.938rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.875rem;
	height: 1.875rem;
	margin: 1.25rem auto;
	font-size: 0.75rem;
	font-weight: bold;
	color: #37464F
}

.sb-nav-top-item-demo-mobile {
	display: none;
}
a.sb-nav-top-items-demo, a.sb-nav-top-items-demo-mobile {
	background: #004f5f;
	color: #fff !important;
	padding: 0.688rem 3.438rem 0.688rem 1.563rem;
	font-weight: bold;
	border-radius: 0.625rem;
	position: relative;
	overflow: hidden;
	text-wrap: nowrap;
	z-index: 1;
}
a.sb-nav-top-items-demo::after, a.sb-nav-top-items-demo-mobile::after {
	content: url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/Home-hero/arrow-right-bold.svg);
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: 1.5rem;
	top: 55%;
	transform: translateY(-50%) scale(0.85);
	filter: brightness(10)
}

a.sb-nav-top-items-demo::before {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, #004F5F 0%, #009BB9 47%);
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	z-index: -1;
	transition: all 0.2s;
	border-radius: 0.625rem;
}

a.sb-nav-top-items-demo:hover:before {
	right: 0;
}

.nav-item-depth-4-item-mobile {
	display: none;
}
.sb-nav-top-wrapper .nav-item-depth-1 {
	font-weight: bold;
	color: #37464F;
	position: relative;
	padding-right: 1.563rem;
	cursor: pointer;
	text-wrap: nowrap;
	width: fit-content;
}
.nav-item-depth-1:hover, .nav-item-depth-1.nav-tab-opened {
	color: #004f5f;
}
.sb-nav-top-wrapper .navigation-items-wrapper .nav-item-depth-1::after {
	content: url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up-dark.svg);
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.5s;
}


.sb-nav-top-wrapper .navigation-items-wrapper .nav-item-depth-1.nav-tab-opened::after {
	content: url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up.svg);
}
.sb-nav-top-wrapper .navigation-items-wrapper .nav-item-depth-1.nav-tab-opened::after,
.nav-item-depth-2-item.nav-tab-opened::after,
.nav-item-depth-3-item.nav-tab-opened span::after {
	transform: translateY(-50%) rotate(0deg);
}
.navigation-items-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
}

.nav-item-depth-2 {
	display: none;
	position: absolute;
	background: #fff;
	width: 100%;
	min-height: 32.5rem;
	height: fit-content;
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	align-items: center;
	padding: 1.5rem 2rem;
	top: 5.938rem;
	border-radius: 0.625rem;
	z-index: 10;
	box-shadow: 1.875rem 0.875rem 6rem 0rem  rgba(0, 52, 63, 0.25);
	overflow: hidden;
}
.nav-explore-item-wrapper {
	border: 0.063rem solid #37464F;
	border-radius: 0.625rem;
	padding: 2rem;
	background-color: #F7FCFD;
	height:100%;
	min-height:100%;
}
.nav-explore-item-wrapper-flex {
   display: flex;
   flex-direction: column;
   gap: 1.5rem; 
/*    min-height: unset!important; */
 }
.scroll-helper {
  display: flex;
  overflow: auto;
  flex-direction: column;
  gap: 1.5rem; 
}
.nav-explore-item.nav-explore-item-add {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  }
.additional-featured-box {
  max-width: 85%;
}
@media(min-height:50rem){
.nav-explore-item-wrapper-flex .nav-explore-item {
min-height:unset;
height:unset;
  }
}

@media(max-height:80rem){
	.solutions-items .nav-item-depth-4-item-mobile a,.lang-mobile .sb-nav-top-items-dropdown-items-mobile a{
		transition:all 0.3s;
	}
	.solutions-items .nav-item-depth-4-item-mobile a:hover{
		color:#004f5f !important;
		font-weight:600;
	}
	.lang-mobile .sb-nav-top-items-dropdown-items-mobile a:hover{
		color:#004f5f !important;
		
	}
	.nav-item-depth-2-item{
		cursor:pointer;
	}

/* .nav-item-depth-2{
	height:68vh;
	min-height:unset !important;
	} */
	.nav-item-depth-4{
	 min-height:unset !important;
		max-height: unset !important;
	}
	.nav-explore-item.full-width-explore,.nav-explore-item{
		width:100%;
/* 		max-height:calc(70vh - 2.5rem); */
		overflow:auto;
		height:100%;
		min-height:100%;
	}
	.nav-item-depth-2 .nav-item-depth-2-wrap .nav-explore-item-wrapper.nav-explore-item-wrapper-flex .nav-explore-item{
		width:100%;
		overflow:unset!important;
		height:unset!important;
		min-height:unset!important;
	}
.nav-item-depth-4-multi-tab >li{
	max-height:25rem;

}
	.solutions-wrapper .nav-item-depth-4-multi-tab >li{
	max-height:unset;
		
	}
	
	.platform-button-updates.nav-connector-all{
		    margin-top: auto;
    margin-bottom: 1.5rem;
}
	}
	
	.nav-item-depth-2-wrap .platform-items:last-child, .nav-item-depth-2-wrap>li:first-child{
		height:unset !important;
	}
}


@media(max-height:60rem){
	.nav-item-depth-2{
	height:80vh;
	min-height:unset !important;
	}
}
.nav-item-depth-2-wrap .platform-items:nth-child(2) .nav-item-depth-3-wrap, .nav-item-depth-2-wrap .platform-items:nth-child(3) .nav-item-connectors{
	max-height:32rem;
}
.nav-explore-item.nav-explore-item--agentworkx.nav-explore-item-add.nav-explore-item-nav-additional, .nav-explore-item.nav-explore-item--agentworkx{
	flex-direction: row;
    align-items: center;
    gap: 20px;
}
.nav-explore-item.nav-explore-item--agentworkx.nav-explore-item-add.nav-explore-item-nav-additional .nav-explore-item-link,.nav-explore-item.nav-explore-item--agentworkx .nav-explore-item-link{
	flex: 1 1 20%;
}

.nav-explore-item.nav-explore-item--agentworkx.nav-explore-item-add.nav-explore-item-nav-additional .nav-explore-item-nav img ,.nav-explore-item.nav-explore-item--agentworkx .nav-explore-item-nav img {
	object-fit:cover;
}
.platform-items .nav-item-depth-3-wrap{
	overflow:visible;
}
.nav-item-depth-2-wrap{
	display:grid;
	width:100%;
	height:100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
}
.nav-item-depth-2-wrap.nav-grid-two-column{
	grid-template-columns: repeat(2, 1fr);
	column-gap:3.125rem;
}

.nav-item-depth-2-wrap>li{
	flex: 0 1 33%;
	display:flex;
	flex-direction:column;
	gap:1rem;
	height:100%;
	padding:2rem;
	position:relative;
}
span.nav-item-depth-2-wrap:not(.nav-wrap-half-space){
	gap:3.375rem;
}

	.tab-customers+.nav-item-depth-2 li:first-child .nav-item-depth-3-wrap li:last-child{
		display:none;
	}
	.tab-partners+.nav-item-depth-2 li:first-child .nav-item-depth-3-wrap li:last-child{
		display:none;
	}

.nav-item-depth-2-wrap .platform-items:last-child, .nav-item-depth-2-wrap>li, .nav-item-depth-2-wrap .knowledge-center-items:last-child, .success-by-industry{
	border-radius:0.625rem;
	overflow-y:auto;
	border:0.063rem solid #37464F;;
}
.success-by-industry{
	background-color: #f7fcfd;
}

.success-by-industry .nav-item-depth-3-wrap {
    display: block;
    columns: 2;
    column-gap: .5rem;
    height: 100%;
    max-height: 35.5rem;
    overflow-y: scroll;
    position: relative;
    overflow-x: hidden;
}

.success-by-industry .nav-item-depth-3-wrap li {
    break-inside: avoid;
    margin-bottom: .5rem;
}

.success-by-industry .nav-item-depth-3-wrap li:nth-child(5) {
    break-after: column;
}
.industries-see-all-industries span{
    font-weight: 700!important;
  text-decoration: underline;
}

.nav-item-depth-2-wrap .platform-items:last-child, .nav-item-depth-2-wrap>li:first-child, .nav-item-depth-2-wrap .knowledge-center-items:last-child{
	background-color:#CCEEF21C;
	
}
.solutions-items,.how-we-help-items,.impact-items{
	border-radius:0.625rem 0 0 0.625rem !important;
	border-right:none !important;
}
.nav-item-depth-4-multi-tab >li{
	border-radius: 0 0.625rem 0.625rem 0 !important;
		border:0.063rem solid #37464F !important;
	border-left:none !important;
}

.nav-item-depth-2-wrap .platform-items:last-child:before,.knowledge-center-items::before{
	display:none;
}

.nav-item-depth-2-item, .nav-item-depth-4-multi-tab span{
	line-height:1.5rem;
	font-weight:bold;
	color:#37464F;
	text-transform:uppercase;
	text-shadow:0.031rem 0rem  0rem  #37464F
}
.solutions-items .nav-item-depth-2-item{
	margin-bottom:1rem;
	display:block
}
.nav-item-depth-3-wrap{
	display:flex;
	flex-direction:column;
	row-gap:0.5rem;
	height:100%;
	overflow-y:scroll;
	max-height:35.5rem;
	position:relative;
}

.tab-solutions + .nav-item-depth-2 .nav-item-depth-3-wrap li:last-child {
	display: none;
}

.nav-item-depth-3-wrap-two-columns{
	flex-wrap:wrap;
	column-gap:1.5rem;
	flex-direction:row;
	justify-content:space-between;
}
.nav-item-depth-3-wrap-two-columns li{
	flex:0 1 calc(50% - 1.25rem);
}
.nav-item-depth-3-wrap-two-columns li:nth-child(even){
	margin-right:0.688rem;
}
.nav-item-depth-3-wrap-two-columns .nav-item-depth-3-item{
	min-height:6.563rem;
}

.nav-item-depth-3-item{
	display:flex;
	flex-direction:column;
	gap:0.188rem;
	padding:0.5rem;
	cursor:pointer;
  transition:all 0.3s;
	-webkit-font-smoothing: antialiased;
}
.nav-item-depth-2-wrap > li:not(.platform-items) .nav-item-depth-3-item{
	margin-right:0.688rem;	
}
.nav-item-depth-4-item{
	cursor:pointer;
}
.solutions-wrapper .nav-item-depth-4-item{
	font-weight: 500;
}
.nav-item-depth-3-item:not(.industries-see-all-industries):hover,.nav-item-checked,.nav-item-depth-4-item:hover{
  background-color: rgba(0, 79, 95, 0.03);
	border-radius:0.625rem;
	transition:all 0.3s;
}
	
.nav-item-depth-3-item span:first-child{
	padding:0.5rem 0;
	font-weight:600;
	line-height:1.5rem;
	position:relative;
	width:100%;
}
.success-by-industry .nav-item-depth-3-item span:first-child{
	font-weight:500;
}
	.nav-item-depth-3-item:not(.industries-see-all-industries)>span:first-child:after,.nav-item-checked>span:first-child:after,.nav-item-depth-4-item::after{
	content:url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up.svg);
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%) rotate(90deg);
	transition:all 0.3s;
	opacity:0;
		
}
.industries-see-all-industries span  {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    
}
.industries-see-all-industries span::after {
    content: "";
    display: flex;
    background-image: url('https://www.stibosystems.com/hubfs/Website%20redesign%202024/cta.svg');
    background-repeat: no-repeat;
    width: 1.875rem;
    height: 1.875rem;
    transition: all 250ms linear;
}
.industries-see-all-industries:hover span::after  {
    filter:brightness(1.2);
}

@media(min-width:111.875rem){

	.nav-item-depth-4-item::after{
		right:0.5rem;
	}
	
}
.nav-item-depth-3-item:not(.industries-see-all-industries):hover span:first-child:after,.nav-item-checked span:first-child:after,.nav-item-depth-4-item:hover:after{
	opacity:1;
}
@media(min-width:80.063rem){
.nav-item-checked span:first-child:after {
  opacity:1!important;
}
.nav-item-checked span:first-child {
  color: #004f5f !important;
}
.nav-item-checked span:last-child {
  color: #004f5f !important;
  font-weight: 500;
}
}
.nav-item-depth-3-item span:last-child{
	font-weight:normal;
}
 
.nav-item-connectors{
	display:flex;
	row-gap:1rem;
	column-gap:1.5rem;
	flex-wrap:wrap;
	overflow-y:scroll;

}

.nav-item-connector{
	padding:0.5rem;
	display:flex;
	flex-direction:column;
	row-gap:0.5rem;
	flex-wrap:wrap;
	flex: 0 1 calc(50% - 1.5rem);
	transition:all 0.3s;
	justify-content:space-between
}
.nav-item-connector:hover{
	background-color:rgba(0, 79, 95, 0.03);
	border-radius:0.625rem;
}
.nav-item-connector:hover .nav-connector-top-button{
	background-color:#004f5f;
	color:#fff !important;
}
.nav-item-connector:hover .nav-connector-top-name{
  color:#004f5f;
}
.nav-connector-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.5rem 0;
	row-gap:0.625rem;
	flex-wrap:wrap;
}

.nav-connector-top-logo {
	min-width:2rem;
	height:2rem;
}
.nav-connector-top-logo img{
	height:100%;
	width:100%;
	object-fit:contain;
}
.nav-connector-top-button{
	padding:0 0.563rem;
	border-radius:0.625rem;
	line-height:1.563rem;
  font-size:0.875rem;
	border:0.063rem solid #004F5F;
	display:block;
	color:#004f5f ;
	transition:all 0.3s;
	text-align:center;
	width:100%;
}

.nav-connector-top-name{
	flex: 1 0 65%;
	color:#37464F;
	font-weight:600;
	transition:all 0.3s;
}
.nav-connector-desc{
	font-size:0.938rem;
	transition:all 0.3s;
	display:none;
}

.nav-connector-all{
	font-weight:bold;
	max-width:fit-content;
	position:relative;
	padding-right:2.25rem;
	margin-top:1rem;
	text-decoration:underline !important;
	transition:all 0.3s;
}
.nav-connector-all:hover{
  color:#004f5f !important;
}
.nav-connector-all::after{
	content:url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/cta.svg);
	width:1.75rem;
	height:1.75rem;
	right:0;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
}


.nav-explore-item{
	background: rgba(230, 231, 231, 0.30);
	border-radius:0.625rem;
	padding:1.5rem;
	display:flex;
	flex-direction:column;
	transition:all 0.3s;
	cursor:pointer;
  height: 100%;
}



.nav-explore-item:hover .nav-explore-item-title,.nav-explore-item:hover .nav-explore-item-desc{
	color:#004f5f;
	
}
.nav-explore-item:hover .nav-explore-item-link{
	filter:brightness(1.2);
}
.nav-explore-item.full-width-explore{
	max-width:50%;
	padding-bottom:1.5rem;
	min-width:100%;
}
.nav-explore-item-nav{
	margin-bottom:1.5rem;
}
.nav-explore-item-nav-additional img{
	object-fit:contain;
}
.nav-explore-item-nav img{
	width:100%;
	height:100%;
	object-fit:cover;
	max-height:12.5rem;
}

.nav-explore-item-nav-additional .nav-explore-item-nav img{
	object-fit:contain;
	max-height:8.5rem;
}
/*Temporary solution for the current badge */
li:has(> .nav-item-depth-1.tab-customers) .nav-explore-item-nav img {
    object-fit: contain !important;
}
.nav-explore-item-nav-additional .additional-featured-box{
		max-width:unset;
	}
.nav-explore-item-nav-additional.nav-explore-item.nav-explore-item-add{
		align-items:start;
		flex-direction:column;
	}


.nav-explore-item-title{
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:0.625rem;
	color:#37464F
}

.nav-explore-item-desc{
	font-size:0.938rem;
	color:#37464F;
	margin-bottom:1rem;
}
.nav-explore-item-link{
	display:block;
	width:1.875rem;
	height:1.875rem;
	cursor:pointer;
	transition:all 0.3s;
	overflow:visible
}

.nav-explore-item-link img{
	width:100%;
	height:100%;
	max-height:12.5rem;
	overflow:visible;
}

.nav-item-depth-4{
	overflow-y:auto;
/* 	max-height:25rem !important; */
	
}
@media (max-height: 40.625rem) { 
	.nav-item-depth-4 {
		max-height: 42vh !important;
	}
	.solutions-wrapper .nav-item-depth-4 {
		max-height: unset !important;
	}
	.solution-tab-opened .nav-item-depth-4 {
		max-height: unset !important;
	}
/* 		.tab-solutions + .nav-item-depth-2 .nav-item-depth-2-wrap > div{
	height:calc(100% - 0.625rem)
} */
}

.nav-item-depth-4-multi-tab::after {
	content: "";
	position: absolute;
	top: 0;
	width: 3.375rem;
	height: 100%;
	border-top: 0.063rem solid #004f5f;
	border-bottom: 0.063rem solid #004f5f;
	left: -3.375rem;
	background: #CCEEF21C;
	z-index: 123;
}
.nav-item-depth-4-multi-tab {
	position: relative;
	width: 100%;
	height: 100%;
}
.nav-item-depth-4-multi-tab > li {
	position: absolute;
	flex-direction: column;
	gap: 1rem;
	display: none;
	height: auto;
	border-radius: 0.625rem;
	padding: 2rem;
	background-color: #cceef21c;
	min-height: 100%;
	width: 100%;
}
.nav-item-depth-4-multi-tab > li:not(.solution-tab-opened):first-child {
	display: flex;
}
.solution-tab-columns-adjusted .nav-item-depth-4-multi-tab > li:not(.solution-tab-opened) {
	display: none;
}

.tab-solutions + .nav-item-depth-2 .nav-item-depth-2-wrap {
	grid-template-columns: 2.09fr 1fr !important;
}
.tab-solutions + .nav-item-depth-2 .solution-tab-opened > span {
	margin-bottom: 1.563rem;
	position: relative;
	display: block;
	padding: 0.5rem;
	display: flex;
	column-gap: 0.625rem;
	margin-top: 1.563rem;
}
.tab-solutions + .nav-item-depth-2 .solution-tab-opened > span::before {
	content: "";
	background-image: url("https://www.stibosystems.com/hubfs/2025-icons/icon_4_puzzle_2c.svg");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	height: 1.375rem;
	width: 1.25rem;
}
.solutions-wrapper .nav-item-depth-4-multi-tab > li > span {
	position: relative;
}
body .tab-solutions + .nav-item-depth-2 .nav-item-depth-4-multi-tab > li:first-child,
body .tab-solutions + .nav-item-depth-2 .nav-item-depth-4-multi-tab > li:first-child li {
	display: flex;
}
.nav-item-checked .nav-item-depth-3-item{
	background-color: rgba(0, 79, 95, .03);
    border-radius: .625rem;
    transition: all .3s;
}
/* .nav-item-checked  .nav-item-depth-3-item:hover>span:first-child{
	font-weight:700;
} */
.nav-item-checked .nav-item-depth-3-item:hover>span:last-child{
	font-weight:500;
}
.solutions-wrapper .nav-item-depth-4-multi-tab {
	margin-top: 3.188rem;
}
.solutions-wrapper .nav-item-depth-4-multi-tab > li > span::before {
	content: "";
	width: calc(100% - 2rem);
	height: 0.063rem;
	background-color: #37464F;
	position: absolute;
	bottom: -0.281rem;
	left: 0;
}
.tab-solutions + .nav-item-depth-2 .solution-tab-opened > span::before {
	background: url("https://www.stibosystems.com/hubfs/2025-icons/icon_head_brain_2c.svg");
}
.tab-solutions + .nav-item-depth-2 .solution-tab-opened > span::after {
	content: "";
	width: 100%;
	height: 0.063rem;
	background-color: #37464F;
	position: absolute;
	bottom: -0.281rem;
	left: 0;
}
.tab-solutions + .nav-item-depth-2 .nav-item-depth-4-multi-tab {
	flex: 1 1 calc(40% - 1.063rem);
	height: fit-content;
}
.tab-solutions + .nav-item-depth-2 .nav-item-depth-4-multi-tab > li {
	max-height: unset;
}
.solutions-wrapper .nav-item-depth-4-multi-tab > li {
	border: unset !important;
	padding: unset;
	background-color: unset;
}
.solutions-wrapper .nav-item-depth-4-multi-tab:after {
	display: none;
}
.tab-solutions + .nav-item-depth-2 .solution-tab-opened {
	gap: 0;
}
.solutions-wrapper-scroll {
	border-radius: 0.625rem;
	padding: 2rem;
	border: 0.063rem solid;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 1.5rem;
	background-color: #F7FCFD;
	column-gap: 2.125rem;
	height:unset;
	min-height:100%;
}
.solutions-wrapper{
height: -webkit-fill-available;
    border: .063rem solid;
    border-radius: .625rem;
    column-gap: 2.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: auto;
    /* padding: 2rem; */
    row-gap: 1.5rem;
    display: flex;
    border: unset;
    overflow: auto;
	width:100%;
}

.solutions-wrapper .nav-item-depth-4-item {
	width: fit-content;
}

.solutions-wrapper .nav-item-depth-4-item:after {
	opacity: 1;
	right: 0rem;
}
.solutions-wrapper .nav-item-depth-4-item a,
.solutions-wrapper .nav-item-depth-3-item > span {
	padding-right: 2rem;
}
.solutions-wrapper .nav-item-checked {
	background-color: unset;
}
.solutions-top-section {
	flex: 1 1 100%;
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	height: fit-content;
	margin-top: auto;
}
.solutions-top-section-text {
	display: flex;
	gap: 0.188rem;
	flex-direction: column;
}
.solutions-top-section-text-top {
	color: #37464F;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1.5rem;
	text-transform: uppercase;
}
.solutions-top-section-text-bottom {
	color: rgba(55, 70, 79, 0.70);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.375rem;
}
.solutions-top-section-link {
	display: flex;
	align-items: center;
  
}
.solutions-top-section-link a {
	color: #37464F;
	font-weight: 700;
	line-height: 1.5rem;
	display: flex;
	align-items: center;
	gap: 0.625rem;
  transition: all 250ms linear;
  text-decoration: underline;
}
.solutions-top-section-link a:hover svg {
	filter: brightness(1.2)
}
.solutions-top-section-link a:hover{
	color: #004f5f!important;
}
.solutions-top-section-link a svg {
	width: 1.875rem;
	height: 1.875rem;
	padding: 0.438rem;
	background: #004f5f;
	border-radius: 50%;
  transition: all 250ms linear;
}
.solutions-items {
	flex: 0 1 calc(60% - 1.063rem);
}
.solutions-wrapper .nav-item-depth-4 li:first-child {
	font-weight: 600;
}

li.solution-tab-opened {
	display: flex !important;
}
.tab-solutions + .nav-item-depth-2 .nav-item-depth-4-multi-tab li:not(.solution-tab-opened) {
	display: none;
}
.tab-solutions + .nav-item-depth-2 .nav-item-depth-3-wrap {
	scrollbar-width: none;
	-ms-overflow-style: none;
	max-height: unset;
	height: fit-content;
}
.tab-solutions + .nav-item-depth-2 .nav-item-depth-3-wrap::-webkit-scrollbar {
	display: none;
}
.nav-item-depth-4-multi-tab {
	display: flex;
	flex: 0 1 33%;
	flex-direction: column;
}
.nav-item-depth-4-item {
	line-height: 1.5rem;
	position: relative;
	display: none;
	margin-right: 0.5rem;
}
.nav-item-depth-4-item a {
	padding: 1rem 0.5rem;
	display: block;
	transition: all 0.3s;
}
.nav-item-depth-4-multi-tab li:first-child .nav-item-depth-4-item {
	display: block;
}
.site-search:not(.search-active) {
	display: none;
}


.sb-nav .loader {
	display:none;
	margin:0.625rem auto;
  width: 1.875rem;
  aspect-ratio: 2;
  background: 
     no-repeat radial-gradient(circle closest-side,#004f5f 90%,#0000) 0%   50%,
     no-repeat radial-gradient(circle closest-side,#004f5f 90%,#0000) 50%  50%,
     no-repeat radial-gradient(circle closest-side,#004f5f 90%,#0000) 100% 50%;
  background-size: calc(100% / 3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
.search_close span {
    width: 100%;
    transform: rotateZ(45deg);
    height: 0.125rem;
    background: #004f5f;
    position: absolute;
}
.search_close span:first-child {
  transform:rotateZ(135deg);
}
.search_close{
	cursor:pointer;
	width:1.25rem;
	height:1.25rem;
	display:flex;
		position: absolute;
    right: 1.25rem;
    justify-content: center;
    top: 2.188rem;
	transform:translateY(-50%);
	z-index: 3;
    align-items: center;
}
.site-search:not(.search-active){
	display:none;
}
html.lock{
	overflow-y:hidden;
}
.hs-search-field{
	position: absolute;
	top: 4.688rem;
	z-index: 10;
	right: 0;
	max-width: 29.063rem;
	padding:0.688rem;
	width: 100%;
	transition:all 0.3s;
	background-color:#fff;
	border-radius:0 0 0.625rem 0.625rem;
}

.hs-search-field ul{
	list-style-type:none;
}
.search-done #autocomplete-results a{
  animation:fadeInNavSearch 0.3s forwards;
}
.search-done #autocomplete-results a::after{
	content: url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up.svg);
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	right:1.125rem;
	top:2.375rem;
	transform:rotate(90deg);
}
#autocomplete-results a {
	position:relative;
	color: #004f5f;
	display: block;
	margin-bottom: 1.5rem;
	font-size: 0.9rem; 
	font-weight:bold;
	opacity:0;
	padding:0.5rem 1.25rem 0.5rem 0.5rem;
	margin-right:1.25rem;
	transition:all 0.3s;
}

.search-done #autocomplete-results a:hover{
	background-color:rgba(0, 79, 95, 0.03);
	border-radius:0.625rem;
}

#autocomplete-results a:hover:before{
	height:0.125rem;
	width:100%;
	background-color:#004f5f;
}
#autocomplete-results strong,.hs-highlight-title{
	color: #004f5f;
	font-weight:bold !important;
}
.hs-highlight-html{
	font-size:0.8rem;
	font-weight:100;
}
#autocomplete-results a span{
	font-size:1rem;
	font-weight:normal;
	line-height:1.313rem;
}
#autocomplete-results a span:last-child{
	margin-top:0.375rem;
}
.hs-search-field .hs-search-field__input{
	width: calc(100% - 4.125rem);
	display: block;
	font-size: 1rem;
	padding:1rem 3.5rem;
	color: #004f5f;
	border-radius:0.625rem;
	visibility:hidden;
	background-image:url(https://www.stibosystems.com/hubfs/2020wot/_icons/icon_magnifying_glass_search_2c.png);
	background-repeat: no-repeat;
	background-size: 1.5rem;
	background-position: 0.938rem 50%;
	height:3rem;
	border: 0.063rem solid #D6DADB;
}
.hs-search-field.voice-search-enabled .hs-search-field__input {
    width: calc(100% - 5.125rem);
    margin-left: 2.5rem;
	margin-bottom:0.5rem;
}

.hs-search-field__bar{
	max-width:50rem;
	margin:0 auto;
}
.hs-search-field__form{
	position:relative;
}

.hs-search-field__form p{
	visibility:hidden;
	font-size: 1rem;
    color: #004f5f;
    text-align: center;
}
.search-done .hs-search-field__suggestions-container{
		max-height: 42.5rem;
    height: 50vh;
    overflow-y: auto;

}
.hs-search-field__form p.results,.hs-search-field__form p.no_results{
	animation:fadeInNavSearch 0.6s 0.3s forwards;
	margin:1.25rem 0 0.625rem;
	
}
.hs-search-field__form p.results{
	text-align:left;
	margin:1.563rem 0;
	font-size:1.6rem;
	font-weight:bold;
}
.search-active .hs-search-field__input{
	animation:fadeInNavSearch 0.6s 0.3s forwards;
}
.hs-search-field__input::placeholder{
	color:rgba(55, 70, 79, 0.70);
	font-size:1rem;
	line-height:normal;
}

.search-active .site-search__popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	  height:80vh;
    z-index: 5;
		animation:fadeInNavSearch 0.3s forwards;
	  overflow-y:scroll;
	  border-bottom:0.313rem solid #004f5f;
	
}
.search-active .site-search__popup{
	background-color:#CCEEF2;
	
}
.popular-search{
	display:flex;
	gap:0.938rem;
	margin-bottom:1.25rem;
}
.popular-search div{
	padding:0.625rem 1.25rem;
	border-bottom:0.125rem solid #004f5f;
	background-color:#fff;
	font-weight:bold;
	font-size:1.2rem;
}
.resultType{
	display:block;
	max-width:fit-content;
	border-bottom:0.063rem solid #004f5f;
	margin-bottom:0.625rem;
}
@keyframes fadeInNavSearch{
	0% {
    opacity: 0;
    visibility: hidden;
}

100% {
    opacity: 1;
    visibility: visible;
}
	
}


.results-for,#sr-messenger{
	display:none;
}



@media(max-width:100rem){
	span.nav-item-depth-2-wrap:not(.nav-wrap-half-space){
		gap:1rem;
	}
		.nav-item-depth-4-multi-tab::after{
		width:1rem;
			left:-1rem;
	}
	.navigation-items-wrapper,.sb-nav-top-items{
		gap:0.938rem;
	}
	.sb-nav-lower-links{
		gap:1.25rem;
	}
	.sb-nav-top-items-demo::after{
		display:none;
	}
	a.sb-nav-top-items-demo{
		padding:0.688rem 0.938rem;
		
	}
	.sb-nav-top-items-demo:hover{
		padding:0.688rem 0.938rem;
	}
	.nav-explore-item.full-width-explore{
		max-width:unset;
	}
	.sb-nav-lp-logo img{
		height:1.875rem;
	}
}
@media(max-width:95rem){
	.solutions-items{
		flex:0 1 calc(60% - 1.063rem);
	}

}
@media(max-width:90.5rem){
	.nav-item-connector{
		flex:1 1 100%;
	}
	.nav-item-connectors{
		row-gap:0.5rem;
	}
		.nav-connector-top{
		gap:0.5rem;
	}
	.nav-connector-top{
		flex-wrap:nowrap
	}
	.nav-connector-top-button{
		order:3;
		flex:0 0 min-content;
	}
	.nav-connector-top-name{
		order:2;
		flex:1 1 auto;
		width:fit-content;
	}
	
}
@media(max-width:87.5rem){
		span.nav-ico{
		font-size:1rem;
	}
	.sb-nav-lp-logo img{
		max-width:11rem;
	}
		.sb-nav-top-wrapper .nav-item-depth-1{
		font-size:1rem;
	}
		a.sb-nav-top-items-demo{
		font-size:0.9rem;
		padding:0.688rem 1.25rem;
	}
}

@media(max-width:85rem){

		span.nav-ico,a.sb-nav-top-items-demo,.sb-nav-top-wrapper .nav-item-depth-1{
		font-size: 0.9rem;
	}
	.nav-item-depth-3-wrap-two-columns li{
		flex:1 1 100%;
	}

	.nav-item-connector{
		padding-right:0.688rem;
	}
	.nav-item-depth-3-wrap-two-columns li{
		margin-right:0.688rem;
	}

	.sb-nav-lower-links{
		gap:0.625rem;
	}

	.sb-nav-lp-logo img{
		height:1.875rem;
		max-width:11rem;
		margin:0;
	}

	.sb-nav-top-items img{
		width:1.25rem;
		height:1.25rem;
	}

	.nav-explore-item{
		padding:1.25rem;
	}
	.hs-search-field{
		top:4.375rem;
	}
}
@media(max-width:75rem){
		.sb-nav-top-wrapper .nav-item-depth-1{
		font-size:0.75rem;
	}
}
@media(max-width:80rem){
	.tab-solutions+.nav-item-depth-2 .nav-item-depth-2-wrap>div{
		padding:0;
		background-color:unset;
		border:unset;
	}
	.nav-item-checked, .nav-item-depth-3-item:not(.industries-see-all-industries):hover, .nav-item-depth-4-item:hover{
		background:unset;
		border-radius:unset;
	}
  .sb-nav-top-wrapper .navigation-items-wrapper .nav-item-depth-1::after {
	content: url(https://www.stibosystems.com/hubfs/website-redesign/midnight-chevron-up.svg);
}
		.nav-item-depth-2-wrap{
		padding:0.625rem;
	}
	  .tab-solutions + .nav-item-depth-2 .nav-item-depth-2-wrap > div{
	height:100%
}
	.solutions-items .has-next-mobile{
		width:fit-content
	}
  .success-by-industry .nav-item-depth-3-wrap {
   display: none;
  }
/* 	.solutions-items .nav-item-depth-4-item-mobile li:last-child a{
		font-weight:600;
	} */
/* 	.solutions-items .nav-item-depth-4-item-mobile li:not(:last-child){
		margin-bottom:1.25rem;
	} */
	.solutions-items .nav-item-depth-4-item-mobile li span{
		display: none;
	}
  .success-by-industry .nav-item-depth-3-wrap {
    column-count: initial;
  }
    .success-by-industry {
    background-color: transparent;
  }
		.navigation-items-wrapper.mobile-nav-opened{
		gap:2rem;
	}	
	ul.nav-item-depth-4-item-mobile::before{
		display:none;
	}
	.nav-item-depth-2-wrap{
		padding:1.25rem 0.5rem 1rem;
	}
	.nav-item-depth-4-item-mobile a{
		font-weight:normal;
	}

	.nav-explore-item-wrapper, .nav-item-depth-2-item::before,.nav-item-depth-2-item::after{
		display:none
	}
	.solutions-items .nav-item-depth-3-item span:last-child{
		display:none;
	}
	.tab-solutions + .nav-item-depth-2 .nav-item-depth-2-wrap{
		grid-template-columns:1fr !important;
	}
	.solutions-items{
		flex: 1 1 100%;
	}
	.solutions-items .has-next-mobile{
		position:relative;
		display:block;
    font-style: normal;
    font-weight: 900;
	}
	.solutions-items .has-next-mobile>span{
		display:block;
	}
	.nav-item-depth-2-item::before{
		overflow:hidden;
	}
	.nav-item-depth-2-wrap .platform-items:nth-child(2) .nav-item-depth-3-wrap, .nav-item-depth-2-wrap .platform-items:nth-child(3) .nav-item-connectors{
		max-height:unset;
	}
	.solutions-items .has-next-mobile::before, .nav-item-depth-2-item::before{
	 content: url(https://www.stibosystems.com/hubfs/website-redesign/midnight-chevron-up.svg);
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: all .5s;
    width: 1.5rem;
		display:block !important;
		opacity:1 !important;
}
  .sb-nav-top-wrapper .nav-item-depth-1.nav-tab-opened {
    color:#004f5f!important;
  }
.nav-item-depth-1:not(.nav-tab-opened) .nav-item-depth-2-item::before{
	 content: url(https://www.stibosystems.com/hubfs/website-redesign/midnight-chevron-up.svg)!important;
}
	.solutions-items .nav-tab-opened.has-next-mobile::before, .nav-tab-opened.nav-item-depth-2-item::before{
		content:url(https://www.stibosystems.com/hubfs/website-redesign/midnight-chevron-up.svg);
		transform:translateY(-50%) rotate(0deg);
	}
	.solutions-wrapper{
		background:unset;
		border:unset;
		padding:0;
		height:unset;
	}
	.solutions-top-section{
		display:none;
	}
	.tab-solutions+.nav-item-depth-2 .nav-item-depth-2-item{
		display:none;
	}
	.tab-solutions+.nav-item-depth-2 .nav-item-depth-3-wrap li:last-child{
		display:flex;
	}
		
	.tab-customers+.nav-item-depth-2 li:first-child .nav-item-depth-3-wrap li:last-child{
		display:flex;
	}
	.tab-partners+.nav-item-depth-2 li:first-child .nav-item-depth-3-wrap li:last-child{
		display:flex;
	}
	.success-by-industry .nav-item-depth-3-wrap{
	gap:1rem;
	padding:1rem 0 0 0;
}
	.nav-item-depth-3-item>span:first-child:after, .nav-item-checked>span:first-child:after, .nav-item-depth-4-item::after{
		display:none;
	}
	.success-by-industry .nav-item-depth-3-wrap>li:not(:last-child){
		margin-bottom:1.3rem;
	}
	.nav-item-depth-2-wrap .platform-items:last-child, .nav-item-depth-2-wrap>li:first-child, .nav-item-depth-2-wrap .knowledge-center-items:last-child, .nav-item-depth-2-wrap .platform-items:last-child, .nav-item-depth-2-wrap>li, .nav-item-depth-2-wrap .knowledge-center-items:last-child, .success-by-industry{
		border:none !important;
	}
		.nav-item-depth-4-multi-tab::after{
		display:none;
	}
	.hs-search-field{
		right:1.25rem;
	}
	html body{
	padding-top:5.625rem !important;
}
	.sb-nav .sb-container{
		position:static;
	}
		.platform-items .nav-item-depth-3-item>span:first-child:after, .customers-items .nav-item-depth-3-item>span:first-child:after,.customers-items .nav-item-depth-3-item>span:first-child:after,.knowledge-center-items .nav-item-depth-3-item>span:first-child:after{
		display:none;
	}

	.sb-nav .sb-container{
		padding:1rem !important;
	}
	.mobile-nav-icon{
		display:flex;
		min-width:1.875rem;
		height:1.875rem;
		background:unset !important;
		border:unset !important
	}
	.mobile-nav-icon-opened > img{
		display:none;
	}
	.mobile-nav-icon-opened .mobile-nav-icon-close{
		display:flex;
	}
	.lang-mobile{
		display:block;
	}
	.mobile-nav-icon img{
		width:100%;
		height:100%;
	}
	.sb-nav-top-items-dropdown-items{
		right:3.438rem;
	}
	
.nav-item-depth-4-multi-tab>li::before, .nav-item-depth-2-wrap>li::before{
	display:none;
	}
.sb-nav-top-items-demo{
		display:none;
	}
	.sb-nav-top-items-language{
		display:none;
	}

.lang-mobile span.nav-ico{
		font-size:1.125rem;
		font-weight:bold;
		color:#37464f;
	}
.lang-mobile .sb-nav-top-items-dropdown-items-mobile{
		opacity:unset;
		visibility:unset;
		position:unset;
		display:none;
		padding-right:unset !important;
		right:unset !important;
		pointer-events:unset;
		padding:unset;
		width:unset;
		row-gap:1.5rem;
		padding:1.625rem 0.5rem 1rem;
	}
	.sb-nav-top-items-dropdown-items-mobile li:not(:last-child){
		margin-bottom:1.5rem;
		
	}
	.lang-mobile .sb-nav-top-items-dropdown-items-mobile a{
		height:unset;
		width:unset;
		padding:unset;
		margin:unset;
		border:unset;
		justify-content:start;
		color:#37464F !important;
		font-size:1rem;
		display:flex;
		font-weight:bold;
		-webkit-font-smoothing:antialiased;
	}

	span.nav-ico::after{
		content:none;
	}
	.sb-nav-top-item-demo-mobile{
		display:block;
		max-width:41.563rem;
		width:100%;
	}
	a.sb-nav-top-items-demo-mobile{
		display:block;
		width:100%;
		text-align:center;
		background-color:unset;
		background: linear-gradient(90deg, #009BB9 0%, #004F5F 47%);
	}
	a.sb-nav-top-items-demo-mobile::after{
		right:auto;
		margin-left: 0.5rem;
	}
	.nav-item-depth-2-wrap .platform-items:nth-child(3) .nav-item-connectors{
		max-height:unset;
	}
	.sb-nav-top-items img{
		height:1.875rem;
		width:1.875rem;
	}
	.sb-nav-lower-links{
		height:1.688rem;
	}
	.sb-nav.mobile-nav-border .sb-container{
		border-radius:0.625rem 0.625rem 0 0.625rem
	}
	.nav-item-depth-3-item span:first-child{
		font-weight:bold;
	}
	.navigation-items-wrapper{
		display:none;
		top: 4.875rem;
		flex-direction: column;
		position: absolute;
		right: -100%;
		background: #fff;
		align-items: flex-start;
		padding: 1.5rem 1rem;
		width: 80%;
		border-radius: 0 0 0.625rem 0.625rem;
		gap:1.5rem;
		overflow-y:scroll;
		justify-content:start;
		transition:all 0.3s;
/* 			scrollbar-width: auto;
	  scrollbar-color: #000; */
}
	
	.navigation-items-wrapper.mobile-nav-opened{
		display:flex;
		animation:navAnim 0.3s forwards;
	}

	@keyframes navAnim {
		from{
			right:-100%;
		}
		to{
			right:1.25rem;
		}
	}
	.nav-item-depth-2-wrap.nav-grid-two-column{
	grid-template-columns:1fr;
}
	.navigation-items-wrapper.navigation-expanded{
    height: fit-content;
    max-height: calc(100dvh - 5.625rem);
    overflow: auto;
/* 		scrollbar-width: thin;
	scrollbar-color: #004f5f transparent; */
	}
.sb-nav-top-wrapper .nav-item-depth-1{
		font-size:1.125rem;
		font-weight:bold;
		color:#37464F;
	}
	.navigation-items-wrapper.mobile-nav-opened{
		gap:2.3rem;
	}
	.nav-item-depth-1.nav-tab-opened{
		display:block;
		max-width:fit-content;
	}
.nav-item-depth-2{
	position:static;
	transform:unset;
	padding:0;
	box-shadow:unset;
	height:unset;
	min-height:unset;
	max-height:unset;
}
	.nav-item-depth-2-wrap{
		grid-template-columns: 1fr; /* Single column taking 100% width */
    grid-auto-rows: min-content;
		padding:1.625rem 0.5rem 1rem;
		gap:1.438rem;
		height:auto;
		margin-bottom:-1.25rem;
	}
	.nav-item-depth-3-wrap,.nav-item-connectors,.nav-connector-all,.nav-connector-desc{
		display:none;
	}
	.nav-connector-all{
		margin-bottom:0.625rem;
	}
	.nav-item-connectors{
		background-color:unset;
	}
	.nav-item-depth-2-item{
		position:relative;
		padding-right:1.75rem;
		max-width:fit-content;
		font-size:0.938rem;
	}
	.nav-item-depth-3-wrap{
		row-gap:0;
		max-height:unset;
		
	}

	
	.nav-item-depth-2-item::after, .solutions-items div.nav-item-depth-3-item>span:first-child:after, .how-we-help-items div.nav-item-depth-3-item>span:first-child:after, .impact-items div.nav-item-depth-3-item>span::after{
	content:url(https://www.stibosystems.com/hubfs/Website%20redesign%202024/chevron-up.svg);
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%) rotate(180deg);
	transition:all 0.3s;
}
	.nav-item-depth-2-item.nav-tab-opened::after, .solutions-items div.nav-item-depth-3-item.nav-tab-opened>span::after, .how-we-help-items div.nav-item-depth-3-item.nav-tab-opened>span::after, .impact-items div.nav-item-depth-3-item.nav-tab-opened>span::after{
	transform:translateY(-50%) rotate(0deg);
		
	}
	.nav-explore-item{
		max-width:unset;
		display:none;
	}
	.nav-item-depth-3-item{
/* 		max-width:fit-content; */
		padding:0 0.5rem;
	}
	.nav-item-depth-3-item span:last-child{
		margin-bottom:1.25rem
	}
	.nav-item-depth-3-item  span{
		padding-right:1.875rem;
	}
	.nav-item-depth-4-multi-tab{
		display:none !important;
	}
	.solutions-items>span, .partners-items>span{
  display:none;
	}
	
	.solutions-items .nav-item-depth-3-wrap, .partners-items .nav-item-depth-3-wrap{
		display:flex;
	}
	.nav-item-depth-3-item span:first-child:before, .nav-item-checked span:first-child:before, .nav-item-depth-4-item::before, .nav-item-depth-2-item .partners-items:first-child:before{
		display:none;
	}
	.nav-item-depth-3-wrap-two-columns .nav-item-depth-3-item{
		min-height:unset;
	}


	.nav-explore-item-link img{
		max-height:2.5rem;
	}
	.nav-item-checked{
		background-color:unset;
	}
	.nav-item-depth-4-item-mobile{
		display:none;
		position:relative;
    padding:0.5rem 2rem 1rem !important;
	}
	ul.nav-item-depth-4-item-mobile::before {
    content: "";
    width: 0.063rem;
    background: #004f5f;
    height: 80%;
    position: absolute;
    left: 0.938rem;
    top: 50%;
    transform: translateY(-52%);
	}

	.nav-item-depth-4-item-mobile a{
	  padding:0.5rem 0;
		line-height:1.5rem;
		font-weight:500;
		display:block;
	}

	.solutions-items div.nav-item-depth-3-item span, .how-we-help-items div.nav-item-depth-3-item span, .impact-items div.nav-item-depth-3-item span{
		position:relative;
		padding-right:1.75rem !important;
	}
	.nav-item-depth-2-wrap>li{
		padding:0;
		gap:0.5rem;
	}
	.nav-item-depth-2-wrap>li:first-child, .nav-item-depth-2-wrap>li:last-child{
		background-color:#fff !important;
	}
	.nav-item-depth-3-item:hover, .nav-item-checked, .nav-item-depth-4-item:hover{
		background-color:unset;
	}
	
	
	
}


@media (max-width: 37.5rem) {
		.hs-search-field{
		top:4.375rem;
		max-width: calc(100% - 2.5rem);
		right:1.25rem;
			
	}
	.nav-item-connector{
	flex:0 1 100%;
	}
	.nav-connector-top{
		gap:0.5rem;
	}
	.nav-connector-top{
		flex-wrap:nowrap
	}
	.nav-connector-top-button{
		order:3;
	}
	.nav-connector-top-name{
		order:2;
		flex:1 1 auto;
		width:fit-content;
	}
		.sb-nav-top-items-dropdown{
		position:unset;
	}
		.sb-nav-top-items-dropdown-items{
		display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    max-height: 18.75rem;
		width:calc(100% - 2.5rem);
		right:1.25rem;
		border-radius:0 0 0.625rem 0.625rem;
		box-shadow:1.875rem 3.75rem 6rem 0rem  rgba(0, 52, 63, 0.25);
	}
	.sb-nav-top-items-dropdown-items img{
		margin:0.625rem;
	}
	.navigation-items-wrapper{
		width:calc(100% - 2.5rem)
	}
	.sb-nav.mobile-nav-border .sb-container{
		border-radius:0.625rem 0.625rem 0 0;
	}
}

@media (max-width: 41.563rem) {
 .sb-nav-lp::before {
  display: none !important;
 }
	.sb-nav-top-wrapper .nav-item-depth-1,.lang-mobile span.nav-ico{
		font-size:1rem;
	}
	.nav-item-depth-3-item span:first-child{
		font-size: 0.875rem;
	}
/* 	.nav-item-depth-4-item-mobile a{
		font-weight:normal;
	} */

	.search-done .hs-search-field__suggestions-container{
		height:80vh;
	}
	.hs-search-field .hs-search-field__input{
		font-size:1rem;
	}
	
}
.success-by-industry .nav-item-depth-3-item{
	flex-direction:row-reverse;
	justify-content:start;
	align-items:center
}
.success-by-industry .nav-item-depth-3-item span:last-child{
	display:none;
}

.nav-item-depth-3-item:hover > span, .nav-item-checked > span, .nav-item-depth-4-item:hover > a{
	color: #004f5f !important; 
}
.nav-item-depth-3-item > span{
	transition:all 0.3s;
}

.nav-item-depth-3-item:hover > span:last-child, .nav-item-depth-4-item:hover > a, .nav-item-connector:hover .nav-connector-desc{
	font-weight: 500;
}
.success-by-industry .nav-item-depth-3-item:hover > span:first-child, .nav-item-depth-4-item:hover > a, .nav-item-connector:hover .nav-connector-top-name{
	font-weight: 600;
}

.nav-item-depth-3-item:hover .industry-icons{
	filter: invert(21%) sepia(76%) saturate(486%) hue-rotate(153deg);
}
	

.success-by-industry  .industry-icons{
	width:2.188rem;
	height:2.188rem;
	object-fit:cover;
	margin-right:0.5rem;
	transition:all 0.3s;
}
#global-search-reset {
  margin-top: 0.625rem;
  display: flex;
  height: 1.188rem;
  margin-top: auto;
  font-size: 0.875rem;
  line-height: 100%;
  text-decoration: underline;
  color: rgba(55, 70, 79, 0.7);
  transition: all 100ms linear;
}

#global-search-reset:hover {
  color: #004F5F;
}