:root {
  --blue: #005aff;
  --navy: #1e1c4f;
  --orange: #fd6e02;
  --text: #202020;
  --muted: #7f7f7f;
  --light: #ffffff;
  --darkblue:#2c4794;
  --border-orange:#F88F0E;
  --border-green:#3BAC4D;
  --border-purple:#8980D5;

  --headingfont:Poppins, sans-serif;
  --bodyfont: "DM Sans", sans-serif;

  
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  background: #fff;
  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: inherit;
}

ul {
  padding: 0;
  margin: 0;
}

img{
  max-width: 100%;
}

/*---Auto Pop up Modal design---*/

.modal-heading {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-family: var(--headingfont);
  color: var(--navy);
  font-weight: 500;
}

.custom-modal-body {
  padding: 33px 15px;
}

.custom-modal-body h3 {
  font-family: var(--headingfont);
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 10px;
}

.custom-modal-body strong {
  font-size: 14px;
}

.text-group {
  font-size: 15px;
  margin: 16px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 13px;
  background: #f7f7f7;
}

.text-group h5 {
  font-weight: 500;
}

.text-group ul {
  list-style: none;
}

.text-group ul li {
  position: relative;
  padding-left: 17px;
  margin-bottom: 8px;
}

.text-group ul li:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 6px;
  background: var(--orange);
  border-radius: 50%;
}

.fraud-alert {
  background: #e6f1ff;
  border-color: #95c4ff;
}

.fraud-alert h2 {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--headingfont);
}

.acknpowledge {}

.acknpowledge h2 {
  font-size: 19px;
  margin-bottom: 13px;
  color: var(--navy);
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 22px 0;
}

.disclaimer-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 75px;
  padding: 14px 45px;
  font-weight: 600;
  font-size: 16px;
  width: fit-content;
  transition: all 0.4s ease-in-out;
  background: var(--navy);
  color: #fff;
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 999;
  border: none;
  animation: disclaimer 1.5s linear infinite;
  gap: 8px;
}

@keyframes disclaimer {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 90, 255, 0.37), 0 0 0 12px rgba(0, 90, 255, 0.37);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(0, 90, 255, 0.2), 0 0 0 20px rgba(2, 90, 255, 0);
  } 
}

.disclaimer-button:hover {
  background: var(--blue);
}

.select-style {
  border: none;
  background-color: var(--light);
  background-image: url(../images/down.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  font-size: 15px;
}
.select-style:focus{
  box-shadow: none;
  outline: none;
}

.custom-btm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 14px 45px;
  font-weight:600;
  font-size: 16px;
  width: fit-content;
  transition: all 0.4s ease-in-out;
  border: none;
}

.btm-orange {
  background: var(--orange);
  color:var(--light);
}

.btm-orange:hover {
  background: var(--blue);
}

.btm-blue {
  background: var(--navy);
  color:#fff;
}

.btm-blue:hover{
  background: var(--blue);
}

.input-style {
  height: 50px;
  border-radius: 10px;
  font-size: 13px;
  padding: 0 21px;
}


.input-style:focus {
  box-shadow: 0 0 0 2px rgb(30 28 79);
  border-color: inherit;
}

.full-button-style {
  display: block;
  width: 100%;
  border: none;
  text-transform: uppercase;
  padding: 11px 0;
}

.apply-bottom {
  max-width: 350px;
  width: 100%;
}


.blue-btm {
  background-color:var(--blue);
  color: var(--light);
  border-radius: 10px;
}

.blue-btm:hover {
  background-color: var(--orange);
  color: var(--light);
}

.blue-btm:focus {
  border:none;
}

.section-pad {
  padding: 80px 0;
}

.hero-bg {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 140% 90% at 50% 27%,
    transparent 7%,
    rgba(0, 0, 0, 0.88) 82%
  );
  z-index: -1;
}

.header {
  position: absolute;
  top: 29px;
  z-index: 99;
  left:0;
  width: 100%;
}

.hero-inner {
  height: 100%;
  position: relative;
  max-width: 1400px;
  margin: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.hero-nav {
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 25px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(100px);
  border-radius: 18px;
}

.brand:focus {
  outline: none;
}

.menu-list{
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 27px;
}


.menu-list li a {
  font-size: 16px;
  font-weight: 600;
  color: var(--light);
}

.menu-list li a:hover {
  color:var(--orange);
}

.brand img {
  width: 219px;
  display: block;
}
.nav-links {
  display: flex;
  gap: 27px;
  align-items: center;
  font-weight: 600;
  font-size: 19px;
}
.nav-links .active {
  color: #e85521;
}

.ham-menu {
  display: none;
  cursor: pointer;
}

.menu-overflow {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 44;
  top: 0;
  -webkit-clip-path: circle(0 at 100% 40px);
  clip-path: circle(0 at 100% 40px);
  transition: -webkit-clip-path 0.7s;
  transition: clip-path 0.9s;
  transition: clip-path 0.9s, -webkit-clip-path 0.9s;
}


.btn-orange,
.btn-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  min-height: 46px;
  padding: 0 24px;
  font-size: 21px;
  font-weight: 600;
}
.btn-orange {
  background: var(--orange);
  color: #fff;
}
.btn-dark {
  background: var(--navy);
  color: #fff;
}

.hero-copy {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom: 70px;
  padding-left: 12px;
  padding-right: 12px;
}
.hero-copy h1 {
  font-family:var(--headingfont);
  font-weight: 800;
  font-size: 50px;
  line-height: 1.4;
  max-width: 720px;
  margin: 0 0 38px;
}
.hero-points {
  display: flex;
  gap: 36px;
  font-size: 24px;
  font-weight: 500;
}
.hero-points span {
  display: flex;
  gap: 29px;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 38px;
}
.hero-points span:after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #fff;
  background: linear-gradient(90deg, #CC2700 0%, #F26F22 100%);
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}

.job-search {
  width: 100%;
  height: 90px;
  border-radius: 12px;
  background:var(--darkblue);
  display: flex;
  align-items: center;
  gap: 29px;
  padding: 0 17px;
}
.search-field {
  height: 54px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px 0 20px;
  flex: 1;
  min-width: 0;
  position: relative;
}
.search-field:after {
  content: "";
  width:1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.63);
  position: absolute;
  right:-15px;
  top:50%;
  transform:translateY(-50%);
}

