
.slogan-section h2 {
  margin: auto;
}

.slogan-section:before {
  background: rgba(0, 0, 0, .3);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 992px) {
  .path-about-us .team-card .card-body,
  body#entity\.taxonomy_term\.canonical .team-card .card-body {
    padding: 2.8rem 0.25rem;
    height: 11rem;
    overflow-y: unset;
    transition: height 0.3s ease;
  }

  .path-about-us .team-card:hover .card-body,
  body#entity\.taxonomy_term\.canonical .team-card:hover .card-body {
    height: 15rem;
  }
}

.path-about-us .team-card:hover .btn.btn-light.btn-sm:hover,
body#entity\.taxonomy_term\.canonical .team-card:hover .btn.btn-light.btn-sm:hover {
  background-color: rgba(var(--tertiary),1);
}

.inform-section {
  background: #0c3471;

  .h1, h1, p {
    color: #fff;
  }
  .btn:hover {
    background: rgba(var(--tertiary),1);
  }
}

@media (min-width: 992px) {
  .header-top .dropdown-menu {
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .header-holder .logo {
    max-width: 295px;
    position: relative;
    margin-bottom: -38px;
    margin-top: -96px;
    z-index: 22;
    width: 20.75rem;
    transition:
      width 0.3s ease-in-out,
      margin-bottom 0.3s ease-in-out,
      margin-top 0.3s ease-in-out;
  }

  .header-holder.fixed .logo {
    width: 11.75rem;
    margin-bottom: 0;
    margin-top: 0;
  }
}


.header-holder .logo img {
  filter: drop-shadow(3px 3px 4px rgba(50, 50, 50, 1));
}

.advantages-section {
  strong {
    color: #fff;
  }
  .advantages-list h3 {
    color: #fff;
  }
  p {
    color: #fff;
  }
  .advantages-list img {
    filter: invert(100%) sepia(4%) saturate(16%) hue-rotate(153deg) brightness(99%) contrast(105%);
  }
}

.services-section .service-card .icon-paw,
.services-section [class*=col-] .icon-paw {
  display: none;
}

.menu-drop .main-nav .dropdown-menu .menu-submenu .menu-submenu-ul .menu-li>a {
  height: 100%;
}

@media (hover: none) {
  .bg-fixed {
    background-attachment: scroll;
  }
}

@media (min-width: 1920px) {
  #footer .logo img {
    width: 23rem;
  }
}

#sidebar .card-body .decor-holder.icon-star {
  z-index: 2;
}

.page-node-type-blog .intro-block h1 {
  font-size: 3.125rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  width: fit-content;
  margin: 0 auto;
  padding: 1rem 2rem;
}

@media (min-width: 992px) {
  .menu-drop .main-nav .dropdown-menu:last-of-type .menu-submenu .menu-submenu-ul>li:hover .menu-submenu {
    left: auto;
    right: 100%;
    top: 0;
  }
}
