/* — Core Definitions & Animations — */
:root {
–dip-gold: #BC9E65;
–dip-cream: #FDFBF7;
–dip-teal: #2A6F85;
–dip-dark: #2C3E50;
–dip-accent-bg: rgba(255, 255, 255, 0.9);
}
@keyframes softGradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes heavyFadeUp {
0% {
opacity: 0;
transform: translateY(50px);
filter: blur(5px);
}
100% {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}
@keyframes bookGlow {
0%, 100% { box-shadow: 0 0 20px rgba(188, 158, 101, 0.2); }
50% { box-shadow: 0 0 40px rgba(188, 158, 101, 0.5); }
}
/* — Main Container — */
.diploma-container {
background: linear-gradient(to bottom right, var(–dip-cream), #F0EDEB, var(–dip-cream));
background-size: 200% 200%;
animation: softGradient 20s ease infinite;
padding: 80px 30px;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
color: var(–dip-dark);
line-height: 1.8;
border-radius: 12px;
border: 1px solid rgba(188, 158, 101, 0.2);
}
.diploma-wrapper {
max-width: 900px;
margin: 0 auto;
}
/* — Typography — */
.dip-hadith {
text-align: center;
font-size: 1.3rem;
font-style: italic;
color: var(–dip-teal);
margin-bottom: 30px;
opacity: 0;
animation: heavyFadeUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.3s;
position: relative;
padding: 20px;
}
.dip-hadith::before, .dip-hadith::after {
content: ‘📜’;
font-size: 1.5rem;
margin: 0 10px;
opacity: 0.7;
}
.dip-title {
text-align: center;
color: var(–dip-dark);
font-size: 3.2rem;
font-weight: 300;
margin-bottom: 2rem;
opacity: 0;
animation: heavyFadeUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}
.dip-highlight {
color: var(–dip-gold);
font-weight: 600;
}
.dip-intro {
font-size: 1.15rem;
margin-bottom: 50px;
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
opacity: 0;
animation: heavyFadeUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.5s;
}
/* — Structure Box — */
.dip-structure-box {
background: var(–dip-accent-bg);
border-top: 4px solid var(–dip-gold);
border-radius: 15px;
padding: 50px;
margin: 50px 0;
box-shadow: 0 20px 50px rgba(0,0,0,0.08);
opacity: 0;
animation: heavyFadeUp 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.8s;
position: relative;
}
.dip-box-title {
font-size: 1.8rem;
color: var(–dip-teal);
text-align: center;
margin-bottom: 40px;
font-weight: 600;
}
.dip-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
}
.dip-grid-item {
text-align: center;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: transform 0.3s ease;
}
.dip-grid-item:hover {
transform: translateY(-5px);
animation: bookGlow 2s infinite;
}
.dip-icon {
font-size: 2.5rem;
margin-bottom: 15px;
display: block;
}
.dip-item-title {
font-weight: 700;
color: var(–dip-dark);
margin-bottom: 10px;
display: block;
}
/* — Instructor Section — */
.dip-instructor {
display: flex;
align-items: center;
background: rgba(42, 111, 133, 0.1); /* light teal */
padding: 30px;
border-radius: 15px;
margin-top: 50px;
opacity: 0;
animation: heavyFadeUp 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 1s;
}
.instructor-icon {
font-size: 3rem;
margin-right: 25px;
color: var(–dip-teal);
}
/* — CTA Section — */
.dip-cta {
text-align: center;
margin-top: 70px;
opacity: 0;
animation: heavyFadeUp 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 1.3s;
}
.dip-button {
display: inline-block;
padding: 20px 60px;
background: linear-gradient(45deg, var(–dip-teal), var(–dip-dark));
color: white;
text-decoration: none;
font-size: 1.2rem;
font-weight: 600;
border-radius: 50px;
letter-spacing: 1px;
box-shadow: 0 10px 30px rgba(42, 111, 133, 0.3);
transition: all 0.4s ease;
}
.dip-button:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(188, 158, 101, 0.5);
background: linear-gradient(45deg, var(–dip-gold), var(–dip-teal));
}
/* Responsive */
@media (max-width: 768px) {
.dip-title { font-size: 2.2rem; }
.diploma-container { padding: 40px 20px; }
.dip-structure-box { padding: 25px; }
.dip-instructor { flex-direction: column; text-align: center; }
.instructor-icon { margin-right: 0; margin-bottom: 15px; }
}
“Whoever travels a path in search of knowledge, Allah will make easy for him a path to Paradise.” (Sahih Muslim)
Diploma in Islamic Studies
We live in an era of information overload, yet true spiritual nourishment is rare. It is easy to gather scattered pieces of knowledge without ever building a complete structure. This diploma is your invitation to move beyond surface-level engagement and establish a deep, rooted connection with the sources of our Deen.
Program Structure & Commitment
Duration
04 Months
(Split into two modules)
(Split into two modules)
Academics
Intensive study of Quran, Hadith & Fiqh essentials.
Schedule
2 Days / Week
(Designed for busy lives)
(Designed for busy lives)
Certification
awarded upon successful completion.
Qualified Supervision: This program is conducted under the expert guidance and supervision of Alimah Dr. Tahira Yousaf, ensuring authentic, balanced, and spiritually uplifting comprehension of sacred texts.
Are you ready to structure your journey to Allah?
Apply for Admission*Exclusively for Sisters only.