@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.bg-design {
  background-image: url("../Acoustic_images/gx_background_3.jpg");
  background-attachment: fixed;
}

#content {
  background: #fff;
}

@media (min-width: 1240px) {
  .container {
    max-width: 1240px;
  }
}

body {
  margin: 0;
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-size: 15px;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.feature-icon img {
  padding: 0;
  margin-bottom: 10px;
  border: 2px solid #ccc;
}

@media (min-width: 991.95px) {
  .topbar {
    display: none;
  }
}

@media(min-width: 991.95px) {
  .navbar .navbar-collapse.collapsing {
    height: auto !important;
  }

  .navbar .lateral-left {
    left: -100%;
    animation: slide-out-left 200ms forwards;
  }

  .navbar .lateral-left.open {
    animation: slide-in-left 200ms forwards;
  }

  .navbar .lateral-right {
    right: -100%;
    animation: slide-out-right 200ms forwards;
  }

  .navbar .lateral-right.open {
    animation: slide-in-right 200ms forwards;
  }

  .navbar .navbar-collapse {
    top: 0px;
    bottom: 0px;
    position: fixed;
    width: 80%;
    width: calc(100% - 60px);
    max-width: 320px;
    height: auto !important;

    /* Optional styling */
    background: #f8f8f8;
    padding: 30px;
    top: 52px;
  }

  .navbar .lateral-left.open,
  .navbar .lateral-right.open {
    display: block !important;
    overflow-y: auto;
  }
}

@keyframes slide-in-left {
  0% {
    left: -100%;
  }

  100% {
    left: 0px;
  }
}

@keyframes slide-out-left {
  0% {
    left: 0px;
  }

  100% {
    left: -100%;
  }
}

@keyframes slide-in-right {
  0% {
    right: -100%;
  }

  100% {
    right: 0px;
  }
}

@keyframes slide-out-right {
  0% {
    right: 0px;
  }

  100% {
    right: -100%;
  }
}