#comn-bannerinner { clip-path: polygon(99.94% 75.21%, 0.05% 98.81%, 0.02% -0.06%, 99.93% -0.69%); position: relative; }
#comn-bannerinner img { width: 100%; }
.ovrly-comn-banner { background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(12, 77, 139, 0.55) 100%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#alummni-dirctory { overflow: inherit; position: relative; padding: 0px 0 96px; }
.left-side-menu-bar { background: #fff; box-shadow: 0px 0px 4px 1px #0000001f; padding: 14px 14px 36px; border-radius: 16px; position: relative; top: -97px; }
.left-side-menu-bar h2 { font-size: 19px; font-weight: 400; text-align: center; margin: 0px auto; padding: 15px 0; }
body { background: #f4f4f4; }
#jobbs-wrd { padding: 0px 0 70px; overflow: inherit; }
.filter-box {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin: -73px auto 0;
  position: relative;
}
.job-card { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: 0.3s; }
    .job-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .job-title {
      font-weight: 600;
      font-size: 1.1rem;
    }
    .badge-job {
      background-color: #f2f4f7;
      color: #333;
      font-weight: 500;
      border-radius: 50px;
      padding: 6px 12px;
    }
.apply-btn {
  background-color: #0c4d8b;
  color: #fff;
  border: none;width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 11px 12px;
}
.apply-btn:hover {
  background-color: #1f79ce;
  color: #fff;width: 100%;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 11px 22px;
}
.form-check-input:checked {
  background-color: #dc9017;
  border-color: #d98600;
}
.post-btn-opprtun {
  background: #D98600;
  color: #fff;
  border: 1px solid #D98600;
}
.post-btn-opprtun:hover {
  background: #b6740a;
  color: #fff;
  border: 1px solid #b6740a;
}
.accordion-button:not(.collapsed) {
  color: #393939;
}
.workplc-itmw {  }

 .tab-pill {
      border:1px solid #e6e6e6;
      background:#fff;
      color:#333;
      border-radius:20px;
      padding:6px 16px;
      margin-right:8px;
      font-weight:500;
    }
.nav-pills .nav-link.active {
  background: #d98600;
  color: #fff;
  border: 1px solid #d98600;
  box-shadow: none;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;color: #000;
  border-top-right-radius: 0;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-button:not(.collapsed) { color: #000; background-color: #dbe3ea; }
.accordion { --bs-accordion-btn-focus-box-shadow: none; }
.nav-pills .nav-link { border-radius:5px; margin-right:6px; padding:6px 14px; color:#495057; background:transparent; border:1px solid transparent; }
#opTabs { background: #fff;box-shadow: 1px 2px 3px #00000012; padding: 4px; border-radius: 5px; width: 100%; }
.job-card { background: #fff; border-radius: 6px; padding: 18px; margin-bottom: 16px; border: none; overflow: hidden; }
.job-card .job-title { font-weight:600; }
.badge-job {
  background: #0c4d8b;
  padding: 6px 12px;
  border-radius: 0;
  font-size: .85rem;
  color: #fff;
}
.accordion-body {
  padding: 10px;
}
/* small responsive improvements */
@media (max-width:575px){
	.d-top-actions { flex-direction:column; gap:.5rem; align-items:flex-start; }
	.nav-pills { overflow:auto; white-space:nowrap; padding-bottom:.5rem; }
}
.opprtn { font-size: 31px; font-weight: 300; }
.align-self-start {
  align-self: flex-start !important;
  rotate: 37deg;
  background: #0c4d8b;
  width: 15%;
  text-align: center;
  position: relative;
  top: -10px;
  right: -56px;
  padding: 5px;
}





@media screen and (min-width:280px) and (max-width:388px) {
	.opprtn { font-size: 27px; margin-right: 24px; }
	.align-self-start { rotate: 0deg; width: auto; text-align: center; position: absolute; top: 0px; right: 9px; padding: 5px; border-radius: 0 0 6px 6px; }
	.job-card { position: relative; padding: 13px 13px 13px 13px; margin-top: -26px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
	.opprtn { font-size: 27px; margin-right: 24px; }
	.align-self-start { rotate: 0deg; width: auto; text-align: center; position: absolute; top: 0px; right: 9px; padding: 5px; border-radius: 0 0 6px 6px; }
	.job-card { position:relative; padding: 44px 18px 18px 18px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
	.opprtn { font-size: 27px; margin-right: 24px; }
	.align-self-start { rotate: 0deg; width: auto; text-align: center; position: absolute; top: 0px; right: 9px; padding: 5px; border-radius: 0 0 6px 6px; }
	.job-card { position:relative; padding: 44px 18px 18px 18px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	.opprtn { font-size: 27px; margin-right: 24px; }
	.align-self-start { rotate: 0deg; width: auto; text-align: center; position: absolute; top: 0px; right: 9px; padding: 5px; border-radius: 0 0 6px 6px; }
	.job-card { position:relative; padding: 44px 18px 18px 18px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.align-self-start { rotate: 37deg; width: 20%; position: relative; top: -10px; right: -54px; padding: 5px; } 
}
@media screen and (min-width:992px) and (max-width:1150px) {
	.align-self-start { rotate: 37deg; width: 20%; position: relative; top: -10px; right: -54px; padding: 5px; } 
	
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	.align-self-start { rotate: 37deg; width: 20%; position: relative; top: -10px; right: -64px; padding: 5px; } 	
} 
@media screen and (min-width:1241px) and (max-width:1340px) {
	.align-self-start { top: -10px; right: -50px; width: 17%; }

}
@media screen and (min-width:1341px) and (max-width:1399px) {
   	.align-self-start { top: -10px; right: -50px; width: 17%; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
  
}
@media screen and (min-width:1500px) and (max-width:1599px) {
   
}
@media screen and (min-width:1600px) and (max-width:1699px) {

}
@media screen and (min-width:1700px) and (max-width:1799px) {
    
}
@media screen and (min-width:1800px) and (max-width:1899px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1582px; }
	.align-self-start { width: 15%; position: relative; top: -10px; right: -70px; }
}
@media screen and (min-width:1900px) and (max-width:1999px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1582px; }
	.align-self-start { width: 15%; position: relative; top: -10px; right: -70px; }
}
@media screen and (min-width:2000px) and (max-width:2999px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 86%; }
	.align-self-start { width: 15%; position: relative; top: -10px; right: -95px; }
}
@media screen and (min-width:3000px) and (max-width:3999px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 86%; }
	.align-self-start { width: 15%; position: relative; top: -10px; right: -70px; }
}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}