/* Practice Areas – Theme Match */
.practice-areas {
  padding: 80px 0;
}

/* Match section headings */
.practice-areas .section-title h2 {
  color: #d4af37;
  font-weight: 600;
  margin-bottom: 10px;
}

.practice-areas .section-title p {
  color: #d1d5db;
  font-size: 15px;
  margin-bottom: 50px;
}

/* Practice cards – match existing service cards */
.practice-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 175, 55, 0.25);
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease;
}

.practice-box h4 {
  color: #d4af37;
  font-size: 20px;
  margin-bottom: 12px;
}

.practice-box p {
  color: #e5e7eb;
  font-size: 14px;
  line-height: 1.6;
}

/* Hover */
.practice-box:hover {
  transform: translateY(-5px);
  border-color: #d4af37;
}

/* Button – reuse theme style */
.theme-btn {
  background-color: #d4af37;
  color: #0f1b2d;
  padding: 14px 36px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

.theme-btn:hover {
  background-color: #c19d2b;
}

/* Practice Area CTAs */
.practice-cta-wrapper {
  margin-top: 60px;
}

.practice-cta-wrapper .cta-title {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 22px;
}

/* CTA Buttons Layout */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Base CTA Button */
.cta-btn {
  padding: 14px 28px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
}

/* Primary – Gold */
.cta-btn.primary {
  background-color: #d4af37;
  color: #0f1b2d;
}

.cta-btn.primary:hover {
  background-color: #c19d2b;
}

/* Secondary – Dark */
.cta-btn.secondary {
  background-color: #1b2a42;
  color: #ffffff;
  border: 1px solid #d4af37;
}

.cta-btn.secondary:hover {
  background-color: #24385a;
}

/* Outline */
.cta-btn.outline {
  border: 1px solid #d4af37;
  color: #d4af37;
  background: transparent;
}

.cta-btn.outline:hover {
  background-color: #d4af37;
  color: #0f1b2d;
}

/* Mobile Fix */
@media (max-width: 576px) {
  .cta-buttons {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
    text-align: center;
  }
}




/* Category / Marquee – Mobile Fix */
.catagory-slide {
  overflow: hidden;
}

/* Flex alignment fix */
.catagory-slide .d-flex {
  align-items: center;
  white-space: nowrap;
}

/* Text spacing */
.catagory-slide span {
  font-size: 16px;
  margin: 0 12px;
}

/* SVG icon sizing */
.catagory-slide svg {
  width: 24px;
  height: 24px;
}

/* Mobile optimization */
@media (max-width: 768px) {

  .catagory-slide span {
    font-size: 13px;
    margin: 0 8px;
  }

  .catagory-slide svg {
    width: 18px;
    height: 18px;
  }

  /* Reduce height */
  .catagory-slide {
    padding: 6px 0;
  }
}

/* Extra small devices */
@media (max-width: 480px) {

  .catagory-slide span {
    font-size: 12px;
    margin: 0 6px;
  }

  .catagory-slide svg {
    width: 16px;
    height: 16px;
  }
}




/* Mobile-only CTA group */
.mobile-cta-group {
  display: none; /* hidden by default */
  margin-top: 15px;
}

/* Show only on mobile */
@media (max-width: 768px) {
  .mobile-cta-group {
    display: block;
  }

  .mobile-cta-group .btn {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding: 12px;
  }
}