body { font-family: 'Montserrat', sans-serif; scroll-behavior: smooth; overflow-x: hidden; }
h1, h2, h3, .font-serif { font-family: 'Playfair Display', serif; }
.clr-bg-custom{ background-color: #fe008a; }
.bg-brand-teal { background-color: #0d9488; }
.text-brand-teal { color: #0d9488; }
.bg-brand-pink { background-color: #db2777; }
.text-brand-pink { color: #db2777; }
.bg-brand-teal { background-color: #0d9488; }
.border-brand-teal { border-color: #0d9488; }
.text-gradient { background: linear-gradient(to right, #db2777, #0d9488); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-sticky { backdrop-filter: blur(10px); background: rgb(0, 181, 227); }
.nav-link { display: flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; }
.faq-item[open] summary i { transform: rotate(180deg); }
.doctor-card::after { content: ''; position: absolute; inset: 0; border: 1px solid rgba(219, 39, 119, 0.2); border-radius: 2rem; pointer-events: none; }

@media (min-width: 768px) {
    .dropdown-animate { 
        opacity: 0; 
        visibility: hidden; 
        transform: translateY(10px); 
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    }
    .group:hover .dropdown-animate { 
        opacity: 1; 
        visibility: visible; 
        transform: translateY(0); 
    }
}
@media (max-width: 1024px) {
    .nav-link { padding: 0.5rem 0; }
    .nav-link .chevron-icon{
        width: 20px;
        height: 20px;
    }
}