.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.developer {
  font-size: 0.75rem;
}

/* Sticky header on mobile/tablet (<992px). Desktop rule lives in nav-menu.css. */
@media screen and (max-width: 991px) {
  @keyframes headerAnimate {
    0% { margin-top: -150px; }
    100% { margin-top: 0; }
  }

  header.scrollHeader .navbar-default {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    transition: all 0.2s ease 0s;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    animation: 0.95s ease 0s normal forwards 1 running headerAnimate;
  }

  .header-style1.scrollHeader .navbar-default {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .header-style1.scrollHeader .navbar-toggler {
    background: #010101;
  }

  .header-style1.scrollHeader .navbar-toggler:after {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }

  .header-style1.scrollHeader .navbar-toggler:before,
  .header-style1.scrollHeader .navbar-toggler.menu-opened:after,
  .header-style1.scrollHeader .navbar-toggler.menu-opened:before {
    background: #fff;
  }

  .header-style1.scrollHeader .attr-nav > ul > li > a,
  .header-style3.scrollHeader .attr-nav > ul > li > a {
    color: #010101;
  }
}

/* Hero mobile polish (<768px). Desktop unchanged. */
@media screen and (max-width: 767px) {
  section.banner1.full-screen,
  section.banner1 .slider-fade,
  section.banner1 .slider-fade .owl-stage-outer,
  section.banner1 .slider-fade .owl-stage,
  section.banner1 .slider-fade .owl-item,
  section.banner1 .slider-fade .item {
    min-height: 75vh !important;
    min-height: 75svh !important;
    height: auto !important;
  }

  section.banner1 .slider-fade .item .container {
    min-height: 75vh !important;
    min-height: 75svh !important;
    padding-top: 5.5rem;
    padding-bottom: 4.5rem;
    justify-content: flex-end;
  }

  section.banner1 .slider-fade .item .row.min-vh-100 {
    align-items: flex-end !important;
    min-height: 0 !important;
    flex: 1 1 auto;
  }

  section.banner1 .slider-fade .item.left-overlay-secondary[data-overlay-dark]::before,
  section.banner1 .slider-fade .item[data-overlay-dark]::before {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--hero-overlay-color) 55%, transparent) 0%,
      color-mix(in srgb, var(--hero-overlay-color) 72%, transparent) 45%,
      color-mix(in srgb, var(--hero-overlay-color) 88%, transparent) 100%
    ) !important;
    opacity: 1 !important;
  }

  section.banner1 .slider-fade .item h1.display-1 {
    font-size: 2.125rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px;
    margin-bottom: 1.25rem;
  }

  section.banner1 .slider-fade .item .col-lg-10,
  section.banner1 .slider-fade .item .col-xl-8 {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }

  section.banner1 .slider-fade .item a.butn {
    display: flex !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 0.65rem 0 !important;
    justify-content: center;
  }

  section.banner1 .slider-fade .item a.butn:last-of-type {
    margin-bottom: 0 !important;
  }

  section.banner1 .slider-fade.owl-carousel .owl-dots {
    bottom: 18px;
  }
}