.eli-cal .card {
  margin-bottom: 30px;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
  background: #fff;
  padding: 35px 65px;
}


.eli-cal .mb-3 {
  margin-bottom: 2rem!important;
}


.eli-cal .col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; font-weight: 600;
}



.eli-cal .card-title {
  font-size: 20px;
  text-align: center;
  padding: 15px 0px  30px 0px;
  font-weight: 700;
  text-transform: capitalize;
  color: #a20e37;
}


#home-radio {
accent-color: #a20e37;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
}


#car-radio {
accent-color: #a20e37;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 15px;
}





#cob {
accent-color: #a20e37;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
}


#nob {
accent-color: #a20e37;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 15px;
}

.epd { padding: 0;}


.pdro {padding-right: 0;  padding-left: 0;}


  .job-description {
      max-height: 60px; /* Set the maximum height for the description */
      overflow: hidden; /* Hide overflowing text */
      text-overflow: ellipsis; /* Show ellipsis for overflow */
      white-space: nowrap; /* Prevent wrapping of text */
  }


  .tabs-career {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      position: relative;
      background: white;
       padding-bottom: 50px;
       margin-top:30px
      height: 250px;
    
     
    }
    
    .tabs-career input[name="tab-control"] { display: none; }
    
    .tabs-career .content section h2, .tabs-career ul li label {
      font-weight: bold;
      font-size: 16px;
      color:#a20e37;
    }
    
    .tabs-career ul {
      list-style-type: none;
      padding-left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-bottom: -3px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-bottom:1px solid #cecece;
    }
    
    .tabs-career ul li {
      box-sizing: border-box;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      padding: 10px 10px;
    
    }
    
    .tabs-career ul li label {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color:#a20e37;
      padding: 5px auto;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      white-space: nowrap;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    .tabs-career ul li label br { display: none; }
    
    .tabs-career ul li label svg {
      fill: #929daf;
      height: 1.2em;
      vertical-align: bottom;
      margin-right: 0.2em;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    
    .tabs-career ul li label:hover, .tabs-career ul li label:focus, .tabs-career ul li label:active {
      outline: 0;
      color: #bec5cf;
    }
    
    .tabs-career ul li label:hover svg, .tabs-career  ul li label:focus svg, .tabs-career ul li label:active svg { fill: #bec5cf; }
    
    .tabs-career .slider {
      position: relative;
      width: 25%;
      -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
      transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    }
    
    .tabs-career .slider .indicator {
        position: relative;
        width: 50px;
        max-width: 100%;
        /* margin: 0 auto; */
        height: 4px;
        background: #d62251;
        border-radius: 1px;
    }
    
    .tabs-career .content { margin-top: 30px; }
    
    .tabs-career .content section {
      display: none;
      -webkit-animation-name: content;
      animation-name: content;
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      line-height: 1.4;
    }
    
    .tabs-career .content section h2 {
      color: #428BFF;
      display: none;
    }
    
    .tabs-career .content section h2::after {
      content: "";
      position: relative;
      display: block;
      width: 30px;
      height: 3px;
      background: #428BFF;
      margin-top: 5px;
      left: 1px;
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
      cursor: default;
      color: #428BFF;
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg { fill: #428BFF; }
    @media (max-width: 600px) {
    
    /* .tabs-career input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label { background: rgba(0, 0, 0, 0.08); } */
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) { display: block; }
    
    .tabs-career input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
      cursor: default;
      color: #428BFF;
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg { fill: #428BFF; }
    @media (max-width: 600px) {
    
    /* .tabs-career input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label { background: rgba(0, 0, 0, 0.08); } */
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) { display: block; }
    
    .tabs-career input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
      cursor: default;
      color: #428BFF;
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg { fill: #428BFF; }
    @media (max-width: 600px) {
    
    .tabs-career input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label { background: rgba(0, 0, 0, 0.08); }
    }
    
    .tabs-career  input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) { display: block; }
    
    .tabs-career input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
      cursor: default;
      color: #428BFF;
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg { fill: #428BFF; }
    @media (max-width: 600px) {
    
    .tabs-career input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label { background: rgba(0, 0, 0, 0.08); }
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    
    .tabs-career input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) { display: block; }
    @-webkit-keyframes 
    content {  from {
     opacity: 0;
     -webkit-transform: translateY(5%);
     transform: translateY(5%);
    }
    
    to {
      opacity: 1;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
    }
    }
    @keyframes 
    content {  from {
     opacity: 0;
     -webkit-transform: translateY(5%);
     transform: translateY(5%);
    }
    
    to {
      opacity: 1;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
    }
    }
    @media (max-width: 1000px) {
    
    .tabs-career ul li label { white-space: initial; }
    
    .tabs-career ul li label br { display: initial; }
    
    .tabs-career ul li label svg { height: 1.5em; }
    }
    @media (max-width: 600px) {
    
    .tabs-career ul li label {
      padding: 5px;
      border-radius: 5px;
    }
    
    /* .tabs-career ul li label span { display: none; } */
    
    .tabs-career .slider { display: none; }
    
    .tabs-career .content { margin-top: 20px; }
    
    .tabs-career .content section h2 { display: none; }
    }

    .reset-styles, .reset-styles * {
      all: initial;
      /* Or define specific styles you want to reset or set:
      margin: 0;
      padding: 0;
      font-family: inherit;
      ... and so on ...
      */
  }
.breadcrumb_box_details1{margin-top: 113.48px;}
  