.search-field:nth-child(3):after{
  display: none;
}

.search-field:first-child {
  flex: 1.05;
}
.search-field input {
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 15px;
}


.search-field input::placeholder {
  color: var(--text);
}
.search-field img {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
}
.search-keyword img {
  width: 39px;
  height: 39px;
  margin-right: 20px;
}
.search-btn {
  /* height: 54px; */
  min-width: 302px;
  padding: 14px 45px;
  border: 0;
  border-radius: 6px;
  background: var(--orange);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.search-btn:hover {
  background:var(--blue);
}


.logo-strip {
  height: 170px;
  border-bottom: 1px solid #c3c3c3;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.logo-strip:before, .logo-strip:after {
  content: "";
  position: absolute;
  top:0;
  height: 100%; 
  max-width: 140px;
  width: 100%;
  z-index: 4;
}

.logo-strip:before {
  left:0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.31) 0%, #FFFFFF 44.41%);
}

.logo-strip:after {
  right:0;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0.31) 0%, #FFFFFF 44.41%);

}


.logo-swiper {
  height: 100%;
  padding: 0 120px;
}
.logo-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.logo-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-swiper img {
  max-width: 90px;
  object-fit: contain;
}

.stats-section {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding-top: 115px;
  height: 450px;
  z-index:2;
}

.section-bottom-glow-light-blue:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 353px;
  background-color: #c3a3f2;
  mix-blend-mode: multiply;
  opacity: 0.30;
  border-radius: 1000px;
  filter: opacity(100%) blur(93px);
  margin: 0 auto 0 auto;
  inset: -10px auto -63px auto;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
}



.counter-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 90px;
}

.logo-animation {
  margin-top:150px;
  text-align: center;
}
.logo-animation img {
    height: auto;
    animation: verticalMove 4s ease-in-out infinite;
}
@keyframes verticalMove {
    0% {
        transform: translateY(0px); /* Start at center */
    }
    50% {
        transform: translateY(-50px); /* Move UP by 50 pixels */
    }
    100% {
        transform: translateY(0px); /* Return to center */
    }
}

/* .opportunity-section:before,
.steps-section:before,
.ratna-section:before,
.company-section:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  height: 240px;
  border-radius: 50%;
  background: linear-gradient(90deg, #dbe7ff, #fff, #ffe2d0);
  filter: blur(50px);
  opacity: 0.55;
  pointer-events: none;
} */
.section-kicker {
  font-size: 26px;
  font-weight: 500;
  display: flex;
  gap: 15px;
  align-items: center;
}

.section-kicker h2 {
  font-size: 26px;
  font-weight: 500;
  font-family: var(--headingfont);
  color: #000;
  line-height: 1;
  margin-bottom: 2px;
}



.section-kicker span {
  display: block;
  color: #929292;
  font-size: 18px;
}
.stats-grid {
  display: flex;
  align-items: flex-start;
}


.stat-item {
  display: flex;
  justify-content: center;
  flex:1 0 0;
  width: 100%;
  border-right: 1px solid #D0D0D0;
  padding: 0 35px;
  height: 100%;
}

.stat-item:last-child{
  border-right: none;
  padding-right: 0;
}

.stat-item:first-child{
  border-left: 1px solid #D0D0D0;
}

.stat-item a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
/* .stat-icon {
  width: 65px;
  height: 65px;
  border-radius: 14px;
  background: #f2f6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  font-weight: 800;
  font-size: 12px;
} */
.stat-item strong {
  font-family:var(--headingfont);
  font-size: 46px;
  line-height: 1;
  color: var(--orange);
  display: block;
  margin-bottom: 9px;
}
.stat-item span {
  display: block;
  font-size: 24px;
  line-height: 1.1;
}

/*--- Challenges Section---*/

.challenges-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.section-bottom-glow-light-orange:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 353px;
  background-color: #d87e83;
  mix-blend-mode: multiply;
  opacity: 0.30;
  border-radius: 1000px;
  filter: opacity(100%) blur(93px);
  margin: 0 auto 0 auto;
  inset: -10px auto -63px auto;
  left: 0;
  right: 0;
  z-index: -1;
  top: 65%;
}


.section-heading {
  position: relative;
  z-index: 2;
}
.section-heading h2 {
  font-family:var(--headingfont);
  font-weight: 600;
  color: var(--navy);
  font-size: 38px;
  margin: 0;
  line-height: 1;
}

.section-heading h3 {
  font-size: 24px;
  margin: 0;
  line-height: 1;
}

.section-heading p {
  font-size: 18px;
  line-height: 30px;
  color: var(--muted);
  margin: 20px 0 0;
}

.centered-heading {
  text-align: center;
}

.centered-heading .heading-line {
  flex-direction: column;
  gap: 20px;
}

.centered-heading p {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
}


.heading-line {
  display: flex;
  align-items: center;
  gap: 8px;
}

.challenges-grid {
  margin-top:60px;
  display: flex;
  gap: 27px;
}
.challenge-card {
  flex:1 1 0;
  height: 249px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}

.challenge-card:after {
  content: "";
  width: 170px;
  height: 170px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100%;
  transform: translate(-30%, -30%);
  transition: all 0.4s ease-in-out;
}

.challenge-card:first-child:after{
  background: #F3F6FF;
}

.challenge-card:nth-child(2):after{
  background: #FFFBF3;
}

.challenge-card:nth-child(3):after{
  background: #F7FCF8;
}

.challenge-card:last-child:after{
  background: #F8F7FD;
}

.challenge-card:before {
  content: "";
  background: url(../images/ci-1.svg);
  position: absolute;
  height: 100%;
  left: 57%;
  width: 100%;
  top: 12%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: grayscale(100%);
  filter: gray;
  opacity: 0.06;
}

.challenge-card:nth-child(2):before {
  background: url(../images/ci-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.challenge-card:nth-child(3):before {
  background: url(../images/ci-3.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.challenge-card:last-child:before {
  background: url(../images/ci-4.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.challenge-card .grid-content {
  padding: 0 17px 0px 17px;
  min-height: 164px;
  transform: translateY(27%);
  transition: all 0.4s ease-in-out;
}

.grid-content h3 {
  font-family: var(--headingfont);
  color: var(--navy);
  font-size: 22px;
  line-height: 30px;
  margin: 0 0 17px;
}

.grid-content p {
  color: var(--muted);
  font-size: 16px;
  line-height: 25px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

.challenge-card:hover .grid-content {
  transform: translateY(-40%);
}

.challenge-card:hover .grid-content p {
  opacity: 1;
  visibility: visible;
}

.challenge-card:hover .challenge-art {
  transform: translateY(-100%);
}

.challenge-card:hover:after {
  transform: translate(0, 0);
  width:100%;
  height: 100%;
  border-radius: 0;
}




.challenge-card:hover:first-child{
  border-color: var(--blue);
}

.challenge-card:hover:nth-child(2){
  border-color: var(--border-orange);
}

.challenge-card:hover:nth-child(3){
  border-color: var(--border-green);
}

.challenge-card:hover:last-child{
  border-color: var(--border-purple);
}

.challenge-art {
  padding: 17px;
  transition: all 0.4s ease-in-out;
}

.challenge-art img {
  width: 60px;
}

.challenge-foot {
  margin-top: 60px;
}
.challenge-foot h3 {
  font-family:var(--headingfont);
  font-size: 24px;
  font-weight: 500;
  color: var(--darkblue);
}
.challenge-foot p {
  font-size: 16px;
  line-height: 30px;
  color: var(--muted);
  margin-bottom: 0;
}



/*----Opportunity Section----*/

.opportunity-section {
  background: #fbf9ff;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.opportunity-section.section-bottom-glow-light-blue:after {
  top: 70%;
  height: 472px;
}


.opportunity-layout {
  position: relative;
  margin-top: 70px;
}
.feature-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.left-features {

}
.right-features {

}
.line-vertically {
  border: 1px dashed var(--blue);
  position: relative;
  z-index: 2;
  height: 1px;
}
.line-vertically span {
  width: 13px;
  height: 13px;
  background: var(--blue);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  right: -2px;
  animation: ripple 1.5s linear infinite;
}

@keyframes ripple {
  0% {
      box-shadow: 0 0 0 0 rgba(0, 90, 255, 0.37), 0 0 0 9px rgba(0, 90, 255, 0.37);
  }
  100% {
      box-shadow: 0 0 0 9px rgba(0, 90, 255, 0.2), 0 0 0 14px rgba(2, 90, 255, 0);
  } 
}

.right-features .line-vertically span {
  left:-2px;
}

.feature-item {
  min-height: 174px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.right-features .feature-item {
  align-items: flex-end;
  text-align: right;
}

.right-features .feature-item figcaption {
  display: block;
  width: 100%;
}
.feature-icon {
  margin-bottom: 0;
}
.feature-item h3 {
  font-family:var(--headingfont);
  font-size: 22px;
  font-weight: 500;
  color:#000;
  margin: 0;
  line-height: 1.3;
  margin-bottom: 14px;
}
.opportunity-illustration {
  height: 100%;
  text-align: center;
}
.folder-shape img {
  width: 400px;
  animation: verticaljump 4s ease-in-out infinite;
}

@keyframes verticaljump {
    0% {
        transform: translateY(0px); /* Start at center */
    }
    50% {
        transform: translateY(-20px); /* Move UP by 50 pixels */
    }
    100% {
        transform: translateY(0px); /* Return to center */
    }
}


.person-illustration{
  margin-top: -118px;
}

.person-illustration img {
  width: 375px;
}

/*----Steps Section---*/

.steps-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.steps-section.section-bottom-glow-light-orange:after {
  top: auto;
  bottom: 77%;
}

.step-stack {
  margin-top: 60px;
  display: flex;
  gap: 16px;
  margin-bottom: 60px;
}

.step-card {
  background: #fff;
  border-left: 2px solid #fb982e;
  position: relative;
  /* padding: 170px 18px 20px; */
  flex: 1 0 0;
}

.step-content-stack {
  padding: 18px;
}

.step-card.pink {
  border-color: #fc2660;
}
.step-card.blue {
  border-color: #0175f4;
}
.step-no {
  padding: 13px 18px;
  color: #fff;
  font-family: var(--headingfont);
  font-size: 20px;
  font-weight: 600;
  background: linear-gradient(90deg, #fb982e, transparent);
  display: block;
}
.pink .step-no {
  background: linear-gradient(90deg, #fc2660, transparent);
}
.blue .step-no {
  background: linear-gradient(90deg, #0175f4, transparent);
}
.step-icon {
  margin-bottom: 30px;
}
.step-content-stack h3 {
  font-family: var(--headingfont);
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 30px;
}
.step-content-stack h4 {
  font: 500 19px Poppins;
  color: #fb982e;
  font-size: 17px;
}
.pink h4 {
  color: #fc2660;
}
.blue h4 {
  color: #0175f4;
}
.step-card p {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.45;
}

.disclaimer {
  font-size: 16px;
  line-height: 36px;
  color: #606060;
  margin: 45px auto 0;
  text-align: center;
}

/*---Employer Section---*/

.employers-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: #F2F7FF;
}
.employers-section.section-bottom-glow-light-blue:after {
  top: auto;
  bottom: 47%;
}


.employer-category {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.ratna-chip {
  border: 1px solid #848484;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(150px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 16px 19px;
}

.employer-chip a {
  border: 1px solid #848484;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(150px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  transition: all 0.4s ease-in-out;
}



.employer-chip h5 {
  color: var(--navy);
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 0;
  transition: all 0.4s ease-in-out;
}
.employer-chip span svg {
  width: 40px;
  height: 40px;
  transition: all 0.4s ease-in-out;
}

.employer-chip:last-child a {
  background: linear-gradient(90deg, #29428E 0%, #161F5D 100%);
  border: 1px solid #28408A;
  backdrop-filter: blur(150px);
}

.employer-chip:last-child h5 {
  color: var(--light);
}

.employer-chip:last-child span img {
  width: 40px;
}

.employer-chip:first-child a:hover {
  border-color: #005AFF;
}

.employer-chip:first-child a:hover svg path {
  fill:#005AFF;
}
.employer-chip:first-child a:hover h5 {
  color:#005AFF;
}

.employer-chip:nth-child(2) a:hover {
  border-color: #49B157;
}

.employer-chip:nth-child(2) a:hover svg path {
  fill:#49B157;
}

.employer-chip:nth-child(2) a:hover h5 {
  color:#49B157;
}

.employer-chip:nth-child(3) a:hover {
  border-color: #F88F0E;
}

.employer-chip:nth-child(3) a:hover svg path {
  fill:#F88F0E;
}

.employer-chip:nth-child(3) a:hover h5 {
  color: #F88F0E;
}

.employer-chip:nth-child(4) a:hover {
  border-color: #8980D5;
}

.employer-chip:nth-child(4) a:hover svg path {
  fill:#8980D5;
}

.employer-chip:nth-child(4) a:hover h5 {
  color:#8980D5;
}

.employer-chip:nth-child(5) a:hover {
  border-color: #EE4C42;
}

.employer-chip:nth-child(5) a:hover svg path {
  fill:#EE4C42;
}

.employer-chip:nth-child(5) a:hover h5 {
  color: #EE4C42;
}

.employer-chip:nth-child(6) a:hover {
  border-color: #0F898F;
}

.employer-chip:nth-child(6) a:hover svg path {
  fill:#0F898F;
}

.employer-chip:nth-child(6) a:hover h5 {
  color:#0F898F;
}

.employer-chip:nth-child(7) a:hover {
  border-color: #FBAF24;
}

.employer-chip:nth-child(7) a:hover svg path {
  fill:#FBAF24;
}

.employer-chip:nth-child(7) a:hover h5 {
  color:#FBAF24;
}

.employer-chip:nth-child(8) a:hover {
  border-color: #A9A9A9;
}

.employer-chip:nth-child(8) a:hover svg path {
  fill:#A9A9A9;
}

.employer-chip:nth-child(8) a:hover h5 {
  color: #A9A9A9;
}


/*---Cta Section---*/

.cta-section {
  padding: 190px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.cta-bg-gradient.section-bottom-glow-light-orange:after {
  top: auto;
  bottom: 78%;
}

.cta-stack {
  height: 389px;
  background: linear-gradient(90deg, #FD6E02 0%, #DF3920 100%);
  border-radius: 24px;
  color:var(--light);
  position: relative;
  display: flex;
  align-items: center;
}
.image-stack {
  text-align: center;
  position: absolute;
  left: 82px;
  height: 100%;
  bottom: 121px;
}

.cta-contant-stack {
  padding: 0 88px 0 0;
}

.cta-contant-stack h2 {
  font-family:var(--light);
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color:var(--light);
  margin-bottom:14px;
}

.cta-contant-stack p {
  font-family:var(--bodyfont);
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  color: var(--light);
  margin-bottom: 24px;
}

/*---CTA 2 Section---*/

.blue-cta .cta-stack {
  background: linear-gradient(90deg, #2c4794, #111752);
  color:var(--light);
}

.content-image-stack .cta-contant-stack {
  padding: 0 0 0 65px;
}
.content-image-stack .image-stack {
  left: auto;
  bottom: 68px;
  right: 47px;
}

.cta-section.blue-cta {
  padding: 140px 0 0;
}

/*-----Ratna Section---*/
.ratna-section {
  background: #fff;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.ratna-categry span img {
  width:40px;
}

.ratna-categry .employer-chip:last-child a {
  border: 1px solid #848484;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.35);
}

.ratna-categry .employer-chip:last-child h5 {
  color: var(--navy);
}

.ratna-categry .employer-chip:first-child a:hover {
  border-color: #8AB3FF;
  background: #DEEAFF;
}

.ratna-categry .employer-chip:first-child a h5 {
  color:#1E1C4F;
}

.ratna-categry .employer-chip:nth-child(2) a:hover {
  border-color: #a6ffb2;
  background: #F9FCF9;
}

.ratna-categry .employer-chip:nth-child(2) a:hover h5 {
  color:#49B157;
}

.ratna-categry .employer-chip:nth-child(3) a:hover {
  border-color: #FFB3AE;
  background: #FDF7F7;
}

.ratna-categry .employer-chip:nth-child(3) a:hover h5 {
  color:#EE4C42;
}

.ratna-categry .employer-chip:nth-child(4) a:hover {
  border-color: #9AFAFF;
  background: #F6FCFC;
}

.ratna-categry .employer-chip:nth-child(4) a:hover h5 {
  color:#0F898F;
}



.orange-cta .cta-inner {
  background: linear-gradient(90deg, #fd6e02, #df3920);
}
.orange-cta .cta-inner img {
  left: 15px;
  right: auto;
  width: 385px;
}
.orange-cta .cta-inner > div {
  margin-left: 445px;
}

/*---Company Section---*/

.company-section {
  background: #fff;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: 80px;
}

.company-section.section-bottom-glow-light-orange:after {
  top: auto;
  bottom: 86%;
}

.company-swiper .control-stack {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.company-swiper .swiper-pagination {
  position: static;
  min-width: fit-content;
  width: fit-content;
  display: flex;
}
.company-swiper .swiper-pagination-bullet {
  width:17px;
  height: 17px;
  background: #D9D9D9;
  opacity:1;
}

.company-swiper .swiper-pagination-bullet-active {
  background: #F16525;
}

.company-swiper {
  margin-top: 60px;
  padding: 0 10px;
  margin-bottom: 60px;
}
.company-card {
  min-height: 400px;
  border: 1px solid #acd4f7;
  border-radius: 16px;
  background: linear-gradient(#d4e8ff, #fafbff 80%);
  position: relative;
  overflow: hidden;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.company-card:before {
  content: "";
  background-image: url(../images/clor-mixer.png);
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  width: 411px;
  height: 332px;
  /* height: 100%; */
  right: -53px;
  bottom: -60px;
  z-index: -1;
}

.company-card:hover .btm-orange {
  background: var(--blue);
}


.company-card:after {
  content:"";
  position: absolute;
  left: -24px;
  top: -39px;
  width: 176px;
  height: 176px;
  border-radius: 100%;
  background: #fff;
  z-index: -1;
}

.company-title-stack {
  padding: 23px;  
}

.company-logo {
  display: flex;
  align-items: center;
  padding: 23px;
  height: 110px;
}
.company-logo img {
  max-width: 100px;
  object-fit: contain;
}
.company-card h3 {
  font-family: var(--headingfont);
  font-size: 23px;
  font-weight: 500;
  margin: 0;
  min-height: 115px;
}
/* .small-btn {
  width: 191px;
  height: 47px;
  font-size: 21px;
  margin-top: 50px;
} */

.footer-section {
  width: 100%;
  background: linear-gradient(0deg, #005AFF 0%, #0040B4 100%);
  color:#fff;
  padding-top: 50px;

}

.social-list {
  display: flex;
  align-items: center;
  gap:16px;
  list-style: none;
}

.social-list li a {}

.social-list li a svg {
  width: 40px;
  height: 40px;
}

.social-list li a:hover svg path {
  fill: var(--orange);
}

.footer-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-menu li a:hover {
  color:var(--orange);
}

.contact-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
}

.contact-list li {
  display: flex;
  align-items:flex-start;
  gap: 10px;
  font-size: 14px;
}

.contact-list li h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 2px;
}
.contact-list li a {
  display: block;
}

.footer-logo {
  width: 195px;
  filter: brightness(0) invert(1);
  margin-bottom: 24px;
}

.footer-brand-watermark {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14.13vw;
  leading-trim: both;
  text-edge: cap;
  background: linear-gradient(182.06deg, rgba(26, 108, 255, 0.98) 1.74%, #0456EE 98.26%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}

.footer-section h4 {
  margin-bottom: 20px;
}

.footer-bottom {
  padding-top: 20px;
  border-top: 1px solid rgba(252, 252, 252, 0.45);
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
}


/*----Login Section----*/

.blue-height {
  background: var(--navy);
  min-height: 350px;
  position: relative;
  z-index: 2;
}

.loogin-wrapper {
  min-height: 100vh;
}

.inner-container {
  margin-top: -112px;
  position: relative;
  z-index: 3;
}

.login-stack {
  background: #F3F3F3;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}

.login-left, .login-right {
  flex:1 0 0;
  max-width: 50%;
  height: 100%;
  min-height: 540px;
}

.login-left {
  position: relative;
  z-index: 2;
  padding: 0 38px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.login-left:after {
  content:"";
  position: absolute;
  left:0;
  top:0;
  height: 100%;
  width: 100%;
  background: linear-gradient(181.98deg, rgba(255, 255, 255, 0) 31.14%, #000000 76.47%);
  z-index: -1;
}

.login-left h2 {
  font-family: var(--headingfont);
  font-weight: 600;
  font-size: 35px;
  color: var(--light);
}
.login-left p {
  font-size: 20px;
  line-height: 1.34;
  color: var(--light);
  font-weight: 400;
}

.login-right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-inner {
  text-align: center;
  max-width: 430px;
  margin: auto;
  flex: 0 0 420px;
}
.form-inner h2 {
  font-family:var(--headingfont);
  font-weight: 500;
  font-size: 29px;
  line-height: 44px;
  text-align: center;
  color: var(--navy);
}

.form-inner p {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #909090;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 15px;
}

/*---OTP Screen---*/

.otp-input-group {
  display: flex;
  gap: 12px;
  justify-content: center;
  max-width: 255px;
  margin: 0 auto 15px auto;
}

.logo-hilited-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.logo-hilited-section .logo-animation {
  margin-top: 0;
  padding-top: 127px;
  margin-bottom: -192px;
}

/*----Register Page----*/

.inner-register-place {
  margin-top: -180px;
  position: relative;
  z-index: 2;
}

.registration-form-wrapper {
  margin-bottom: 60px;
}


.step-wrapper {
  max-width: 1190px;
  margin: 0px auto 0;
  padding: 0 15px;
  margin-bottom: 46px;
}

.step-nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.step-item {
  position: relative;
  z-index: 1;
  width: 16.66%;
  text-align: center;
  cursor: pointer;
}

.step-circle {
  width: 40px;
  height: 40px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--headingfont);
}

.step-item.active .step-circle, .step-item.active .step-circle:before {
  background:var(--blue);
}


.step-circle:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  width: 100%;
  height: 3px;
  background: #332F9E;
  z-index:-1;
  transition: all 0.4s ease-in-out;
}

.step-item:last-child .step-circle:before{
  display: none;
}

.step-title {
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  min-height: 36px;
  font-family: var(--headingfont);
  font-weight: 500;
}

.form-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 35px;
  position: relative;
}

.form-card .section-heading {
  margin-bottom: 22px;
}


.form-card .section-heading h2 {
  font-size: 26px;
}
.form-card .section-heading p {
  margin: 10px 0 0;
}

.info {
  font-size: 14px;
  color: var(--muted);
  font-weight: 500;
  text-align: right;
  margin-bottom: 10px;
}


.form-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 26px;
}

.form-label {
  font-size: 14px;
  margin-bottom: 9px;
  color: #000000;
  font-family: var(--headingfont);
  font-weight: 400;
}


.form-select {
  background-color: var(--light);
  background-image: url(../images/down.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  font-size: 13px;
  height: 50px;
  border-radius: 10px;
  padding: 0 21px;
}

.form-control::placeholder {
  color: #999;
}


.form-select:focus {
  box-shadow: 0 0 0 2px rgb(30 28 79);
  border-color: inherit;
  background-color: var(--light);
}

.form-row {
  margin-bottom: 10px;
}

.photo-section {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.photo-preview {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #eee;
  color: #999;
  font-size: 9px;
}

.upload-btn {
  width: 250px;
  height: 100px;
  border: 1px dashed #a29b9b;
  background: #f7f7f7;
  color: #2b2b2b;
  border-radius: 5px;
  font-size: 12px;
}

.upload-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.radio-group {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 38px;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
}

.radio-option input {
  width: 18px;
  height: 18px;
  accent-color: var(--primary);
}

.button-divider {
  border-top: 1px solid #ddd;
  padding-top: 40px;
  margin-top: 100px;
}

.btn-previous {
  border: none;
}

.btn-next {
  border: none;
}

.btn-previous:hover,
.btn-next:hover {
  color: #fff;
  opacity: 0.9;
}

.step-tabs {
  display: none;
}

.qualification-actions {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}

.qualification-item + .qualification-item {
  border: 1px solid #e5e5e5;
  margin-top: 20px;
  border-radius: 10px;
  padding: 15px;
}

.qualification-actions + .qualification-actions {
  margin-bottom: 20px;
}

.qualification-item .custom-btm {
  padding: 10px 45px;
  font-weight: 500;
  font-size: 13px;
}

.custom-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

.link-text {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: var(--border-orange);
}

.del-icon path {
  fill: #f50000;
}

.section-group {
  margin: 25px 0;
}

.section-group .heading-line img {
  width: 50px;
}


/* ---------------- Profile Shell ---------------- */

.profile-blue-height {
  min-height: 260px;
}

.custom-container-xl {
  max-width: 1400px;
  margin: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.profile-shell {
  margin-top: -62px;
  margin-bottom: 92px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border:1px solid #BEBEBE;
  min-height: 790px;
  display: flex;
  position: relative;
  z-index: 2;
}


.profile-sidebar {
  width: 335px;
  flex: 0 0 335px;
  background: #F6F6F6;
  border-right: 1px solid #BEBEBE;
  transition: transform .25s ease-in-out;
  z-index: 1050;
}
.profile-sidebar.collapsed {
  width: 70px;
  flex: 0 0 70px;
  transition: transform .25s ease-in-out;
}

.profile-sidebar.collapsed .sidebar-user-name, 
.profile-sidebar.collapsed .sidebar-link span:nth-child(2) {
  display:none;
}

.profile-sidebar.collapsed .sidebar-link {
  justify-content: center;
}

.profile-sidebar:hover.collapsed {
  width: 335px;
  flex: 0 0 335px;
}

.profile-sidebar:hover.collapsed .sidebar-user-name,
.profile-sidebar:hover.collapsed .sidebar-link span:nth-child(2) {
  display: block;
}

.profile-sidebar:hover.collapsed .sidebar-link {
  justify-content:inherit;
}


.sidebar-user {
  height: 62px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border-bottom: 1px solid #BEBEBE;
}

.sidebar-user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  flex: 0 0 40px;
}

.sidebar-user-name {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--headingfont);
  color:var(--navy);
  white-space: nowrap;
}

.sidebar-nav {
  padding: 16px 0;
}

.sidebar-link {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  margin: 0;
  color: #191919;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 3px solid transparent;
  transition: .2s ease;
  font-family: var(--headingfont);
}

.sidebar-link span:first-child {
  display: block;
  width:32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar-link img {
  width: 27px;
}

.sidebar-link:hover {
  background: #edf1fb;
  color: var(--pe-blue-dark);
}

.sidebar-link.active {
  background: linear-gradient(90deg, #273d93, #2d479e);
  color: #fff;
  border-left-color: #273d93;
}

.sidebar-overlay {
  display: none;
}

.profile-content {
  flex: 1;
  min-width: 0;
  background: var(--pe-light);
}

.content-header {
  min-height: 62px;
  background: #fff;
  border-bottom: 1px solid #BEBEBE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}

.content-title {
  margin: 0 0 0 25px;
  color: #35539a;
  font-size: 16px;
  font-weight: 600;
  margin-right: auto;
}

.edit-profile {
  color: var(--navy);
  text-decoration: none;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  font-family: var(--headingfont);
  gap: 5px;
  font-weight: 500;
}

.edit-profile:hover {
  color: #d96808;
}

.profile-details {
  padding: 14px 18px 30px;
  background: #F3F7FF;
  height: 100%;
}

.info-item {
  margin-bottom: 22px;
}

.info-label {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.35;
  font-family: var(--headingfont);
  font-weight: 500;
  margin-bottom: 8px;
}

.info-value {
  color:var(--navy);
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
}

.sidebar-collapse-btn {
  border: none;
  background: #f88f0e;
  border-radius: 3px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar-collapse-btn svg path {
  fill: var(--navy);
}

/*---Job Search Page-----*/

.search-blue-height {
  min-height: 300px;
}

.job-search-wrapper {
  position: relative;
  z-index: 2;
  margin-top: -124px;
}
.breadcrumb-text {
  font-size: 14px;
  margin-bottom: 16px;
  opacity: .9;
  color:var(--light);
}

.job-banner h1 {
  font-family:var(--headingfont);
  font-size: 30px;
  font-weight: 600;
  color:var(--light);
  margin: 0;
}

.job-listing-section {
  padding: 45px 0 70px;
  margin-top: 80px;
}

/* =========================
    Filter Sidebar
========================== */

.filter-sidebar {
  background:#F7F7F7;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 24px;
  height: 100%;
}

.filter-search {
  position: relative;
  margin-bottom: 26px;
}

.filter-search .form-control {
  height: 50px;
  padding-left: 57px;
  border-color: #cecece;
  border-radius: 6px;
  font-size: 14px;
}

.filter-search .form-control:focus {
  box-shadow: 0 0 0 2px rgb(30 28 79);
  border-color: inherit;
}

.filter-search img {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.filter-reset {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 18px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.filter-reset i {
  color: var(--orange);
  font-size: 17px;
}


.filter-group {
  border-bottom: 0;
}

.filter-heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  background: transparent;
  padding: 9px 0;
  color: var(--navy);
  font-family:var(--headingfont);
  font-size: 17px;
  font-weight: 500;
  text-align: left;
}


.filter-heading img {
  transform: rotate(180deg);
}


.filter-heading.collapsed img {
  transform: rotate(0deg);
}

.filter-content {
    padding: 4px 0 8px;
}

.filter-select {
  height: 50px;
  border-color: #cecece;
  border-radius: 6px;
  font-size: 13px;
  color: #666;
  box-shadow: none !important;
}

.filter-select:focus {
  border-color: #aaa;
}

/* Radio options */

.filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 21px;
  padding: 4px 0 10px;
}

.filter-option {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  color: #000000;
  cursor: pointer;
}

.filter-option input {
  appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #dcdcdc;
  margin: 0;
  position: relative;
  cursor: pointer;
}

.filter-option input:checked {
  background: var(--orange);
  border-color: var(--orange);
}

.filter-option input:checked::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

/* Category options */

.category-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 10px;
}

.category-options .filter-option {
  align-items: flex-start;
  line-height: 1.35;
}


/* =========================
  Job Results Header
========================== */

.job-results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
}

.jobs-found {
  margin: 0;
  color: var(--primary);
  font-size: 18px;
  font-weight: 500;
}

.sort-select {
  width: auto;
  min-width: 150px;
  height: 38px;
  background-color: #f6f6f6;
  border-color: #d5d5d5;
  border-radius: 5px;
  font-size: 12px;
  color: #606060;
  box-shadow: none !important;
}

/* =========================
  Job Card
========================== */

.job-card {
  background: #FFFCFC;
  border:1px solid #E4E4E4;
  border-radius: 8px;
  padding: 20px 22px;
  margin-bottom: 12px;
}

.job-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 17px;
}

.job-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  font-size: 23px;
}

.job-title {
  margin: 0;
  color: var(--navy);
  font-family:var(--headingfont);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.35;
}

.job-card-body {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-left: 60px;
}

.job-meta {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 105px;
}

.job-meta i {
  color: var(--orange);
  font-size: 18px;
  margin-top: 1px;
}

.job-meta-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.job-meta-label {
  font-size: 16px;
  font-weight: 500;
  color: #040404;
  line-height: 1.2;
}

.job-meta-value {
  font-size: 14px;
  font-weight: 500;
  color: #7F7F7F;
  line-height: 1.2;
}

.job-card-action {
  margin-left: auto;
  flex-shrink: 0;
}


/* =========================
  Pagination
========================== */

.job-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 35px;
}

.page-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d2d1d1;
  color: #222;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.page-btn:hover {
  background: #c4c3c3;
  color: #222;
}

.page-btn.active {
  background: var(--orange);
}

.page-btn.prev {
  background: rgba(253, 110, 2, .2);
  color: var(--orange);
}

.page-btn.next {
  background: var(--orange);
  color: #fff;
}

/* =========================
  Mobile Filter Button
========================== */

.mobile-filter-btn {
  display: none;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  color: var(--primary);
  border-radius: 7px;
  padding: 12px 15px;
  font-weight: 600;
  text-align: left;
}

.mobile-filter-btn i {
  float: right;
}

/*----Cmpany Details----*/

.details-stack {
  position: relative;
  z-index: 2;
  margin-top: -308px;
}


.company-blue-height {
  min-height: 550px;
}

/* =========================================================
    COMPANY HERO
========================================================== */

.company-hero {
  color: #fff;
  margin-bottom: 90px;
}

.company-hero-inner {
  display: flex;
  align-items: center;
  gap: 30px;
}

.psu-logo {
  width: 184px;
  height: 109px;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 16px;
  flex-shrink: 0;
}

.psu-logo img {
  height: auto;
  object-fit: contain;
}

.company-hero-label {
  display: block;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 500;
}

.company-hero-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
}


.company-content {
  position: relative;
  margin-bottom: 60px;
  background: #fff;
  border-radius: 16px 16px 0 0;
}

.company-content-inner {
  padding: 20px 21px;
  height: 100%;
}

.introduction-card {
  margin-bottom: 30px;
}
.company-section-card {
  border: 1px solid #CCC6C6;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.section-title-header {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 74px;
  padding: 12px 21px;
  border-bottom: 1px solid #CCC6C6;
}

.section-title-header .section-heading h2 {
  font-size: 26px;
}

.section-title-header .section-heading img {
  width: 50px;
}

.introduction-content {
  padding: 25px 28px 30px;
}



/* =========================================================
  COMPANY INFORMATION
========================================================== */

.company-information {
  padding: 24px;
}

.information-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.information-item {
  min-height: 130px;
  padding: 20px 15px;
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid #D1E4FF;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}

.information-item:hover {
  background: #D1E4FF ;
}

.information-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background:#EEF4FD;
  color: #1264ed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 38px;
}

.information-icon img {
  width: 47px;
}

.information-text {
  min-width: 0;
}

.information-label {
  display: block;
  margin-bottom: 5px;
  color:var(--navy);
  font-family: "Poppins", sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.35;
}

.information-value {
  display: block;
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}


/* =========================================================
  FINANCIAL OVERVIEW
========================================================== */

.financial-section  {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.financial-section.section-bottom-glow-light-blue:after {
  width: 87%;
  height: 265px;
  top: 77%;
}


.section-heading .section-title-decoration {
  margin: 0 auto 14px;
}

.financial-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  margin-top: 60px;
}

.financial-card {
  min-height: 264px;
  padding: 35px 20px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
}

.financial-card:nth-child(1) {
  background: linear-gradient(to bottom, #fff, #eff4fd);
}

.financial-card:nth-child(2) {
  background: linear-gradient(to bottom, #fff, #effaf2);
}

.financial-card:nth-child(3) {
  background: linear-gradient(to bottom, #fff, #f6f3fd);
}

.financial-card:nth-child(4) {
  background: linear-gradient(to bottom, #fff, #fff7ef);
}

.financial-card:nth-child(5) {
  background: linear-gradient(to bottom, #fff, #ffedf2);
}

.financial-icon {
  width: 105px;
  height: 105px;
  margin-bottom: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
}

.financial-card:nth-child(1) .financial-icon {
  background: #d5e3fa;
  color: #1264ed;
}

.financial-card:nth-child(2) .financial-icon {
  background: #d3eedd;
  color: #0d955a;
}

.financial-card:nth-child(3) .financial-icon {
  background: #eadff9;
  color: #7726b8;
}

.financial-card:nth-child(4) .financial-icon {
  background: #fee5d2;
  color: #fe660a;
}

.financial-card:nth-child(5) .financial-icon {
  background: #ffd7e2;
  color: #fc2660;
}

.financial-label {
  min-height: 44px;
  margin: 0 0 8px;
  color: var(--primary);
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.financial-value {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.financial-card:nth-child(1) .financial-value {
  color: #005aff;
}

.financial-card:nth-child(2) .financial-value {
  color: #0d955a;
}

.financial-card:nth-child(3) .financial-value {
  color: #7726b8;
}

.financial-card:nth-child(4) .financial-value {
  color: #fe660a;
}

.financial-card:nth-child(5) .financial-value {
  color: #fc2660;
}

.related-jobs {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.related-jobs.section-bottom-glow-light-orange:after {
  width: 87%;
  height: 265px;
  top:auto;
  bottom: 77%;
}

.jobs-list {
  margin-top: 60px;
}

.table-grid {
  display: flex;
  flex-direction: column;
  border: 1px solid #D1E4FF;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.table-header {
  display: flex;
  overflow: hidden;
}

.table-header div {
  flex: 1 0 0;
  padding: 11px;
  background: #eef4fd;
  font-family: var(--headingfont);
  color: var(--navy);
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  border-right: 1px solid #bad1f1;
  border-bottom: 1px solid #bad1f1;
}

.table-header div:last-child,
.table-body div:last-child {
  border-right:none;
}

.table-body {
  display: flex;
  overflow: hidden;
}
.table-body div {
  flex: 1 0 0;
  padding: 11px;
  font-family: var(--headingfont);
  color: #000;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  border-right: 1px solid #bad1f1;
}
.table-body.table-body-details {
  flex-direction: column;
}
/* .table-body-details div:first-child, .table-header-details div:first-child {
  max-width: 500px;
  flex: 0 0 500px;
} */

.table-header-details div {
  flex: inherit;
  max-width: 200px;
  flex:0 0 200px;
}

.table-header-details div:first-child {
  flex: 1;
  max-width: 100%;
}

.table-body div.table-group {
  flex: 1 0 0;
  padding: 11px;
  font-family: var(--headingfont);
  color: #000;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #bad1f1;
  border-right: none;
  padding: 0;
  display: flex;
}
.table-body div.table-group:last-child {
  border-bottom: none;
}

.table-body div.table-group:last-child{
  border-right: none;
}

.table-body div.table-group div {
  flex: inherit;
  max-width: 200px;
  flex:0 0 200px;
}

.table-body div.table-group div:first-child {
  flex: 1;
  max-width: 100%;
}

/*---Job Details Page---*/

.details-herosection {
  padding-top: 150px;
  padding-bottom: 40px;
}

.job-hero {
  color: #fff;
  padding: 34px 0 30px;
}

.job-hero-title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.section-heading.section-heading-small h3 {
  font-family: var(--headingfont);
  font-weight: 500;
  color: var(--navy);
}

.section-heading.section-heading-small img {
  width: 39px;
}


  .job-hero h1 {
    margin: 0 0 5px;
    font-size: 23px;
    font-weight: 600;
    font-family: var(--headingfont);
  }

  .notification-no {
    color: var(--orange);
    font-size: 13px;
    font-family: var(--headingfont);
    font-weight: 500;
  }

  .job-hero .job-card-body {
    padding-left: 0;
  }

  .job-hero .job-meta-value, .job-hero .job-meta-label {
    color: var(--light);
  }

  .job-hero .psu-logo {
    width: 133px;
    height: 75px;
  }

  .job-hero .company-hero-label {
    color: var(--orange);
  }

  .job-hero .company-hero-title {
    font-size: 25px;
    font-weight: 500;
  }

  .job-details-section {
    padding: 45px 0 65px;
  }

  .job-section {
    margin-bottom: 38px;
  }

  .job-section > p {
    font-size: 18px;
    line-height: 30px;
    color: var(--muted);
  }

  /* =====================================
      INFO GRID
  ===================================== */

  .info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 14px;
  }

  .info-grid .info-item {
    border-left: 2px solid var(--orange);
    padding-left: 8px;
  }

  .info-grid .vacancy-item {
    position: relative;
    min-height: 54px;
    padding-right: 26px;
  }
  .info-grid .vacancy-item i {
    position: absolute;
    right: 5px;
    top: 8px;
  }

  .info-item label {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    font-family: var(--headingfont);
    font-weight: 600;
    color: #222;
  }

  .info-item strong {
    display: block;
    color:var(--muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .custom-table {
    border-color: #bad1f1;
  }

  .custom-table th {
    font-size: 13px;
    line-height: 1.2;
    background: #eef4fd;
    vertical-align: text-top;
    color: var(--navy);
    text-transform: capitalize;
  }

   .custom-table td {
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
   }



  /* =====================================
      AGE RELAXATION
  ===================================== */

  .age-grid {
    gap: 22px 14px;
  }

  /* =====================================
      ELIGIBILITY
  ===================================== */

  .criteria-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }

  .criteria-item {
  border-left: 2px solid var(--orange);
  padding-left: 8px;
  }

  .criteria-item h4 {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    font-family: var(--headingfont);
    font-weight: 600;
    color: #222;
  }

  .criteria-item p {
    display: block;
    color: var(--muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .criteria-item p:last-child {
    margin-bottom: 0;
  }
  /* =====================================
      DOCUMENTS
  ===================================== */

  .document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .document-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    border-left: 2px solid var(--orange);
    padding: 3px 10px;
    text-decoration: none;
    color: #222;
  }

  .document-item label {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    font-family: var(--headingfont);
    font-weight: 600;
    color: #222;
  }

  .document-item span {
    display: block;
    color: var(--muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

        .document-item i {
            color: #ed2929;
            font-size: 18px;
        }

        .document-item.website i {
            color: var(--orange);
        }

/* =====================================
    SUMMARY
===================================== */

.job-summary {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 24px;
  border: 1px solid #EAEAEA;
}

.summary-item {
  border-left: 2px solid var(--orange);
  padding: 7px 0 10px 8px;
  margin-bottom: 14px;
}

.summary-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.summary-item label {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
  font-family: var(--headingfont);
  font-weight: 600;
  color: #222;
}

.summary-item p {
  display: block;
  color: var(--muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}

/*----Ministry Listing Page----*/

.employer-area {
  padding-bottom: 70px;
  margin-top: 50px;
}

.employer-wrapper {
  background: #fff;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.ministry-sidebar {
  background: #f5f5f5;
  height: 100%;
}

.ministry-search {
  padding: 14px 15px;
}

.search-box {
  position: relative;
}

.search-box img {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--orange);
  font-size: 15px;
  width: 25px;
}

.search-box input {
  width: 100%;
  height: 45px;
  border: 1px solid #D7D7D7;
  border-radius: 6px;
  padding: 0 10px 0 35px;
  outline: none;
  font-size: 15px;
  color: #333;
}

.search-box input::placeholder {
  color: #777;
}

.ministry-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ministry-list li a {
  display: block;
  padding: 9px 14px;
  font-family: var(--headingfont);
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  transition: .2s ease;
}

.ministry-list li a:hover {
  background: #e7e7e7;
}

.ministry-list li.active a {
  color: var(--orange);
  background: #29398c;
}
.ministry-mobile-toggle {
  display: none;
  width: 100%;
  border: 0;
  background: var(--orange);
  color: #fff;
  padding: 12px 15px;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}

.employer-content {
  padding: 14px 15px 25px;
}
.employer-count {
  margin-bottom: 14px;
  color:#000;
  font-size: 14px;
  font-weight: 500;
}

.employer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.employer-grid .company-card h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  min-height: 100px;
}

.employer-grid .company-card {
  min-height: 366px;
}