Astrology - Digitalhawkgroup

पूजा और अनुष्ठान

    <p>घर बैठे करवाएं विशेष पूजा<br />अनुभवी पंडितों द्वारा।</p>        
                        <a>
                                            Get Detail
                    </a>
                <h2>रुद्राक्ष</h2>              
    <p>सिद्ध और ऊर्जा से भरपूर रुद्राक्ष <br />अब आपके लिए।</p>     
                        <a href="https://svarom.com/product-category/astrology/rudraksha/">
                                            Buy Now
                    </a>
                <h2>जन्म कुंडली</h2>                
    <p>कुंडली से जानिए भाग्य, करियर, विवाह और<br />जीवन के अहम संकेत।</p>       
                        <a href="https://svarom.com/product/janam-kundli-personalized-birth-horoscope-pdf-basic-detailed-pro/">
                                            Buy Now
                    </a>
                <style>

.rashifal-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.rashifal-left {
flex: 3;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
}
.rashifal-box {
background: #fff;
border: 1px solid #ddd;
text-align: center;
padding: 10px;
border-radius: 10px;
transition: 0.3s;
}
.rashifal-box:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.rashifal-box img {
width: 100%;
border-radius: 8px;
}
.rashifal-box h3 {
font-size: 16px;
margin-top: 8px;
}
.rashifal-sidebar {
flex: 1;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
max-height: fit-content;
}
.rashifal-sidebar h4 {
margin-top: 0;
font-size: 18px;
margin-bottom: 12px;
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
}
.rashifal-sidebar ul {
list-style: none;
padding-left: 0;
}
.rashifal-sidebar ul li {
margin-bottom: 10px;
}
.rashifal-sidebar ul li a {
text-decoration: none;
color: #0073aa;
}
/* ✅ Mobile & Tablet: Rashifal first, Sidebar second */
@media (max-width: 768px) {
.rashifal-wrapper {
flex-direction: column;
}
.rashifal-left {
order: 1;
}
.rashifal-sidebar {
order: 2;
}
}