.careers-list { padding: 80px 0; background: #fff; }
.careers-list .careers-section:nth-child(2n) { background: rgb(233, 247, 233); }
.careers-list li { padding: 15px 20px; display: grid; grid-template-columns: repeat(6,minmax(1.875rem,calc(16.66667% - .41667rem))); 
border-bottom: 1px solid rgb(233, 247, 233); justify-content: space-between; align-items: center; margin: 0; }
.careers-description-buttons { display: flex; align-items: center; flex-direction: row; grid-column-end: 7; grid-column-start: 3;
  justify-content: space-between; padding: 0; }
.role-content { color: #333; display: flex; flex-wrap: wrap; font-weight: 400; align-items: center; }
.role-content p { margin: 0; }
.item-buttons { display: flex; align-items: center; column-gap: 30px; }
.item-buttons svg { vertical-align: top; width: 22px; }
.item-buttons svg path { fill: #000; }
.item-buttons svg:hover path { fill: var(--dark-green-color); }
.careers-list .role-content .seperator { padding: 0 15px; }
.careers-title-box { grid-column-end: 3; grid-column-start: 1; padding: 0 10px 0 0; }
.careers-title-box a { font-size: 17px; font-weight: 500; text-decoration: none; }
.careers-list .careers-section p { margin: 0; }
.careers-list .item-buttons a.btn-primary { line-height: 24px; min-width: 140px; text-align: center; color: #fff;
  letter-spacing: 1px; }
.careers-list .share-btn { cursor: pointer; }  
.careers-top { padding: 60px 0 20px; background:#f5f5f5; }
.careers-index-index .columns .column.main { padding-bottom: 0; }
.careers-list h2 { text-align: center; margin-bottom: 30px; }
.share-popup-content .share-buttons { display: flex; justify-content: center; gap: 13px; flex-wrap: wrap; }
.share-popup-content h2 { text-align: center; font-size: 24px; }

.share-popup { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.share-popup-content { background-color: #fff; margin: 0 auto; padding: 20px; width: 95%; position: relative;
top: 50%; transform: translateY(-50%); max-width: 400px; border-radius: 4px; }
.share-popup-content .close-btn {position: absolute; top: 10px; right: 10px; font-size: 30px; color: #aaa; cursor: pointer; }
.share-popup-content .share-buttons a {display: block; margin: 10px 0; padding: 10px; background-color: var(--dark-green-color); color: white; text-align: center; text-decoration: none; border-radius: 5px;
min-width: 46px; font-size: 20px; display: flex; justify-content: center; min-height: 46px; line-height: 1; align-items: center; }
.share-popup-content .share-buttons a:hover {background-color: #0056b3; }

/*view page */
.careers-careers-view { background: #fff; }
.careers-details-wrapper { padding: 50px 0 0; }
.career-details { padding: 40px;
  margin-bottom: 50px;
  border-radius: 15px;
  background: linear-gradient(155deg, #f7fdf9 0, #e9f7e9 45%, #37ae5282 100%); }
.career-details h1 { font-size: 44px; line-height: 1.2; }
.career-details ul { margin: 0; display: flex; flex-wrap: wrap; }
.career-details ul li { list-style: none; font-size: 14px; margin: 0; }
.career-details ul li:not(:last-child):after { content: "|"; margin: 0 12px; opacity: 0.4; }
.career-details ul li:last-child { margin-bottom: 0; }
.career-details ul li label { font-weight: 600; }

.career-view-details { display: flex; flex-wrap: wrap; align-items: flex-start; }
.career-view-details .sidebar-main { width: 25%; flex-basis: auto; order: 0; }
.career-view-details .careers-job-info { width: 75%; }
.sidebar-career-sharing ul { list-style: none; display: flex; flex-wrap: wrap; gap:8px; margin: 0; }
.sidebar-career-sharing ul li { margin: 0; }
.sidebar-career-sharing ul li a { cursor: pointer; font-size: 16px; vertical-align: top; background: #fff; padding: 8px; display: block;
  color: #333; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 25%; margin: 0; text-decoration: none;
  line-height: 1; min-width: 36px; min-height: 36px; display: flex; align-items: center; justify-content: center; }
.sidebar-career-sharing ul li a:hover { color: #3aae4a; }  
.sidebar-career-sharing { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 24px; display: flex;
  align-items: center; gap: 15px; flex-wrap: wrap; }
.sidebar-career-sharing h3 { margin: 0; }

.career-content-nav h3 { border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
.career-content-nav h3:before { background:var(--dark-green-color); height:2px; position:absolute; bottom:-1px; left:0; width:80px; content:""; }
.career-content-nav ul { list-style: none; margin: 0; }
.career-content-nav { padding: 20px; margin-bottom: 20px; max-height: calc(100vh - 130px); overflow: auto; border: 1px solid #ccc; }
.career-content-nav ul li a { text-decoration: none; }
.career-content-nav ul li.active a { color: var(--dark-green-color); }

.careers-job-info  { padding-left: 40px; }
.careers-job-info ul { margin-bottom: 28px; }
.careers-job-info ul li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 8px; list-style: none; }
.careers-job-info ul li:before { content: "\e918"; position: absolute; left: 0; top: 1px; font-family: 'icomoon'; font-size: 18px; color: #37ae52; }
.careers-job-info ul li p { margin: 0; }
.skills-list { display: flex; gap: 6px; flex-wrap: wrap; padding: 15px 0 0; }
.skills-list span { background: #666; color: #fff; padding: 2px 14px; border-radius: 3px; }

.jopApply a { width: 100%; text-align: center; color: #fff !important; }
.other-information { padding: 50px 0 0; }
.back_jobs { padding: 20px 0; }
.back_jobs a { display: flex; align-items: center; gap: 8px; text-decoration: none; }
.back_jobs a:before { content: "\e917"; font-family: 'icomoon'; color: var(--dark-green-color); font-size: 18px; 
transform: rotate(-180deg); display: inline-block; line-height: 1; }

/*view page end*/

@media (min-width: 1024px) {
.career-view-details .sidebar-main { position: sticky; top: 70px; }	
}
@media(max-width: 1023px) {
.career-view-details .sidebar-main { width: 100%; order: 1; padding: 0; }
.career-view-details .careers-job-info { width: 100%; padding: 0 0 30px; }
.career-content-nav { display:none; }
.sidebar-career-sharing { justify-content: center; }
.jopApply { text-align: center; }
.jopApply a { width: auto; min-width: 170px; }
.career-details { margin-bottom: 30px; }
.skills-list span { font-size: 14px; }
.careers-details-wrapper { padding: 30px 0 0; }
.careers-list li { grid-template-columns: 1fr; row-gap: 12px; position: relative; }
.careers-description-buttons { grid-column-end: inherit; grid-column-start: inherit; }
.careers-list .careers-title-box { grid-column-end: inherit; grid-column-start: inherit; padding: 0 24px 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1); }
.careers-list .share-btn { position: absolute; right: 21px; top: 13px; }

.careers-list { padding: 50px 0 30px; }

}
@media(max-width: 768px) {
.careers-index-index .page-footer { margin-top: 0; }
.careers-list { padding: 50px 0 30px; }
}
@media(max-width: 767px) {
.career-details h1 { font-size: 32px; }
.career-details { padding: 30px; }
.careers-top { padding: 40px 0 10px; }

}
@media(max-width: 575px) {
.career-details h1 { font-size: 26px; }
.career-details ul li { width: 100%; }
.career-details ul li:after { display: none; }
.career-details { border-radius: 8px; }
.careers-description-buttons { flex-direction: column;  align-items: flex-start;  gap: 15px; }
.item-buttons svg { width: 20px; }

}