What is the Current Time in India?
World Clock Comparison / Time Converter Tool <>/* Custom s to complement Tailwind */
body {
font-family: 'Inter'sans-serif;
background-color: #000000;
color: #ffffff;
}
.clock-card {
background: #0d0d0d;
border: 1px solid rgba(2552552550.1);
border-radius: 1.5rem;
padding: 2rem;
box-shadow: 0 10px 30px rgba(0000.5)0 0 40px rgba(2552552550.05) inset;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.time-display {
font-weight: 900;
font-size: clamp(2rem8vw3.5rem);
letter-spacing: -0.05em;
color: #ffffff;
}
.am-pm {
font-weight: 700;
font-size: clamp(1rem4vw1.75rem);
color: #cccccc;
margin-left: 0.5rem;
}
.date-display {
font-size: clamp(0.9rem2.5vw1.1rem);
color: #dddddd;
margin-top: 0.25rem;
}
.timezone-info {
font-size: clamp(0.8rem2vw0.9rem);
color: #aaaaaa;
background-color: rgba(2552552550.05);
padding: 0.5rem 1rem;
border-radius: 0.75rem;
display: inline-block;
margin-top: 1rem;
}
.d-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #1a1a1a;
color: #ffffff;
border: 1px solid rgba(2552552550.2);
border-radius: 0.75rem;
padding: 1rem 1.5rem;
font-size: 1.125rem;
cursor: pointer;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 1rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
}
.d-select:focus {
outline: none;
border-color: rgba(2552552550.5);
box-shadow: 0 0 10px rgba(2552552550.1);
}
/* Format Toggle Switch */
.format-switcher {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
gap: 1rem;
color: #aaa;
}
.toggle-switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #333;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #ffc107;
}
input:checked + .slider:before {
transform: translateX(26px);
}
/* Copy Button */
.copy-button {
margin-top: 1.5rem;
background-color: rgba(2552552550.1);
color: #fff;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 0.75rem;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.copy-button:hover {
background-color: rgba(2552552550.2);
}
.copy-button:active {
transform: scale(0.98);
}
/* Notification */
#copy-notification {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: #22c55e;
color: white;
padding: 1rem 2rem;
border-radius: 0.75rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
z-index: 1000;
opacity: 0;
transition: opacity 0.3sbottom 0.3s;
pointer-events: none;
}
#copy-notification.show {
opacity: 1;
bottom: 40px;
}>
World Clock Comparison Compare time between India and other countries.
12-Hour
24-Hour
india time now
–:–:– —
———-—- –—-
Indian Standard Time (IST) • UTC+5:30
Copy Time
Your Local Time
–:–:– —
———-—- –—-
Auto-Detecting…
Copy Time
… is… … hours … minutes … India.
Copied to clipboard!
Easily compare the current time in India with other countries using our World Clock Comparison tool. View the time in India now in both 12-hour and 24-hour formats and check differences with time zones like the UK. Stay updated with accurate time in India wherever you are.
Check the current time in India across different cities like Delhi using our timezone selector. Instantly view the current time in India now in IST (UTC+5:30) and stay aligned with Indian Standard Time no matter where you are. Get accurate time in India for planningmeetingsor travel.
View the current time in India across 500+ citiesall synced with IST (Indian Standard TimeUTC+5:30). Whether you’re checking current time in India now or planning for festivals like DiwaliHolior Eidour tool gives you accuratereal-time updates for every Indian location. Stay informed and on time with reliable time in India data.
Explore all-in-one India Time Tools – from live IST converters and countdown timers to prayer times sunrise/sunset info and world clock widgets. Plan meetingscompare current time in India with global citiesor check the current time in India now with accuracy and ease.
Eclipses Time in India: 2024-2030 Countdown <>/* Custom s to complement Tailwind */
body {
font-family: 'Inter'sans-serif;
background-color: #000000;
color: #ffffff;
}
.tool-container {
background-color: #000000;
}
.eclipse-card {
background: #0d0d0d;
border: 1px solid rgba(2552552550.1);
border-radius: 1.5rem;
padding: 2rem;
box-shadow: 0 10px 30px rgba(0000.5)0 0 40px rgba(2552552550.05) inset;
overflow: hidden;
margin-bottom: 1.5rem;
}
.countdown-container {
display: flex;
justify-content: center;
gap: 1rem;
margin: 1.5rem 0;
}
.countdown-item {
background-color: rgba(2552552550.05);
padding: 1rem;
border-radius: 0.75rem;
text-align: center;
min-width: 80px;
}
.countdown-number {
font-size: 2.5rem;
font-weight: 900;
}
.countdown-label {
font-size: 0.875rem;
color: #a0a0a0;
}
.timings-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(180px1fr));
gap: 1rem;
margin-top: 1.5rem;
}
.timing-item {
background-color: #1a1a1a;
padding: 1rem;
border-radius: 0.75rem;
}
/* Collapsible Section Styles */
.eclipse-section-button {
background-color: #1f2937; /* Gray 800 */
color: #ffffff;
cursor: pointer;
padding: 1rem 1.5rem;
width: 100%;
text-align: left;
border: none;
border-radius: 1rem;
outline: none;
transition: background-color 0.3s ease;
font-size: 1.5rem;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.eclipse-section-button:hover.eclipse-section-button.active {
background-color: #374151; /* Gray 700 */
}
.eclipse-section-button .arrow {
transition: transform 0.3s ease;
}
.eclipse-section-button.active .arrow {
transform: rotate(90deg);
}
.eclipse-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
.nasa-link-btn {
display: inline-block;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
background-color: #1d4ed8; /* Blue 700 */
color: white;
font-weight: 700;
border-radius: 0.75rem;
text-decoration: none;
transition: background-color 0.2s;
}
.nasa-link-btn:hover {
background-color: #1e40af; /* Blue 800 */
}>
Track all upcoming solar and lunar eclipses visible from India between 2024 and 2030. This real-time guide helps you stay updated with exact eclipse timings in IST so you never miss a celestial event. Stay aligned with the current time in India to plan your viewing.
India Information Hub <>body {
font-family: 'Inter'sans-serif;
background-color: #0a0a0a;
color: #e5e5e5;
}
/* Style for the main toggle button */
.toggle-button {
background-color: #2563eb;
color: white;
font-weight: 700;
padding: 0.75rem 1.5rem;
border-radius: 0.75rem;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
box-shadow: 0 4px 6px rgba(0000.1);
}
.toggle-button:hover {
background-color: #1d4ed8;
}
/* Container for the collapsible content */
#infoContainer {
display: none; /* Hidden by default */
margin-top: 2rem;
}
.section-card {
background-color: #121212;
border: 1px solid #27272a;
border-radius: 1.5rem;
padding: 1.5rem;
margin-bottom: 2rem;
}
.section-title {
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #27272a;
}
.info-card {
background-color: #1a1a1a;
border-radius: 1rem;
padding: 1rem;
border: 1px solid #3f3f46;
}
.collapsible-header {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.collapsible-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.collapsible-content.open {
max-height: 1000px; /* Adjust as needed */
}
.arrow {
transition: transform 0.3s ease;
}
.open .arrow {
transform: rotate(180deg);
}
.stat-card {
background-color: #1a1a1a;
border-radius: 1rem;
padding: 1.25rem;
text-align: center;
}
.etiquette-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.75rem 0;
border-bottom: 1px solid #27272a;
}
.etiquette-item:last-child {
border-bottom: none;
}>
Show India Information Hub
Your essential guide to understanding India.
🇮🇳 India At A Glance GDP (Nominal)
$3.73 Trillion
🧭 Newcomer’s Orientation Guide
🤝 Customs & Etiquette
🙏 Greeting “Namaste” with palms pressed together is a respectful greeting.
👕 Dress Code Dress modestlyespecially when visiting religious places. Cover shoulders and knees.
👟 Shoes Off Remove shoes before entering a hometempleor other places of worship.
🤚 Hand Usage Use your right hand for eatinggivingor receiving items. The left hand is considered unclean.
💸 Tipping Tipping is appreciated but not always expected. ₹20–₹100 is typical for good service.
Your quick guide to India’s essentials — from GDP and population to languageetiquetteemergency tipsand SIM card basics. Stay informed with key facts and local customsall in sync with the current time in India (IST) .
All-in-One India Tools Hub
India Time FAQ & Info Tool <>/* Custom s to complement Tailwind */
body {
font-family: 'Inter'sans-serif;
background-color: #000000;
color: #ffffff;
}
.tool-container {
background-color: #000000;
}
/* Info Section Styles */
.info-section {
background-color: #0d0d0d;
border: 1px solid rgba(2552552550.1);
border-radius: 1.5rem;
padding: 2rem;
color: #d1d5db;
height: 100%; /* Make section fill the column height */
}
.info-section h2 {
font-size: 1.5rem;
font-weight: 900;
color: #ffffff;
margin-bottom: 1rem;
}
.info-section h3 {
font-size: 1.25rem;
font-weight: 700;
color: #e5e7eb;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
.info-section p.info-section li {
font-size: 1rem;
line-height: 1.6;
}
.info-section ul {
list--type: '✅ ';
padding-left: 1.5rem;
margin-top: 0.75rem;
}
.info-section li {
padding-left: 0.5rem;
margin-bottom: 0.5rem;
}
/* FAQ Accordion Styles */
.faq-section {
background-color: #0d0d0d;
border: 1px solid rgba(2552552550.1);
border-radius: 1.5rem;
padding: 2rem;
height: 100%;
}
.faq-accordion-button {
background-color: #1a1a1a;
color: #ffffff;
cursor: pointer;
padding: 1.25rem;
width: 100%;
text-align: left;
border: none;
border-bottom: 1px solid rgba(2552552550.1);
outline: none;
transition: background-color 0.3s ease;
font-size: 1.125rem;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-accordion-button:hover.faq-accordion-button.active {
background-color: #2a2a2a;
}
.faq-accordion-button::after {
content: '+';
font-size: 1.5rem;
color: #a0a0a0;
transition: transform 0.3s ease;
font-weight: 300;
}
.faq-accordion-button.active::after {
transform: rotate(45deg);
}
.faq-panel {
padding: 0 1.5rem;
background-color: #1a1a1a;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.faq-panel p {
padding: 1.5rem 0;
color: #d1d5db;
font-size: 1rem;
line-height: 1.6;
}
.faq-container .faq-accordion-button:first-of-type {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.faq-container .faq-accordion-button:last-of-type {
border-bottom: none;
}>
Share Time in India <>/* All s are now scoped to the #wp-share-time-root container to prevent theme conflicts */
#wp-share-time-root {
font-family: 'Inter'sans-serif;
}
/* Styles for the floating action button (FAB) */
#wp-share-time-root #share-fab {
position: fixed;
bottom: 2rem;
left: 2rem;
width: 4rem;
height: 4rem;
background-color: #3b82f6; /* Blue 500 */
border-radius: 9999px;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 10px 15px -3px rgba(0000.1)0 4px 6px -2px rgba(0000.05);
transition: transform 0.2s ease-in-outbackground-color 0.2s;
z-index: 99999; /* High z-index for visibility */
}
#wp-share-time-root #share-fab:hover {
background-color: #2563eb; /* Blue 600 */
transform: scale(1.1);
}
#wp-share-time-root #share-fab svg {
width: 2rem;
height: 2rem;
color: white;
}
/* Styles for the modal overlay */
#wp-share-time-root #widget-modal-overlay {
position: fixed;
inset: 0;
background-color: rgba(0000.6);
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
z-index: 100000; /* Even higher z-index */
opacity: 0;
visibility: hidden;
transition: opacity 0.3s easevisibility 0.3s ease;
}
#wp-share-time-root #widget-modal-overlay.visible {
opacity: 1;
visibility: visible;
}
/* Scoped s for the widget container (the modal itself) */
#wp-share-time-root #time-share-widget-container {
background-color: #111827; /* Tailwind gray-900 */
color: #f3f4f6; /* Tailwind gray-100 */
padding: 2rem;
border-radius: 1.5rem;
box-shadow: 0 20px 25px -5px rgba(0000.1)0 10px 10px -5px rgba(0000.04);
border: 1px solid rgba(2552552550.1);
max-width: 500px;
width: 100%;
text-align: center;
position: relative; /* For the close button */
transform: scale(0.95);
transition: transform 0.3s ease;
}
#wp-share-time-root #widget-modal-overlay.visible #time-share-widget-container {
transform: scale(1);
}
/* Close button for the modal */
#wp-share-time-root #close-widget-btn {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
cursor: pointer;
color: #9ca3af;
padding: 0.5rem;
border-radius: 9999px;
transition: background-color 0.2scolor 0.2s;
}
#wp-share-time-root #close-widget-btn:hover {
background-color: rgba(2552552550.1);
color: white;
}
#wp-share-time-root #close-widget-btn svg {
width: 1.5rem;
height: 1.5rem;
}
#wp-share-time-root .time-display {
font-size: 1.125rem;
line-height: 1.75rem;
margin-bottom: 1.5rem;
color: #d1d5db;
min-height: 56px;
}
#wp-share-time-root .time-display strong {
color: #ffffff;
font-weight: 700;
}
#wp-share-time-root .custom-message-area {
margin-bottom: 1rem;
text-align: left;
}
#wp-share-time-root .custom-message-area label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: #9ca3af;
}
#wp-share-time-root .custom-message-input {
width: 100%;
background-color: #1f2937;
border: 1px solid #4b5563;
color: #ffffff;
border-radius: 0.75rem;
padding: 0.75rem 1rem;
font-size: 1rem;
min-height: 80px;
resize: vertical;
transition: border-color 0.2sbox-shadow 0.2s;
}
#wp-share-time-root .custom-message-input:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 2px rgba(591302460.4);
}
#wp-share-time-root .include-toggle {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
margin-bottom: 0.75rem;
cursor: pointer;
user-select: none;
}
#wp-share-time-root .include-toggle input {
cursor: pointer;
width: 1.15em;
height: 1.15em;
}
#wp-share-time-root .include-toggle label {
color: #d1d5db;
font-size: 0.9rem;
cursor: pointer;
}
#wp-share-time-root .share-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
#wp-share-time-root .share-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: #374151;
color: #ffffff;
padding: 0.625rem 1.25rem;
border-radius: 0.75rem;
text-decoration: none;
transition: background-color 0.2s ease-in-outtransform 0.1s ease-in-out;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
}
#wp-share-time-root .share-btn:hover {
background-color: #4b5563;
transform: translateY(-2px);
}
#wp-share-time-root .share-btn svg {
width: 1.25rem;
height: 1.25rem;
}
#wp-share-time-root .tooltip {
position: absolute;
background-color: #10b981;
color: white;
padding: 0.25rem 0.75rem;
border-radius: 0.5rem;
font-size: 0.875rem;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
white-space: nowrap;
}
#wp-share-time-root .tooltip.visible {
opacity: 1;
}
#wp-share-time-root .footer-link {
display: block;
margin-top: 1.5rem;
color: #9ca3af;
text-decoration: none;
transition: color 0.2s;
}
#wp-share-time-root .footer-link:hover {
color: #3b82f6;
}
#wp-share-time-root .format-toggle {
margin-top: 1rem;
}
#wp-share-time-root .format-toggle-btn {
background: none;
border: 1px solid #4b5563;
color: #9ca3af;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.875rem;
cursor: pointer;
transition: background-color 0.2scolor 0.2s;
}
#wp-share-time-root .format-toggle-btn:hover {
background-color: #374151;
color: #ffffff;
}>