/*while searching results comming starts here*/
.search-wrapper {
	max-width: 760px;
}
.search-input {
	min-height: 41px;
	line-height: 1.2;
}
.search-btn {
	min-height: 44px;
	line-height: 1;
}

/* Keep the search box fixed and prevent shifting */
#search-warp {
  position: relative;
  z-index: 50;
}

/* Prevent layout jump */
#sb-search {
  transition: none !important;
}

/* Dropdown animation */
.fade-in {
  animation: fadeIn 0.15s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Results container styles */
#search-results {
  width: 100%;
  max-height: 320px;
  overflow-y: auto;
  background-color: white;
  border-radius: 8px;
}

/* Scrollbar styling */
#search-results::-webkit-scrollbar {
  width: 6px;
}
#search-results::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.dark #search-results::-webkit-scrollbar-thumb {
  background: #475569;
}

/* Individual search result */
.result-item {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Hover style */
.result-item:hover {
  background-color: #eef2ff;
}

/* Dark mode hover */
.dark .result-item:hover {
  background-color: #374151;
}

/*while searching results comming ends here*/


        /* Custom scrollbar and font setup */
        :root {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc; /* Light gray background */
            transition: background-color 0.3s, color 0.3s;
        }
        .dark body {
            background-color: #111827; /* Dark background */
            color: #f3f4f6;
        }
        /* Custom scrollbar for a nicer look */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #e0e7ff;
        }
        .dark ::-webkit-scrollbar-track {
            background: #1f2937;
        }
        ::-webkit-scrollbar-thumb {
            background: #4f46e5;
            border-radius: 4px;
        }
        .dark ::-webkit-scrollbar-thumb {
            background: #6366f1;
        }
        /* Style for tool cards */
        .tool-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .tool-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .dark .tool-card:hover {
            box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05);
        }
        /* Custom fade-in animation */
        .animate-fade-in-up {
            animation: fadeInUp 0.5s ease-out forwards;
            opacity: 0;
            transform: translateY(20px);
        }
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        /* Pulse animation for the CTA button */
        .animate-pulse-once {
            animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }