.item {
    position: relative;
  }
  
  /* Main banner image */
  .main-banner {
    width: 100% !important;
    height: auto !important;
  }
  
 /* Container for app links */
.app-links {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 10px;
}

/* App icons styling */
.app-icon {
  border: 1px solid white;
  border-radius: 6px;
  padding: 6px 3px;
}

.app-icon:hover {
  background: black;
  border: 1px solid transparent;
}

@media only screen and (min-width: 1280px) {
  .navbar-nav {
      flex-direction: row;
      gap: 22px !important;
      padding: 8px 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .navbar-nav {
      flex-direction: row;
      gap: 0px ;
      padding: 8px 0px;
  }
}



@media only screen and (max-width: 600px) {
 

    .main-banner {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}