:root {
  --custom-green: #0b9861;
}

.text-custom {
  color: var(--custom-green) !important;
}

.btn-outline-custom {
  color: var(--custom-green);
  border-color: var(--custom-green);
}

.btn-outline-custom:hover {
  color: #fff;
  background-color: var(--custom-green);
  border-color: var(--custom-green);
}

html, body {
  scroll-behavior: smooth;
}

#hero {
  background-color: #ffffff;
}

.scroll-down i {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(10px); }
  60% { transform: translateY(5px); }
}

.card ul {
  padding-left: 1rem;
}

/* Custom styles for icons */
.card ul li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

/* Smooth hover effects for cards */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(11, 152, 97, 0.15) !important;
}

/* Hero GIF styling */
#hero img {
  border: 4px solid #0b9861;
  box-shadow: 0 4px 15px rgba(11, 152, 97, 0.3);
}

/* Custom badge styling */
.badge {
  transition: all 0.3s ease;
}

.badge:hover {
  transform: scale(1.05);
}

/* Smooth transitions for all interactive elements */
a, button {
  transition: all 0.3s ease;
}

/* Enhanced button hover effects */
.btn-outline-custom:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(11, 152, 97, 0.3);
}

.btn-dark:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Contact icons hover effect */
#contact a:hover {
  transform: translateY(-3px);
}

/* Timeline styling for experience */
.timeline .card {
  border-left: 4px solid var(--custom-green);
}

/* Project card enhancements */
#projects .card {
  border-top: 3px solid var(--custom-green);
}
.btn-custom {
  background-color: var(--custom-green);
  color: white;
  border-color: var(--custom-green);
}

.btn-custom:hover {
  background-color: #0a8754;
  border-color: #0a8754;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(11, 152, 97, 0.3);
}
/* Experience section bullet points */
.timeline .list-unstyled li {
  line-height: 1.5;
}

/* Logo styling */
.timeline img {
  border-radius: 6px;
  background: white;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}