.icon-circle {
    width: 60px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.icon-circle:hover {
    transform: scale(1.08);
    box-shadow: 0 0 0 6px rgba(13, 110, 253, 0.1);
}

.tech-item:hover i {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

.section svg {
    z-index: 1;
    pointer-events: none;
}

.section .container {
    z-index: 2;
    position: relative;
}

.tech-badge {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.85) !important;
}
.text-gradient {
    background: linear-gradient(90deg, #3B82F6 0%, #06B6D4 40%, #6366F1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Remove white gap between SVG transitions */
section svg.position-absolute.bottom-0 {
  margin-bottom: -1px;
}
section svg.position-absolute.top-0 {
  margin-top: -1px;
}

/* Let sections flow together smoothly */
.section {
  position: relative;
  margin-bottom: -2px;
}

.bg-transparent2{
    opacity: 0;
}