.faq-con {
  transition: all 0.3s ease;
  transform-style: preserve-3d;
  height: 100%;
}

.faq-con:hover {
  transform: translateY(-6px);
}

.faq-con h3 {
  color: #4a2d24 !important;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
}

.faq-con p {
  color: #3a2f25 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  position: relative;
}

.faq-con a {
  color: #e06540;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
  transition: color 0.3s ease;
}

.faq-con a:hover {
  color: #a8956b;
}

.faq-con .bg-linear-to-b {
  position: relative;
}

.faq-con .bg-linear-to-b::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23a8956b' fill-opacity='0.03'%3E%3Cpath d='M0 0h10v10H0zm10 10h10v10H10zm10 0h10v10H20zm10 10h10v10H30zm10 0h10v10H40zm10 10h10v10H50zm10 0h10v10H60zm10 10h10v10H70zm0-20h10v10H70zm-10 0h10v10H60zm-10-10h10v10H50zm-10 0h10v10H40zm-10-10h10v10H30zm-10 0h10v10H20zm-10 10h10v10H10zM0 20h10v10H0zm0 10h10v10H0zm0 10h10v10H0zm0 10h10v10H0zm10 0h10v10H10zm10 0h10v10H20zm10 0h10v10H30z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.12;
  pointer-events: none;
}

.faq-con .p-4 {
  position: relative;
  z-index: 1;
}