header.header .header__bottom {
background: #004b89;
backdrop-filter: blur(10px);
}
#breadcrumbs {
width: 100%;
position: relative;
top: 80px;
left: 0;
z-index: 10;
backdrop-filter: blur(10px);
}
@media screen and (max-width: 890px) {
#breadcrumbs {
top: 0;
}
}
#breadcrumbs .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 2.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
#breadcrumbs li {
color: #303030;
text-align: center;
font-size: 1.6rem;
font-style: normal;
line-height: normal;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
list-style: none !important;
}
#breadcrumbs li::marker {
content: none !important;
}
#breadcrumbs li svg path {
fill: #303030;
}
#breadcrumbs li a svg path {
fill: #303030;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#breadcrumbs li a:hover svg path {
fill: #1bbbe9;
}
#breadcrumbs li::marker {
content: none;
}