/* ==========================================================================
   India's Top Institutes Explorer — the Tailwind utilities this page uses.

   The WordPress page pulled Tailwind's Play CDN (407 KB of JavaScript that
   compiles CSS in the browser on every visit). This is the exact stylesheet
   that build produced for this page, captured once and scoped to
   .institute-explorer so Tailwind's reset cannot reach the shared header,
   footer or any other page. Nothing here is hand-written.

   Regenerate: add <script src="https://cdn.tailwindcss.com"></script> to the
   page, load it, copy document.querySelector('style').textContent, and run it
   through port.scope_css(css, "institute-explorer", "ie-").

   When this page is reworked in the site's own design, delete this file and
   the Tailwind class names in the markup with it.
   ========================================================================== */

.institute-explorer *, .institute-explorer ::before, .institute-explorer ::after {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.institute-explorer *, .institute-explorer ::after, .institute-explorer ::before {box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
.institute-explorer ::after, .institute-explorer ::before {--tw-content:''}
.institute-explorer h1, .institute-explorer h2, .institute-explorer h3, .institute-explorer h4, .institute-explorer h5, .institute-explorer h6 {font-size:inherit;font-weight:inherit}
.institute-explorer a {color:inherit;text-decoration:inherit}
.institute-explorer b, .institute-explorer strong {font-weight:bolder}
.institute-explorer small {font-size:80%}
.institute-explorer button, .institute-explorer input, .institute-explorer optgroup, .institute-explorer select, .institute-explorer textarea {font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
.institute-explorer button, .institute-explorer select {text-transform:none}
.institute-explorer button, .institute-explorer input:where([type=button]), .institute-explorer input:where([type=reset]), .institute-explorer input:where([type=submit]) {-webkit-appearance:button;background-color:transparent;background-image:none}
.institute-explorer blockquote, .institute-explorer dd, .institute-explorer dl, .institute-explorer figure, .institute-explorer h1, .institute-explorer h2, .institute-explorer h3, .institute-explorer h4, .institute-explorer h5, .institute-explorer h6, .institute-explorer hr, .institute-explorer p, .institute-explorer pre {margin:0}
.institute-explorer menu, .institute-explorer ol, .institute-explorer ul {list-style:none;margin:0;padding:0}
.institute-explorer [role=button], .institute-explorer button {cursor:pointer}
.institute-explorer :disabled {cursor:default}
.institute-explorer audio, .institute-explorer canvas, .institute-explorer embed, .institute-explorer iframe, .institute-explorer img, .institute-explorer object, .institute-explorer svg, .institute-explorer video {display:block;vertical-align:middle}
.institute-explorer img, .institute-explorer video {max-width:100%;height:auto}
.institute-explorer [hidden]:where(:not([hidden=until-found])) {display:none}
.institute-explorer .absolute {position:absolute}
.institute-explorer .relative {position:relative}
.institute-explorer .inset-0 {inset:0px}
.institute-explorer .z-0 {z-index:0}
.institute-explorer .mx-auto {margin-left:auto;margin-right:auto}
.institute-explorer .mb-2 {margin-bottom:0.5rem}
.institute-explorer .mt-2 {margin-top:0.5rem}
.institute-explorer .mb-5 {margin-bottom:1.25rem}
.institute-explorer .mr-3 {margin-right:0.75rem}
.institute-explorer .flex {display:flex}
.institute-explorer .grid {display:grid}
.institute-explorer .h-\[65vh\] {height:65vh}
.institute-explorer .h-\[320px\] {height:320px}
.institute-explorer .min-h-\[450px\] {min-height:450px}
.institute-explorer .min-h-screen {min-height:100vh}
.institute-explorer .w-full {width:100%}
.institute-explorer .w-6 {width:1.5rem}
.institute-explorer .max-w-7xl {max-width:80rem}
.institute-explorer .flex-grow {flex-grow:1}
.institute-explorer .cursor-default {cursor:default}
.institute-explorer .grid-cols-1 {grid-template-columns:repeat(1, minmax(0, 1fr))}
.institute-explorer .flex-col {flex-direction:column}
.institute-explorer .flex-wrap {flex-wrap:wrap}
.institute-explorer .items-start {align-items:flex-start}
.institute-explorer .items-center {align-items:center}
.institute-explorer .justify-between {justify-content:space-between}
.institute-explorer .gap-2 {gap:0.5rem}
.institute-explorer .gap-2\.5 {gap:0.625rem}
.institute-explorer .gap-4 {gap:1rem}
.institute-explorer .gap-3 {gap:0.75rem}
.institute-explorer .space-y-6 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.institute-explorer .overflow-hidden {overflow:hidden}
.institute-explorer .overflow-y-auto {overflow-y:auto}
.institute-explorer .truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.institute-explorer .whitespace-nowrap {white-space:nowrap}
.institute-explorer .rounded-lg {border-radius:0.5rem}
.institute-explorer .rounded-xl {border-radius:0.75rem}
.institute-explorer .rounded-full {border-radius:9999px}
.institute-explorer .border {border-width:1px}
.institute-explorer .border-0 {border-width:0px}
.institute-explorer .border-b {border-bottom-width:1px}
.institute-explorer .border-gray-700 {--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.institute-explorer .border-gray-800 {--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.institute-explorer .border-gray-800\/50 {border-color:rgb(31 41 55 / 0.5)}
.institute-explorer .border-white {--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.institute-explorer .bg-\[\#0a0a0f\] {--tw-bg-opacity:1;background-color:rgb(10 10 15 / var(--tw-bg-opacity, 1))}
.institute-explorer .bg-\[\#1a1c23\] {--tw-bg-opacity:1;background-color:rgb(26 28 35 / var(--tw-bg-opacity, 1))}
.institute-explorer .bg-\[\#111318\] {--tw-bg-opacity:1;background-color:rgb(17 19 24 / var(--tw-bg-opacity, 1))}
.institute-explorer .bg-transparent {background-color:transparent}
.institute-explorer .bg-white {--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.institute-explorer .p-4 {padding:1rem}
.institute-explorer .p-5 {padding:1.25rem}
.institute-explorer .px-4 {padding-left:1rem;padding-right:1rem}
.institute-explorer .py-2 {padding-top:0.5rem;padding-bottom:0.5rem}
.institute-explorer .pb-4 {padding-bottom:1rem}
.institute-explorer .pb-3 {padding-bottom:0.75rem}
.institute-explorer .pr-2 {padding-right:0.5rem}
.institute-explorer .text-right {text-align:right}
.institute-explorer .text-3xl {font-size:1.875rem;line-height:2.25rem}
.institute-explorer .text-sm {font-size:0.875rem;line-height:1.25rem}
.institute-explorer .text-xl {font-size:1.25rem;line-height:1.75rem}
.institute-explorer .text-xs {font-size:0.75rem;line-height:1rem}
.institute-explorer .font-bold {font-weight:700}
.institute-explorer .font-medium {font-weight:500}
.institute-explorer .font-semibold {font-weight:600}
.institute-explorer .tracking-tight {letter-spacing:-0.025em}
.institute-explorer .tracking-wide {letter-spacing:0.025em}
.institute-explorer .text-gray-200 {--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.institute-explorer .text-gray-300 {--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.institute-explorer .text-gray-500 {--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.institute-explorer .text-white {--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.institute-explorer .text-\[\#0ea5e9\] {--tw-text-opacity:1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}
.institute-explorer .text-black {--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.institute-explorer .text-gray-400 {--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.institute-explorer .opacity-70 {opacity:0.7}
.institute-explorer .shadow-2xl {--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.institute-explorer .shadow-lg {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.institute-explorer .shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.3\)\] {--tw-shadow:0 0 15px rgba(255,255,255,0.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.institute-explorer .transition-colors {transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.institute-explorer .transition-all {transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.institute-explorer .transition-opacity {transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.institute-explorer .hover\:border-gray-500:hover {--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}
.institute-explorer .hover\:border-gray-600:hover {--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.institute-explorer .hover\:text-white:hover {--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.institute-explorer .group:hover .group-hover\:opacity-100 {opacity:1}
@media (min-width: 640px) {
  .institute-explorer .sm\:grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (min-width: 768px) {
  .institute-explorer .md\:flex-row {flex-direction:row}
  .institute-explorer .md\:items-end {align-items:flex-end}
  .institute-explorer .md\:p-8 {padding:2rem}
}
@media (min-width: 1024px) {
  .institute-explorer .lg\:grid-cols-4 {grid-template-columns:repeat(4, minmax(0, 1fr))}
}