* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    scroll-behavior: smooth;
}

body {
    background: #f5f7f6;
}

.shadow-soft {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(0, 20, 40, 0.04);
}

.herbal-gradient {
    background: linear-gradient(145deg, #f0f9f0 0%, #fafcfa 100%);
}

.nav-link {
    transition: color 0.15s;
}

.service-card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px -8px rgba(0, 0, 0, 0.06);
}

/* slick overrides – tailwind friendly */
.slick-slide>div {
    display: flex;
    justify-content: center;
}

.slick-dots li button:before {
    color: #065f46 !important;
    /* emerald-800 */
    opacity: 0.5;
}

.slick-dots li.slick-active button:before {
    color: #047857 !important;
    /* emerald-700 */
    opacity: 1;
}

.slick-prev:before,
.slick-next:before {
    color: #047857 !important;
    /* emerald-700 */
    font-size: 28px;
    opacity: 0.8;
}

.slick-prev {
    left: -10px;
    z-index: 5;
}

.slick-next {
    right: -10px;
    z-index: 5;
}

@media (max-width: 640px) {
    .slick-prev {
        left: 0px;
    }

    .slick-next {
        right: 0px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 20px;
    }
}

/* smooth card */
.slide-card {
    transition: transform 0.2s;
}

.mywidth-130 {
    width: 130px;

}
.mywidth-50 {
    width: 50%;

}
.mywidth-200 {
    width: 200px;

}

.myfilter {
    filter: drop-shadow(2px 3px 3px #d1fae5);
}
.pointer{
    cursor: pointer;
}
.shadow-soft { box-shadow: 0 8px 25px rgba(0,0,0,0.03), 0 2px 8px rgba(0,20,40,0.04); }
    .card-hover { transition: transform 0.2s, box-shadow 0.2s; }
    .card-hover:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }
    .bg-pattern { background: radial-gradient(circle at 10% 20%, rgba(16,185,129,0.06), transparent 70%); }