.sec-1-home-7__img-wrap {
  position: absolute;
  inset: 0 0 0 0;
  overflow: hidden;
  max-width: 50%;
  margin-top: 0px;
}

/* --- Tech Tabs Navigation --- */
.tech-tab-nav .item {
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
  padding: 12px 16px;
  margin-bottom: 8px;
}

.tech-tab-nav .item:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* Active state: White background makes the theme's forced #000 color readable and pop */
.tech-tab-nav .item.active {
  background: #ffffff !important;
}

.tech-tab-nav .item.active .content span,
.tech-tab-nav .item.active .content .h6 {
  color: #0d2153 !important; /* Matches your brand dark blue */
  font-weight: 700 !important;
}

/* --- Tech Panels Animation --- */
.tech-panel {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.tech-panel.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: techFadeIn 0.4s ease forwards;
}

@keyframes techFadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- Tech Pills Hover Effect --- */
.tech-pill {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
  min-width: 140px;
  justify-content: center;
}

.tech-pill:hover {
  background-color: #0d2153 !important; /* Brand dark blue */
  color: #ffffff !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px -5px rgba(13, 33, 83, 0.3);
  border-color: rgba(255, 255, 255, 0.1);
}

.tech-pill:hover img {
  filter: brightness(0) invert(1); /* Inverts icon to white on hover */
}