body,#top-bar{border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}
body{background:var(--wp--preset--color--midnight-teal)}
#page-wrapper{background:var(--wp--preset--color--white)}
#top-bar,#site-header{line-height:normal}
#top-bar{
    --bs-link-color-rgb:currentColor;
    background: var(--wp--preset--color--teal-blue);padding:7px 0
}
.header-cta:hover{color:var(--wp--preset--color--goldenrod)}
.trust-badges .wp-block-image img{width:clamp(2.5rem, 1.401vw + 2.255rem, 3.375rem)}

.cs-fixed-top{
    position: absolute;
    left: var(--body-margin-inline);
    right: var(--body-margin-inline);
}
.cs-fixed-top.scrolled{
    position:sticky;
    left:0
}
#site-header{
    --bs-navbar-color:var(--wp--preset--color--black);
    --bs-navbar-hover-color:var(--wp--preset--color--teal-blue);
    --bs-navbar-brand-padding-y: 0;
    --bs-bg-opacity:0.54;
    z-index: 1;
}
.nav-link{position:relative}
#deskmenu{--bs-nav-link-padding-y:12px}
#deskmenu > .menu-item > .nav-link:after{
    content:'';
    opacity: 0;
    position: absolute;
    left:0;right:0;bottom:0;
    margin:auto;
    width:0;
    border:1px solid var(--wp--preset--color--teal-blue);
    transition:all .3s ease;
}
#deskmenu > .menu-item > .nav-link:hover:after{
    width: 50%;
    opacity: 1;
}

.progress-wrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 999;
}
.progress-wrap.active-progress {
  opacity: 1;
  pointer-events: auto;
}
.progress-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--wp--preset--color--maroon-red);
  pointer-events: none;
  user-select: none;
}
.progress-circle {
  transform: rotate(-90deg);
  fill: none;
  stroke: var(--wp--preset--color--maroon-red);
  stroke-width: 4;
}
.progress-circle path {
  stroke-dasharray: 0 0;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 10ms linear;
}