@media only screen and (max-width: 996px) {
  .menu__bar .navbar {
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background: none;
  }

  .menu__bar .navbar .navbar-toggler {
    background: var(--secondary-color);
  }

  .offcanvas-body {
    background-image: var(--grad-main);
  }


  .specialities__tabs {
    flex-direction: column;
  }

  .specialities__tabs .specialities__tab.active::before {
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.65) 0%, #111111 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
  }

  .specialities__tabs .specialities__tab .specialities__heading.display {
    writing-mode: horizontal-tb;
    transform: rotate(0);
  }


  .specialities__tab .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }

  /* .hero .carousel-item {
  min-height: 75svh;
    display: grid;
} */

  .text-banner {
    font-weight: 600;
    font-family: var(--heading-font);
    font-size: 14px;
  }

  .carousel-caption p {
    display: none;
  }

  .carousel-caption .zig-zag-line {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }


  .services__tab .tab-content>.tab-pane {
    display: block !important;
    opacity: 1;
  }

  .footer-social-icon {
    text-align: start;
  }

  .emg {
    display: flex;
    justify-content: start;
  }
}