#pt-page,
#pt-page * {
box-sizing: border-box;
}
#pt-page {
–pt-dark: #10251b;
–pt-green: #176b43;
–pt-green-dark: #0f4f31;
–pt-green-light: #e7f6ee;
–pt-text: #53645b;
–pt-border: #dceae2;
–pt-soft: #f5faf7;
–pt-white: #ffffff;
color: var(–pt-text);
}
.pt-wrap {
width: min(1120px, 92%);
margin: 0 auto;
}
.pt-hero {
padding: 62px 0 70px;
background:
radial-gradient(
circle at 90% 10%,
rgba(23, 107, 67, 0.11),
transparent 27%
),
linear-gradient(
135deg,
#f3fbf7 0%,
#ffffff 55%,
#eef8f3 100%
);
}
.pt-header {
max-width: 820px;
margin-bottom: 32px;
}
.pt-badge,
.pt-eyebrow {
display: inline-block;
color: var(–pt-green);
font-size: 14px;
font-weight: 700;
}
.pt-badge {
padding: 8px 14px;
border: 1px solid #cce9d8;
border-radius: 999px;
background: var(–pt-green-light);
}
.pt-eyebrow {
margin-bottom: 10px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.pt-header h1 {
margin: 18px 0;
color: var(–pt-dark);
font-size: clamp(36px, 5vw, 58px);
font-weight: 800;
letter-spacing: -1.2px;
line-height: 1.08;
}
.pt-header p {
max-width: 760px;
margin: 0;
color: var(–pt-text);
font-size: 18px;
line-height: 1.75;
}
.pt-layout {
display: grid;
grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
gap: 24px;
align-items: start;
}
.pt-control-card,
.pt-result-card {
padding: 27px;
border: 1px solid var(–pt-border);
border-radius: 22px;
background: var(–pt-white);
box-shadow: 0 16px 42px rgba(16, 37, 27, 0.08);
}
.pt-card-heading {
display: flex;
gap: 13px;
align-items: flex-start;
margin-bottom: 21px;
}
.pt-step {
display: flex;
width: 35px;
height: 35px;
flex: 0 0 35px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(–pt-green-light);
color: var(–pt-green);
font-weight: 800;
}
.pt-card-heading h2 {
margin: 0 0 4px;
color: var(–pt-dark);
font-size: 24px;
line-height: 1.25;
}
.pt-card-heading p {
margin: 0;
color: #6a786f;
font-size: 14px;
line-height: 1.5;
}
.pt-field {
margin-bottom: 15px;
}
.pt-field label {
display: block;
margin-bottom: 7px;
color: #34483d;
font-size: 14px;
font-weight: 700;
}
.pt-input {
width: 100%;
min-height: 48px;
padding: 11px 13px;
border: 1px solid #cfe1d7;
border-radius: 11px;
background: var(–pt-white);
color: var(–pt-dark);
font: inherit;
font-size: 15px;
}
.pt-input:focus {
border-color: var(–pt-green);
outline: 3px solid rgba(23, 107, 67, 0.14);
}
.pt-btn {
display: inline-flex;
width: 100%;
min-height: 50px;
align-items: center;
justify-content: center;
gap: 7px;
padding: 13px 18px;
border: 1px solid transparent;
border-radius: 11px;
cursor: pointer;
font: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
.pt-primary {
background: var(–pt-green);
color: var(–pt-white);
}
.pt-primary:hover {
background: var(–pt-green-dark);
transform: translateY(-1px);
}
.pt-location-btn {
border-color: #bcdcca;
background: var(–pt-green-light);
color: var(–pt-green-dark);
}
.pt-location-btn:hover {
border-color: #99cbae;
background: #dcf1e5;
}
.pt-btn:focus-visible {
outline: 3px solid rgba(23, 107, 67, 0.25);
outline-offset: 3px;
}
.pt-btn:disabled,
.pt-input:disabled {
cursor: wait;
opacity: 0.62;
}
.pt-divider {
display: flex;
align-items: center;
margin: 14px 0;
color: #7a8980;
font-size: 13px;
text-align: center;
}
.pt-divider::before,
.pt-divider::after {
height: 1px;
flex: 1;
background: var(–pt-border);
content: “”;
}
.pt-divider span {
padding: 0 11px;
}
.pt-privacy {
display: flex;
gap: 9px;
align-items: flex-start;
margin-top: 18px;
padding: 12px;
border-radius: 10px;
background: var(–pt-soft);
}
.pt-privacy p {
margin: 0;
color: #637269;
font-size: 12px;
line-height: 1.55;
}
.pt-status {
min-height: 22px;
margin-bottom: 13px;
color: #66756c;
font-size: 14px;
}
.pt-error {
margin-bottom: 15px;
padding: 13px 15px;
border-left: 4px solid #c83832;
border-radius: 10px;
background: #fff1f1;
color: #8c2722;
font-size: 14px;
line-height: 1.55;
}
.pt-date-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 11px;
margin-bottom: 17px;
}
.pt-date-box > div {
padding: 12px 14px;
border: 1px solid var(–pt-border);
border-radius: 11px;
background: var(–pt-soft);
}
.pt-meta-label {
display: block;
margin-bottom: 3px;
color: #718078;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pt-date-box strong {
color: var(–pt-dark);
font-size: 14px;
}
.pt-prayer-table {
display: grid;
gap: 9px;
}
.pt-prayer-row {
display: flex;
min-height: 66px;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 11px 15px;
border: 1px solid #e1ece6;
border-radius: 13px;
background: linear-gradient(180deg, #ffffff, #f8fcfa);
}
.pt-sunrise-row {
background: linear-gradient(180deg, #fffdf7, #fff8e9);
}
.pt-prayer-name {
display: flex;
gap: 12px;
align-items: center;
}
.pt-prayer-icon {
display: flex;
width: 39px;
height: 39px;
align-items: center;
justify-content: center;
border-radius: 11px;
background: var(–pt-green-light);
font-size: 19px;
}
.pt-prayer-name strong {
display: block;
color: var(–pt-dark);
font-size: 16px;
}
.pt-prayer-name small {
display: block;
margin-top: 2px;
color: #77857d;
font-size: 12px;
}
.pt-prayer-row time {
color: var(–pt-green);
font-size: 19px;
font-weight: 800;
white-space: nowrap;
}
.pt-result-information {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-top: 15px;
}
.pt-result-information > div {
padding: 10px;
border-radius: 9px;
background: var(–pt-soft);
}
.pt-result-information span,
.pt-result-information strong {
display: block;
}
.pt-result-information span {
margin-bottom: 3px;
color: #74837a;
font-size: 11px;
}
.pt-result-information strong {
color: #31463a;
font-size: 12px;
line-height: 1.35;
}
.pt-section {
padding: 66px 0;
background: var(–pt-white);
}
.pt-soft-section {
background: var(–pt-soft);
}
.pt-section-heading {
max-width: 760px;
margin-bottom: 28px;
}
.pt-section h2 {
margin: 0 0 14px;
color: var(–pt-dark);
font-size: clamp(28px, 4vw, 40px);
line-height: 1.2;
}
.pt-content-grid {
display: grid;
grid-template-columns: 1fr 0.78fr;
gap: 46px;
align-items: center;
}
.pt-steps-list {
display: grid;
gap: 13px;
margin: 23px 0 0;
padding: 0;
counter-reset: pt-step;
list-style: none;
}
.pt-steps-list li {
position: relative;
min-height: 37px;
padding: 7px 0 7px 48px;
color: #4f6057;
font-size: 16px;
line-height: 1.6;
counter-increment: pt-step;
}
.pt-steps-list li::before {
position: absolute;
top: 2px;
left: 0;
display: flex;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(–pt-green-light);
color: var(–pt-green);
content: counter(pt-step);
font-weight: 800;
}
.pt-information-card {
padding: 27px;
border: 1px solid var(–pt-border);
border-radius: 18px;
background: var(–pt-soft);
}
.pt-information-card h3 {
margin: 0 0 12px;
color: var(–pt-dark);
font-size: 22px;
}
.pt-information-card p {
margin: 0 0 12px;
color: #596a60;
font-size: 15px;
line-height: 1.7;
}
.pt-information-card p:last-child {
margin-bottom: 0;
}
.pt-info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 17px;
}
.pt-info-item {
padding: 21px;
border: 1px solid var(–pt-border);
border-radius: 15px;
background: var(–pt-white);
}
.pt-info-item h3 {
margin: 0 0 8px;
color: var(–pt-dark);
font-size: 19px;
}
.pt-info-item p {
margin: 0;
color: #607168;
font-size: 14px;
line-height: 1.65;
}
.pt-faq-list {
display: grid;
gap: 11px;
max-width: 900px;
}
.pt-faq {
border: 1px solid var(–pt-border);
border-radius: 13px;
background: var(–pt-white);
}
.pt-faq summary {
position: relative;
padding: 17px 50px 17px 19px;
color: var(–pt-dark);
cursor: pointer;
font-size: 16px;
font-weight: 700;
list-style: none;
}
.pt-faq summary::-webkit-details-marker {
display: none;
}
.pt-faq summary::after {
position: absolute;
top: 50%;
right: 19px;
color: var(–pt-green);
content: “+”;
font-size: 23px;
transform: translateY(-50%);
}
.pt-faq[open] summary::after {
content: “−”;
}
.pt-faq p {
margin: 0;
padding: 0 19px 18px;
color: #5d6d64;
font-size: 14px;
line-height: 1.7;
}
.pt-note {
display: grid;
grid-template-columns: 48px 1fr;
gap: 16px;
margin-top: 30px;
padding: 25px;
border: 1px solid #d2e7db;
border-left: 5px solid var(–pt-green);
border-radius: 16px;
background: var(–pt-soft);
}
.pt-note-icon {
display: flex;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
border-radius: 13px;
background: var(–pt-green-light);
font-size: 21px;
}
.pt-note h2 {
margin-bottom: 7px;
font-size: 23px;
}
.pt-note p {
max-width: 850px;
margin: 0 0 10px;
color: #596a60;
font-size: 14px;
line-height: 1.7;
}
.pt-note a {
color: var(–pt-green);
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.pt-note a:hover {
text-decoration: underline;
}
@media (max-width: 900px) {
.pt-layout,
.pt-content-grid {
grid-template-columns: 1fr;
}
.pt-info-grid {
grid-template-columns: repeat(2, 1fr);
}
.pt-result-card {
order: 2;
}
}
@media (max-width: 620px) {
.pt-hero {
padding: 42px 0 48px;
}
.pt-header h1 {
font-size: 37px;
letter-spacing: -0.7px;
}
.pt-header p {
font-size: 16px;
}
.pt-control-card,
.pt-result-card {
padding: 20px;
border-radius: 17px;
}
.pt-date-box,
.pt-result-information,
.pt-info-grid {
grid-template-columns: 1fr;
}
.pt-prayer-row {
padding: 10px 12px;
}
.pt-prayer-icon {
width: 35px;
height: 35px;
}
.pt-prayer-row time {
font-size: 16px;
}
.pt-section {
padding: 48px 0;
}
.pt-note {
grid-template-columns: 1fr;
padding: 21px;
}
}
1
Choose Your Location
Search by city or use your device location.
🔒
Your location is used only to calculate prayer times. It is not
saved by this website.
2
Today’s Prayer Times
Abu Dhabi, United Arab Emirates
Loading prayer times…
Gregorian date
—
Hijri date
—
UAE city prayer times
مواقيت الصلاة حسب مدينة الإمارات
Open a dedicated city page for today’s Fajr, Dhuhr, Asr, Maghrib and Isha times, plus local monthly prayer information where available.
How to use the tool
Check Prayer Times in Three Simple Steps
-
Enter your city and country, or select “Use My Current Location.”
-
Choose the prayer calculation method and Asr calculation.
-
Check today’s Fajr, Dhuhr, Asr, Maghrib and Isha times.
معلومات مفيدة
Understanding the Daily Prayer Times
الفجر
Fajr is the dawn prayer. Its time begins before sunrise.
الظهر
Dhuhr is the midday prayer after the sun passes its highest point.
العصر
Asr is the afternoon prayer. Its calculated time can differ
between Standard and Hanafi methods.
المغرب
Maghrib begins shortly after sunset.
العشاء
Isha is the night prayer after evening twilight disappears.
الشروق
Sunrise is displayed for information. It is not one of the five
daily obligatory prayers.
الأسئلة الشائعة
Preparing for Ramadan? Track the live Ramadan Countdown 2027 for the UAE.
Prayer Times Frequently Asked Questions
Which calculation method should I select in the UAE?
Gulf Region is provided as the default option. Because local
authority timings can include official adjustments, confirm
important prayer times with your local mosque or UAE Islamic
authority.
ما الفرق بين توقيت صلاة العصر بالطريقة القياسية والمذهب الحنفي؟
These options use different shadow-length calculations for the
beginning of Asr. Select the method followed by your mosque or
school of Islamic jurisprudence.
Why does the website request my location?
Your latitude and longitude help calculate prayer times for your
current position. Location permission is requested only when you
select “Use My Current Location.”
What happens if I block location permission?
You can still search for prayer times by entering your city and
country manually.
ℹ️
ملاحظة: دقة المواقيت مهمة
These are calculated prayer times and may differ from your local
mosque or official timetable. Always confirm important timings
with your local mosque or responsible Islamic authority.
← تحقق من مواقيت الصلاة الرسمية في دولة الإمارات
