/* Job Section Box Styles - PikiTemplates Modification */ .job-section { background-color: #fff; /* White background */ border: 1px solid #007eed; /* Blue border like Sarkari Result */ margin-bottom: 20px; /* Space between sections */ padding: 0; overflow: hidden; /* Contain elements */ box-sizing: border-box; /* Include padding and border in width/height */ } .job-section .section-title { background-color: #007eed; /* Blue background for title */ color: #fff; /* White text */ padding: 8px 15px; margin: 0; font-size: 16px; /* Adjust title font size */ font-weight: bold; border-bottom: 1px solid #007eed; display: block; /* Make sure it takes full width */ } .job-section .post-grid { display: flex; /* Use flexbox for columns */ flex-wrap: wrap; /* Allow items to wrap to next line */ padding: 5px 5px 0px 5px; /* Padding inside the grid area (top, right, bottom, left) */ list-style: none; margin: 0; /* Reset default margins */ } .job-section .post-item { box-sizing: border-box; /* Include padding in width */ padding: 5px 5px 8px 5px; /* Padding around each post link */ margin: 0; /* Reset default margins */ border-bottom: 1px dashed #eee; /* Optional separator line */ /* --- Mobile: 2 Columns --- */ width: 50%; /* Each item takes half the width */ } /* Add slight padding adjustments for 2-column layout spacing */ .job-section .post-item:nth-child(odd) { padding-right: 3px; } .job-section .post-item:nth-child(even) { padding-left: 3px; } .job-section .post-item a { text-decoration: none; color: #333; /* Dark text color for posts */ font-size: 14px; /* Adjust post link font size */ font-weight: 600; /* Make post titles bold */ display: block; /* Make link fill the item */ line-height: 1.4; /* Improve readability */ } /* FontAwesome bullet point */ .job-section .post-item a:before { content: "\f111"; /* FontAwesome solid circle icon */ font-family: 'Font Awesome 5 Free'; font-weight: 900; /* Use solid style */ margin-right: 8px; color: #007eed; /* Blue bullet */ font-size: 9px; /* Adjust bullet size */ vertical-align: middle; } .job-section .post-item a:hover { color: #df1023; /* Red hover color */ } /* --- Desktop: 3 Columns --- */ @media (min-width: 768px) { /* Adjust breakpoint (768px) if needed */ .job-section .post-item { width: 33.333%; /* Each item takes one-third of the width */ border-bottom: none; /* Remove bottom border on desktop if needed */ padding-bottom: 10px; /* Adjust bottom padding for desktop */ } /* Reset padding for 3 columns */ .job-section .post-item:nth-child(odd), .job-section .post-item:nth-child(even) { padding-left: 5px; padding-right: 5px; } } .job-section .view-more { display: block; text-align: center; padding: 8px; background-color: #f1f1f1; /* Light grey background for View More */ color: #007eed; /* Blue text */ text-decoration: none; font-weight: bold; margin-top: 5px; /* Space above View More link */ border-top: 1px solid #eee; /* Separator line */ } .job-section .view-more:hover { background-color: #e0e0e0; /* Darker grey on hover */ }
Type Here to Get Search Results !

Breaking Posts

6/trending/recent

About Us