/* =========================================================
RESULT MITRA - PREMIUM ABOUT US PAGE
========================================================= */
.about-page {
max-width: 1200px;
margin: 30px auto;
padding: 0 20px;
font-family: Arial, Helvetica, sans-serif;
color: #172033;
}
/* =========================================================
HERO SECTION
========================================================= */
.about-hero {
position: relative;
overflow: hidden;
padding: 75px 40px;
border-radius: 28px;
text-align: center;
background:
linear-gradient(
135deg,
#071a3d,
#0b3b78,
#087f8c
);
color: #fff;
box-shadow:
0 20px 60px rgba(0,0,0,.15);
}
/* Decorative Circles */
.about-hero:before {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(255,255,255,.08);
top: -110px;
left: -90px;
}
.about-hero:after {
content: "";
position: absolute;
width: 360px;
height: 360px;
border-radius: 50%;
background: rgba(255,255,255,.06);
bottom: -190px;
right: -100px;
}
.about-hero-content {
position: relative;
z-index: 2;
}
.about-badge {
display: inline-block;
padding: 9px 20px;
border-radius: 50px;
background: rgba(255,255,255,.14);
border: 1px solid rgba(255,255,255,.28);
font-size: 14px;
margin-bottom: 20px;
}
.about-hero h1 {
margin: 0 0 15px;
font-size: 54px;
font-weight: 800;
line-height: 1.1;
color: #ffd84d;
}
.about-hero p {
max-width: 780px;
margin: auto;
font-size: 18px;
line-height: 1.8;
color: #ffffff;
}
/* =========================================================
INTRODUCTION
========================================================= */
.about-intro {
margin-top: 55px;
padding: 45px 40px;
border-radius: 25px;
background: #ffffff;
border: 1px solid #e8edf5;
box-shadow:
0 12px 40px rgba(15,35,65,.07);
text-align: center;
}
.about-intro h2 {
margin: 0 0 15px;
font-size: 34px;
color: #101828;
}
.about-intro h2 span {
color: #087f8c;
}
.about-intro p {
max-width: 850px;
margin: auto;
color: #667085;
font-size: 16px;
line-height: 1.9;
}
/* =========================================================
OUR MISSION
========================================================= */
.about-section-title {
text-align: center;
margin: 65px 0 35px;
}
.about-section-title h2 {
font-size: 34px;
margin-bottom: 10px;
color: #101828;
}
.about-section-title p {
color: #667085;
font-size: 16px;
}
.mission-box {
padding: 45px;
border-radius: 25px;
background:
linear-gradient(
135deg,
#f4fbff,
#eef8f7
);
border: 1px solid #dceff0;
text-align: center;
}
.mission-icon {
width: 75px;
height: 75px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
background: #087f8c;
color: #fff;
font-size: 34px;
box-shadow:
0 10px 25px rgba(8,127,140,.2);
}
.mission-box h3 {
font-size: 27px;
margin: 0 0 15px;
color: #101828;
}
.mission-box p {
max-width: 850px;
margin: auto;
color: #667085;
line-height: 1.9;
font-size: 16px;
}
/* =========================================================
WHAT WE PROVIDE
========================================================= */
.about-cards {
display: grid;
grid-template-columns:
repeat(4, 1fr);
gap: 20px;
}
.about-card {
padding: 30px 22px;
border-radius: 20px;
background: #ffffff;
border: 1px solid #e8edf5;
box-shadow:
0 10px 35px rgba(15,35,65,.07);
transition: all .3s ease;
}
.about-card:hover {
transform: translateY(-8px);
box-shadow:
0 18px 45px rgba(15,35,65,.13);
}
.about-card-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: #edf6ff;
font-size: 27px;
margin-bottom: 18px;
}
.about-card h3 {
margin: 0 0 10px;
font-size: 19px;
color: #172033;
}
.about-card p {
margin: 0;
color: #667085;
font-size: 14px;
line-height: 1.7;
}
/* =========================================================
WHY RESULT MITRA
========================================================= */
.why-section {
margin-top: 60px;
display: grid;
grid-template-columns:
1fr 1fr;
gap: 30px;
}
.why-left {
padding: 40px;
border-radius: 25px;
background:
linear-gradient(
135deg,
#071a3d,
#0b3b78
);
color: #fff;
}
.why-left h2 {
font-size: 32px;
margin: 0 0 15px;
color: #ffd84d;
}
.why-left p {
color: #d9e7f7;
line-height: 1.8;
}
.why-right {
padding: 40px;
border-radius: 25px;
background: #f6f9fc;
border: 1px solid #e5ebf2;
}
.why-point {
display: flex;
gap: 15px;
margin-bottom: 24px;
}
.why-point:last-child {
margin-bottom: 0;
}
.why-check {
min-width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #fff4c2;
color: #087f8c;
font-weight: 800;
}
.why-point h4 {
margin: 0 0 5px;
font-size: 17px;
}
.why-point p {
margin: 0;
color: #667085;
font-size: 14px;
line-height: 1.6;
}
/* =========================================================
SOCIAL MEDIA
========================================================= */
.social-section {
margin-top: 65px;
padding: 50px 30px;
border-radius: 25px;
text-align: center;
background: #ffffff;
border: 1px solid #e8edf5;
box-shadow:
0 10px 35px rgba(15,35,65,.07);
}
.social-section h2 {
font-size: 32px;
margin: 0 0 10px;
color: #101828;
}
.social-section h2 span {
color: #ffd84d;
background: #071a3d;
padding: 3px 10px;
border-radius: 8px;
}
.social-section p {
color: #667085;
margin-bottom: 28px;
}
.social-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 14px;
}
.social-buttons a {
text-decoration: none;
padding: 13px 24px;
border-radius: 50px;
background: #f1f5f9;
color: #172033;
font-weight: 700;
transition: .3s;
border: 1px solid #e3e8ef;
}
.social-buttons a:hover {
transform: translateY(-3px);
background: #071a3d;
color: #ffffff;
border-color: #071a3d;
}
/* =========================================================
STUDENT FIRST CTA
========================================================= */
.about-cta {
position: relative;
overflow: hidden;
margin-top: 55px;
padding: 60px 25px;
border-radius: 27px;
text-align: center;
background:
linear-gradient(
135deg,
#087f8c,
#0756a5
);
color: #fff;
}
.about-cta:before {
content: "";
position: absolute;
width: 250px;
height: 250px;
border-radius: 50%;
background: rgba(255,255,255,.08);
top: -120px;
left: -80px;
}
.about-cta h2 {
position: relative;
z-index: 2;
margin: 0 0 15px;
font-size: 35px;
color: #ffd84d;
}
.about-cta p {
position: relative;
z-index: 2;
max-width: 750px;
margin: auto auto 25px;
color: #eefaff;
line-height: 1.8;
}
.about-cta a {
position: relative;
z-index: 2;
display: inline-block;
text-decoration: none;
padding: 14px 30px;
border-radius: 50px;
background: #ffd84d;
color: #111827;
font-weight: 800;
transition: .3s;
}
.about-cta a:hover {
transform: translateY(-3px);
box-shadow:
0 10px 25px rgba(0,0,0,.18);
}
/* =========================================================
FOOTER MESSAGE
========================================================= */
.about-final {
text-align: center;
padding: 45px 20px;
color: #667085;
}
.about-final strong {
color: #087f8c;
}
/* =========================================================
MOBILE RESPONSIVE
========================================================= */
@media (max-width: 900px) {
.about-cards {
grid-template-columns:
repeat(2, 1fr);
}
.why-section {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.about-page {
padding: 0 12px;
}
.about-hero {
padding: 50px 20px;
border-radius: 20px;
}
.about-hero h1 {
font-size: 38px;
}
.about-hero p {
font-size: 15px;
}
.about-intro {
padding: 30px 20px;
}
.about-intro h2 {
font-size: 28px;
}
.about-section-title h2 {
font-size: 28px;
}
.about-cards {
grid-template-columns: 1fr;
}
.why-left,
.why-right {
padding: 28px 22px;
}
.social-section {
padding: 40px 20px;
}
.about-cta {
padding: 45px 20px;
}
.about-cta h2 {
font-size: 28px;
}
}
✦ ABOUT RESULT MITRA ✦
हमारे बारे में
शिक्षा, मार्गदर्शन और गुणवत्तापूर्ण अध्ययन सामग्री के
माध्यम से विद्यार्थियों को उनके लक्ष्य तक पहुंचने में
सहयोग करने का हमारा प्रयास।
स्वागत है Result Mitra में
Result Mitra एक ऐसा educational platform है जिसका उद्देश्य
प्रतियोगी परीक्षाओं की तैयारी कर रहे विद्यार्थियों तक
परीक्षा-उपयोगी और गुणवत्तापूर्ण content पहुंचाना है।
हमारा प्रयास है कि विद्यार्थियों को बेहतर अध्ययन सामग्री,
उपयोगी जानकारी, guidance और motivation एक ही platform पर
उपलब्ध हो सके।
हमारा उद्देश्य
सिर्फ पढ़ाना नहीं, बल्कि सही दिशा में मार्गदर्शन करना।
🎯
आपका लक्ष्य — हमारी जिम्मेदारी
Result Mitra का उद्देश्य विद्यार्थियों तक परीक्षा-उपयोगी
गुणवत्तापूर्ण content पहुंचाना है। हमारी पूरी टीम और
educators विद्यार्थियों को बेहतर content के साथ-साथ
आवश्यक guidance और motivation देने का प्रयास करते हैं।
हम आपके लिए क्या लाते हैं?
परीक्षा की तैयारी को बेहतर और व्यवस्थित बनाने के लिए।
📚
Quality Study Content
प्रतियोगी परीक्षाओं की तैयारी के लिए उपयोगी,
structured और exam-oriented अध्ययन सामग्री।
📰
Current Affairs
महत्वपूर्ण राष्ट्रीय एवं अंतरराष्ट्रीय घटनाओं को
परीक्षा के दृष्टिकोण से समझने में सहायता।
📝
Exam Preparation
UPSC, PCS और अन्य competitive examinations की
तैयारी को ध्यान में रखते हुए उपयोगी sessions।
🧭
Guidance & Motivation
विद्यार्थियों को सही दिशा में आगे बढ़ने के लिए
guidance, motivation और useful resources।
Result Mitra क्यों?
प्रतियोगी परीक्षा की तैयारी केवल किताबें पढ़ने
तक सीमित नहीं होती। सही content, सही दिशा,
लगातार practice और उचित guidance भी उतने ही
महत्वपूर्ण हैं।
इसी सोच के साथ Result Mitra विद्यार्थियों के
learning journey में एक साथी की भूमिका निभाने
का प्रयास करता है।
✓
परीक्षा-केंद्रित दृष्टिकोण
Content को examination perspective से
समझने और पढ़ने में सहायता।
✓
सरल एवं समझने योग्य Content
कठिन विषयों को सरल तरीके से समझाने का
प्रयास।
✓
लगातार Learning Support
विद्यार्थियों को नियमित educational
updates और useful resources उपलब्ध कराना।
✓
Student First Approach
विद्यार्थियों की जरूरत और परीक्षा की
मांग को ध्यान में रखकर content तैयार करना।
Result Mitra से जुड़े रहें 🌐
हमारे educational updates, classes और latest content
के लिए हमारे official social media platforms को follow करें।
आपका लक्ष्य, हमारी कोशिश। 🎯
UPSC, PCS और अन्य प्रतियोगी परीक्षाओं की तैयारी में
सही जानकारी, बेहतर resources और लगातार learning के
लिए Result Mitra से जुड़े रहें।
JOIN RESULT MITRA
Result Mitra —
विद्यार्थियों के learning journey में
एक सच्चे मित्र की तरह साथ देने का प्रयास।
