body {
    font-family: 'Inter', sans-serif;
    background-color: #18181b;
    color: #ffffff;
}
.font-serif {
    font-family: 'Playfair Display', serif;
}
.bg-zinc-800 {
    background-color: #27272a;
}
.bg-zinc-900 {
    background-color: #18181b;
}
.text-zinc-300 {
    color: #d4d4d8;
}
.text-zinc-400 {
    color: #a1a1aa;
}
.bg-lightBlue-500 {
    background-color: #3B82F6;
}
.text-lightBlue-500 {
    color: #3B82F6;
}
.btn-lightBlue {
    background-color: #3B82F6;
    border-color: #3B82F6;
    color: white;
}
.btn-lightBlue:hover {
    background-color: #60a5fa;
    border-color: #60a5fa;
    color: white;
}
.hero-section {
    /* background-image: url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image00022-HHJRmpCU1AgyH7ijiXEmVexrOzevmi.jpeg'); */
    background-image: url("../Images/bg_img.jpeg");
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(24, 24, 27, 0.7), #18181b) !important;
}
.technique-image {
    background-image: url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image00085-rE50BlNoAYljMXOMAJgXDJQwQvBJaZ.jpeg');
    background-size: cover;
    background-position: center;
    height: 300px;
    position: relative;
}
.technique-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(24, 24, 27, 1), transparent);
}



footer a:link, footer a:visited {
    text-decoration: none;
}

/* Remove this hover selector to prevent color change on hover */
/* .text-zinc-400:hover, a.text-zinc-400:hover {
    color: #3B82F6 !important;
    transition: color 0.3s ease;
} */

@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


.imgfit {
    height: 80%;
}

/* Card hover effects */
.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid transparent;
}

.hover-effect:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

/* Service cards styling */
.service-card {
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
    border: 1px solid transparent;
    overflow: hidden;
}

.service-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1;
}

.service-card:hover {
    transform: translateY(-15px);
    border: 1px solid #3B82F6;
    background: #1e1e24;
    cursor: pointer;
}

.service-card:hover::after {
    box-shadow: 0 0 50px #3B82F6;
}

/* Make sure service-card class works correctly when applied to non-anchor elements */
div.service-card, div.card.service-card {
    box-shadow: none;
    cursor: default;
}

div.service-card:hover {
    border-color: #3B82F6;
}