@media (min-width: 991px) {
  header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    right: -2rem;
  }

  header .navbar-nav .nav-item.dropdown .dropdown-menu {
    display: none;
  }
}

@media (max-width: 1200px) {
  .animation-3d.left {
    top: -50%;
    left: -35%;
  }
  .animation-3d.right {
    bottom: -35%;
    right: -45%;
  }
}

@media (max-width: 991px) {
  .animation-3d.left {
    top: -60%;
    left: -60%;
  }
  .animation-3d.right {
    bottom: -60%;
    right: -50%;
  }
  header .nav-link {
    padding-left: 1rem;
  }
  header .navbar-nav{
    gap: 0.25rem !important;
  }
}

@media (max-width: 769px) {
  .animation-3d.left {
    top: -70%;
    left: -80%;
  }
  .animation-3d.right {
    bottom: -80%;
    right: -50%;
  }
  .main-founder {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
  .heroSwiper {
    height: 610px;
  }
  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    top: auto !important;
    bottom: 1rem !important;
  }
  .nav-icon {
    height: 2rem;
  }
  .productSwiper {
    padding: 0rem 0.5rem 3rem 0.5rem !important;
  }
  .logo {
    height: 3rem;
  }
}

@media (max-width: 576px) {
  .heroSwiper {
    height: 550px;
  }
  .animation-3d.left {
    top: -80%;
    left: -85%;
  }
  .animation-3d.right {
    bottom: -78%;
    right: -70%;
  }
  .animation-3d {
    width: 600px;
    height: 600px;
  }
}

@media (max-width: 414px) {
  .animation-3d.left {
    top: -89%;
    left: -130%;
  }
  .animation-3d.right {
    bottom: -92%;
    right: -89%;
  }
}