:root {
  --primary: #e51b4e;
  --logoText: #5b5b5b;
  --gradient: linear-gradient(135deg, #e51b4e, #9f1239);
  --light-gradient: linear-gradient(135deg, #f3f3f3, #f4f4f4);
}
body {
  font-family: "Inter", sans-serif;
  scroll-behavior: smooth;
  background-color: #f8fafc;
}
header {
  background: var(--light-gradient);
  color: #5b5b5b;
  padding: 100px 20px;
  text-align: center;
  position: relative;
}
header img.logo {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-bottom: 20px;
}
header h1 {
  font-size: 3rem;
  font-weight: 700;
}
header p {
  font-size: 1rem;
  margin-top: 15px;
}

.btn-main {
  background: #fffcfc;
  color: var(--primary);
  font-weight: 600;
  border-radius: 30px;
  padding: 12px 30px;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.btn-main:hover {
  background: var(--primary);
  color: #fff;
  transform: translateY(-2px);
}

.section-title {
  text-align: center;
  margin-bottom: 60px;
}
.section-title h2 {
  font-weight: 700;
  font-size: 2rem;
  color: var(--logoText);
}

.product-section,
.clients-section,
.industry-section {
  background: #fff;
  padding: 80px 0;
}

.feature-card {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  padding: 30px;
  transition: all 0.3s;
}
.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
}
.feature-card img {
  border-radius: 0.75rem;
  margin-bottom: 15px;
}

/* Clients Auto Scroll */
.client-logos {
  display: flex;
  overflow: hidden;
  gap: 50px;
  animation: scroll 25s linear infinite;
}
.client-logos img {
  height: 60px;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: all 0.3s;
}
.client-logos img:hover {
  filter: none;
  opacity: 1;
  transform: scale(1.05);
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.contact {
  padding: 80px 0;
  background: linear-gradient(135deg, #fce7f3, #ffe4e6);
}
.contact h5{
  color: var(--logoText)  ;
}
footer {
  background: #9f1239;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 0.9rem;
}

.industry-section {
  background: linear-gradient(180deg, #fff 0%, #fff5f5 100%);
}

.industry-section .list-group-item:hover {
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.25);
  transform: translateY(-4px);
}

.tw-transition-all {
  transition: all 0.3s ease-in-out;
}
#contact a {
  color: inherit !important;
}
#contact a:hover {
  text-decoration: none;
}


/* 
.feature-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
} */