#myHeader,
.fi-stick,
.sicked-top {
  position: sticky
}

.fib-nav a,
.fib-nav-2 a {
  font-weight: 400;
  margin: 8px;
  text-decoration: none;
  transition: .38s;
  position: relative
}

#fi-bi61,
.flide-in-left>p {
  font-size: var(--wp--preset--font-size--xx-large)
}

#rank-math-toc a,
.fi-no-dec a,
.fib-nav a,
.fib-nav-2 a {
  text-decoration: none
}

.elevated-card-d:hover,
.elevated-card:hover {
  box-shadow: var(--wp--preset--shadow--lvl-2)
}

#myHeader {
  z-index: 11;
  top: 0;
  height: 150px;
  transition: .38s;
  background-color: transparent;
  align-items: center
}

#myHeader .wp-block-group {
  transition: height .38s, width .38s;
  height: 100%
}

#myHeader.shrink {
  height: 88px;
  background-color: #c3e4cd
}

#myHeader.shrink .wp-block-group .icon-container svg {
  fill: var(--wp--preset--color--secondary);
  transition: fill .3s
}

#myHeader.dark {
  background-color: var(--wp--preset--color--d-on-surface)
}

.fi-stick {
  top: 200px;
  z-index: 9
}

.sicked-top {
  top: 0;
  right: 0;
  left: 0;
  z-index: 618
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 618
}

.fixed-bread {
  position: sticky;
  top: 70px;
  z-index: 518
}

.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
  gap: 0
}

.wp-block-navigation__responsive-container-content {
  align-items: center !important
}

.fib-nav-2 .wp-block-navigation-item__label:hover {
  color: var(--wp--preset--color--on-tertiary-container)
}

.fib-nav a::after,
.fib-nav-2 a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  background-color: transparent;
  border-radius: 2px;
  transition: background-color .38s
}

.fi-lista li::before,
.fi-price li::before {
  background: url('/wp-content/themes/fibon-theme-main/assets/svg/checkbox-2.svg') center center/contain no-repeat;
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: text-bottom
}

.fib-nav-2 a:hover::after {
  background-color: var(--wp--preset--color--on-tertiary-container)
}

.fib-nav a:hover::after {
  background-color: #389c1e
}

@media (max-width:599px) {

  .shrink .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container {
    background: var(--wp--preset--color--surface-5) !important;
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
  }

  .shrink .wp-block-navigation__responsive-container,
  .shrink .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container.is-menu-open {
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
  }

  .wp-block-navigation__responsive-container {
    backdrop-filter: blur(10px);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    opacity: 1;
    visibility: visible;
    margin-right: 25px;
    margin-top: 24px
  }

  .wp-block-navigation__responsive-container-content {
    background: var(--wp--preset--color--surface)
  }

  .shrink .wp-block-navigation__responsive-container {
    backdrop-filter: blur(20px);
    transform: translateX(90%);
    opacity: .9
  }

  .shrink .wp-block-navigation__responsive-container.is-menu-open {
    visibility: visible;
    margin-right: 24px;
    margin-top: 0;
    height: 100vh;
    backdrop-filter: blur(30px)
  }

  .wp-block-navigation__responsive-container-close {
    padding: 16px;
    font-weight: 500
  }
}

#rank-math-toc a {
  font-family: var(--wp--preset--font-family--lato);
  font-weight: 500
}

.wp-block-rank-math-toc-block ul li,
.wp-block-rank-math-toc-block ul ul li {
  margin-bottom: 4px;
  margin-top: 4px
}

@media (max-width:782px) {
  .wp-block-rank-math-toc-block ul {
    padding-left: 16px
  }

  .wp-block-rank-math-toc-block ul li,
  .wp-block-rank-math-toc-block ul ul li {
    margin-bottom: 8px;
    margin-top: 8px
  }

  .hero-mobile {
    display: none
  }

  .col-re {
    display: flex;
    flex-direction: column-reverse
  }
}

#fi-bi61 {
  color: var(--wp--preset--color--secondary)
}

.no-gap {
  row-gap: 0;
  column-gap: 0;
  gap: 0
}

.fi-d-price,
.fi-lista,
.fi-price {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  font-family: var(--wp--preset--font-family--lora)
}

.fi-lista li {
  position: relative;
  padding-left: 30px;
  list-style-type: none
}

.fi-lista li::before {
  position: absolute;
  left: 0;
  top: 0
}

.fi-price li::before {
  margin-right: 10px
}

.fi-d-price li::before {
  content: '';
  background: url('/wp-content/themes/fibon-theme-main/assets/svg/checkbox-d.svg') center center/contain no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-bottom
}

.flide-in-left>p {
  font-family: var(--wp--preset--font-family--italianno)
}

figcaption {
  color: var(--wp--preset--color--outline)
}

.grecaptcha-badge {
  visibility: hidden
}

.fi-no-dec a {
  font-weight: 700
}

/*! Elevated Cards Light and Dark */
.elevated-card,
.elevated-card-d {
  box-shadow: var(--wp--preset--shadow--lvl-1)
}

.elevated-card:hover {
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--on-surface)
}

.elevated-card-d:hover {
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--d-on-surface)
}

.filled-card-d:hover,
.filled-card:hover {
  border-radius: 8px;
  box-shadow: var(--wp--preset--shadow--lvl-1)
}

/*! Outlined Cards Light and Dark */
.outlined-card,
.outlined-card-d {
  border-radius: 8px
}

.outlined-card:hover {
  border-radius: 8px;
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--surface)
}

.outlined-card-d:hover {
  border-radius: 8px;
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--d-on-surface)
}

/*! Filled Cards Light and Dark */
.filled-card {
  border-radius: 8px;
  background: var(--wp--preset--color--surface-container-highest)
}

.filled-card:hover {
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--surface)
}

.filled-card-d {
  border-radius: 8px;
  background: var(--wp--preset--color--d-surface-container-highest)
}

.filled-card-d:hover {
  background: linear-gradient(var(--wp--preset--color--surface-2), var(--wp--preset--color--surface-2)), var(--wp--preset--color--d-surface)
}

:where(.is-layout-flex) {
  gap: var(--wp--preset--spacing--20)
}

mark.has-inline-color {
  padding: .1em .382em;
  border-radius: 6px
}

:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0
}

:target {
  background: 0 0 !important
}