<div class="ssox-page-wrapper">
<div class="ssox-container">
<!-- HERO SECTION -->
<section class="ssox-section">
<div class="ssox-hero">
<div class="ssox-hero-content">
<h1 class="ssox-section-title">
About Rajasthan SSO Portal
</h1>
<p class="ssox-section-subtitle">
Rajasthan SSO helps citizens access multiple government services with a single login ID.
</p>
<div class="ssox-btn-group">
<a href="#" class="ssox-btn">
SSO Login
</a>
<a href="#" class="ssox-btn">
Register
</a>
</div>
</div>
<div class="ssox-hero-image">
<img src="YOUR-IMAGE.jpg" alt="SSO Portal">
</div>
</div>
</section>
<!-- SERVICES SECTION -->
<section class="ssox-section">
<h2 class="ssox-section-title">
Key Services
</h2>
<div class="ssox-grid">
<div class="ssox-card">
<div class="ssox-card-icon">
<img src="icon.png" alt="">
</div>
<h3 class="ssox-card-title">
e-Mitra
</h3>
<p class="ssox-card-text">
Access Rajasthan government digital services online.
</p>
</div>
</div>
</section>
<!-- STEP SECTION -->
<section class="ssox-section">
<h2 class="ssox-section-title">
How to Register
</h2>
<ul class="ssox-steps">
<li class="ssox-step-item">
Visit Rajasthan SSO portal
</li>
<li class="ssox-step-item">
Click Register button
</li>
<li class="ssox-step-item">
Create SSO ID and Password
</li>
</ul>
</section>
<!-- IMAGE CONTENT -->
<section class="ssox-section">
<div class="ssox-image-content">
<div class="ssox-image-box">
<img src="guide.jpg" alt="">
</div>
<div class="ssox-content-box">
<h2 class="ssox-section-title">
SSO Dashboard Access
</h2>
<p class="ssox-section-subtitle">
Access multiple services and applications directly from your SSO dashboard.
</p>
</div>
</div>
</section>
<!-- FAQ -->
<section class="ssox-section">
<h2 class="ssox-section-title">
FAQs
</h2>
<div class="ssox-faq-wrap">
<div class="ssox-faq-item">
<button class="ssox-faq-question">
What is SSO?
</button>
<div class="ssox-faq-answer">
SSO means Single Sign-On.
</div>
</div>
</div>
</section>
</div>
</div>