* {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

body {
	background-color: #FFFFFF;
    font-family: Lato !important;
}

nav {
	background-color: #111111;
}

nav a {
	font-weight: 700 !important;
}

#navbarNav a{
	color: #86868B;
}

.navbar-nav .nav-link:hover {
    color: white !important; 
}

.navbar-toggler-icon {
    background-color: white;
}

@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
  }

  .navbar-nav .nav-link {
    display: block;
    margin: 8px 0;
  }
}

#hero {
  background: 
    linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), 
    url("images/macgemini-banner.png") center/cover no-repeat;
  min-height: 100vh;
  color: white;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(255, 255, 255, 0.85); 
  border-radius: 50%;
  background-size: 60%, 60%;
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(0) drop-shadow(0 0 4px rgba(0,0,0,0.6));
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  background-color: rgba(0, 0, 0, 0.75);
  filter: invert(1) drop-shadow(0 0 4px rgba(255,255,255,0.6));
}

.carousel-item img {
  height: 450px;
  object-fit: cover;
  border-radius: 20px;
}


.apple-shadow {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.06),
    0 8px 25px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}

.apple-shadow:hover {
  box-shadow: 
    0 6px 15px rgba(0, 0, 0, 0.08),
    0 12px 35px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

footer {
	font-family: Lato !important;
	background-color: #111111 !important;
	color: #86868B;
	text-align: center;
}