#sidebar-service {
  height: 100%;
}
@media (max-width: 1024px), (max-height: 700px) {
  #sidebar-service {
    display: flex;
    gap: 2%;
  }
}
@media (max-width: 600px) {
  #sidebar-service {
    flex-wrap: wrap;
  }
}
#sidebar-service .widget {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  padding: 3rem 2rem;
  transition: 500ms all ease-in-out;
}
@media (max-width: 1024px), (max-height: 700px) {
  #sidebar-service .widget {
    position: relative;
    top: 0;
    flex-basis: 50%;
    margin-bottom: 3rem;
  }
}
@media (max-width: 600px) {
  #sidebar-service .widget {
    flex-basis: 100%;
  }
}
#sidebar-service .widget h4 {
  margin-bottom: 0.5rem;
  font-size: 1.7rem;
}
#sidebar-service .widget ul {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
#sidebar-service .widget ul li {
  margin-bottom: 0.25rem;
}
#sidebar-service .widget ul li:before {
  border-radius: 50%;
  background: white;
}
#sidebar-service .widget ul li:after {
  content: none;
}
#sidebar-service .widget a {
  text-decoration: none;
}
#sidebar-service .widget.service-child-list {
  background: var(--wp--preset--color--blue);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 1024px), (max-height: 700px) {
  #sidebar-service .widget.service-child-list {
    margin-bottom: 3rem;
  }
}
#sidebar-service .widget.service-child-list.scrolled {
  -webkit-transform: translateY(-500vh);
          transform: translateY(-500vh);
}
@media (max-width: 1024px), (max-height: 700px) {
  #sidebar-service .widget.service-child-list.scrolled {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#sidebar-service .widget.service-child-list h4 {
  color: white;
}
#sidebar-service .widget.service-child-list ul li a {
  color: white;
}
#sidebar-service .widget.service-parent-list {
  background: var(--wp--preset--color--blue-light);
  -webkit-transform: translateY(500vh);
          transform: translateY(500vh);
}
#sidebar-service .widget.service-parent-list.scrolled {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 1024px), (max-height: 700px) {
  #sidebar-service .widget.service-parent-list {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#sidebar-service .widget.service-parent-list ul li:before {
  background: var(--wp--preset--color--blue-dark);
}