Files
Gyannetra_website/css/card-heading-divider.css

70 lines
1.5 KiB
CSS

/* Universal card heading divider for all major card types */
.exp-item h3,
.specialization-card h3,
.benefit-card h3,
.course-card h3,
.feature-card h3,
.offering-card h3,
.blog-card h3,
.solution-item h3,
.article-card h3,
.webinar-video-card h3,
.tech-card h3,
.video-info h3,
.case-study-card h3,
.webinar-main-card h3,
.service-card h3,
.industry-card h3 {
position: relative;
padding-bottom: 12px;
margin-bottom: 15px;
}
.exp-item h3::after,
.specialization-card h3::after,
.benefit-card h3::after,
.course-card h3::after,
.feature-card h3::after,
.offering-card h3::after,
.blog-card h3::after,
.solution-item h3::after,
.article-card h3::after,
.webinar-video-card h3::after,
.tech-card h3::after,
.video-info h3::after,
.case-study-card h3::after,
.webinar-main-card h3::after,
.service-card h3::after,
.industry-card h3::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #52eef5, transparent);
border-radius: 2px;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 600px) {
.exp-item h3::after,
.specialization-card h3::after,
.benefit-card h3::after,
.course-card h3::after,
.feature-card h3::after,
.offering-card h3::after,
.blog-card h3::after,
.solution-item h3::after,
.article-card h3::after,
.webinar-video-card h3::after,
.tech-card h3::after,
.video-info h3::after,
.case-study-card h3::after,
.webinar-main-card h3::after,
.service-card h3::after,
.industry-card h3::after {
height: 2px;
}
}