/*body {
  padding-top: 112px;
  font-family: 'Segoe UI', sans-serif;
}*/


.bg-second-navbar {
     background-color: rgba(0, 0, 0, 0.6) !important;
   }
   
   .bg-purple {
     background-color: #6f42c1;
   }

@media (max-width: 991.98px) {

  .navbar-nav .nav-item {
      /* background-color: #000 !important; Black background */
    background-color: rgba(0, 0, 0, 0.6) !important; /* Black background */
     }

    .navbar-nav .nav-link {
     color: #fff !important; /* White text for contrast */
    }

    .navbar-nav .nav-link:hover {
     background-color: #333 !important; /* Darker hover */
    }
	
	.nav-scroller .nav {
	  color: rgba(255, 255, 255, .75);
	}
	
	.nav-scroller .nav-link {
	 /* padding-top: .95rem;
	  padding-bottom: .95rem;*/
	  font-size: .875rem;
	  color: #6c757d;
	}
	
	.nav-scroller .active {
	  font-weight: 500;
	  color: #343a40;
	}
	
	.offcanvas-collapse {
	  position: fixed;
	  top: 56px; /* Height of navbar */
	  bottom: 0;
	  left: 100%;
	  width: 100%;
	  padding-right: 1rem;
	  padding-left: 1rem;
	  overflow-y: auto;
	  visibility: hidden;
	  background-color: #343a40;
	  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	.offcanvas-collapse.open {
	  visibility: visible;
	  transform: translateX(-100%);
	}

  }
	
	
	
    /* Carousel with video background */
    .carousel-video-container {
      position: relative;
      height: 100vh;
      overflow: hidden;
    }

    .carousel-video-container video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      z-index: -1;
    }

    .carousel-overlay {
      position: relative;
      z-index: 1;
      color: white;
    }

    .carousel-caption {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1rem;
      border-radius: 10px;
    }

    .navbar-nav .nav-link img {
      width: 20px;
      height: 20px;
      margin-right: 6px;
    }

    .dropdown-item img {
      width: 20px;
      height: 20px;
      margin-right: 6px;
    }

    .dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -1px;
    }

    /* Marketing Section */
    .marketing {
      padding: 60px 0;
    }

    .card-img-top {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-img-top:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    }

    .card-title {
      font-weight: 600;
    }
	
    /* Card Slider Styles */
    .card-slider {
      background-color: #f8f9fa;
      padding: 60px 0;
    }

    .card-slider .card {
      min-width: 280px;
      margin-right: 20px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-slider .card:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .slider-track {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding-left: 1rem;
    }

    .slider-track::-webkit-scrollbar {
      display: none;
    }

    /* Partner Slider Styles */
    .partner-slider {
      background: white;
      padding: 40px 0;
      overflow: hidden;
      white-space: nowrap;
    }

    .partner-slider img {
      height: 60px;
      margin: 0 30px;
      animation: scroll 25s linear infinite;
    }

    @keyframes scroll {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    .slider-wrapper {
      overflow-x: auto;
    }
	
	
.hero-section {
  background-image: url('images/sale_computer2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  padding: 20px;
}