.blog-single-content img {

    width: 100%;

    border-radius: 8px 8px 0px 0px;

}



.blog-details ol, .blog-details ul {

    padding: 0;

    margin: 0;

}



.blog-details ol li, .blog-details ul li{

    margin-bottom: 5px;

    color: #000;

}



.blog-details ol li i, .blog-details ul li i{

    margin-right: 5px;

    color: #0d5667;

}



.blog-details h2 {

    font-size: 28px;

}



.blg-dtl-breadcrumb {

    padding: 15px 0;

    background: linear-gradient(92deg, #68c88b, #609d8b, #68aec7);

}



.blg-dtl-breadcrumb .breadcrumb-title {

    font-size: 40px;

    color: var(--color-white);

    font-weight: 700;

    margin-bottom: 10px;

    text-shadow: 0 0 5px black;

    position: relative;

}



.blg-dtl-breadcrumb .breadcrumb-menu {

    position: relative;

    z-index: 1;

}



.blg-dtl-breadcrumb .breadcrumb-menu li:first-child {

    margin-left: 0;

}



.blg-dtl-breadcrumb .breadcrumb-menu li {

    position: relative;

    display: inline-block;

    margin-left: 25px;

    color: var(--color-white);

    text-shadow: 0 0 5px black;

    font-weight: 500;

}



.blg-dtl-breadcrumb .breadcrumb-menu li::before {

    position: absolute;

    content: '\f101';

    font-family: 'Font Awesome 6 Pro';

    right: -21px;

    top: 1px;

    text-align: center;

    font-size: 16px;

    color: var(--color-white);
    font-weight: 900;

}



.blg-dtl-breadcrumb .breadcrumb-menu li:last-child:before {

    display: none;

  }



.blg-dtl-breadcrumb .breadcrumb-menu li a {

    color: var(--color-white);

    transition: all 0.5s ease-in-out;

}



.blg-dtl-breadcrumb .breadcrumb-menu li a:hover {

    color: var(--theme-color);

}



.sidebar_sticky {

    position: sticky;

    top: 80px;  /* Adjust based on your header height */

}



.user-profile-form form .form-group label {

    float: unset;

    cursor: unset;

    background: unset;

}



.user-profile-form form .form-group .select {

    padding: 3px 20px;

    margin: 0;

    line-height: 45px;

    height: unset;

}





  

  .career-cstm-frm-ctrl {

      border: 1px solid #e8e8e8;

      padding: 8px 18px;

      box-shadow: none;

      transition: .5s;

      width: 100%;

      color: #212529;

      border-radius: 8px;

      

  }

  

  .career-frm .cstm-form-control {

    border-radius: 8px;

    margin-top: 0;

    border-color: #e8e8e8;

    color: #999;

    margin-bottom: 25px;

    

  }



  .cstm-form-control .option.selected {

    font-weight: 400;

}



.applybtn {

    width: 100%;

    padding: 11px 0px;

}



  .cstm-form-control .option.focus, .cstm-form-control .option.selected.focus, .cstm-form-control .option:hover {

    border-radius: 8px;

    background: #21726017;

    color: var(--theme-color);

}

  

  .career-frm .career-cstm-frm-ctrl:focus, .cstm-form-control:focus{

    border-color: var(--theme-color);

    color: #212529;

    outline: 0;

  }

  

  .career-frm .form-group {

    margin-bottom: 25px;

  }

  

  .career-frm label {

    cursor: unset;

      color: #2d2d2d;

      margin-bottom: 5px;

  }

  

  .career-frm label sup {

    color: #ff0000;

  }

  

  .career-submit {

    padding: 11px 18px;

    margin-top: 33px;

    width: 100%;

    font-weight: 800;

  }

  

  .career-main-head {

    text-align: center;

      margin: 20px 0px;

      font-size: 35px;

    font-weight: 500;

  }

  

  .career-main-pera {

    text-align: justify;

  }

  

  .career-main-pera span{

    color: #2d2d2d;

      font-weight: 600;

  }

  

  .career-submit-animation {

    color: #fff;

    border: 1px solid #2d2d2d;

    background-image: -webkit-linear-gradient(30deg, #2d2d2d 50%, transparent 50%);

    background-image: linear-gradient(30deg, #2d2d2d 50%, transparent 50%);

    background-size: 555px;

    background-repeat: no-repeat;

    background-position: 0%;

    -webkit-transition: background 300ms ease-in-out;

    transition: background 300ms ease-in-out;

  }

  .career-submit-animation:hover {

    background-position: 100%;

    color: #2d2d2d;

  }



  .summryBx {

    background-color: #f7f7f7;

    padding: 15px;

  }

  

  .summryBx h4 {

    font-size: 25px;

    color: #000;

    text-align: center;

  }

  

  .summryBx p{

    color: #000;

      text-align: justify;

      margin: 15px 0px 30px 0px;

      line-height: 31px;

  }



  .career-frm .fileupld {

    margin-bottom: 10px;

  }



  .career-frm p {

    font-size: 12px;

  }

  

  .lfautobx {

    transition: 0.3s all;    

    box-shadow: 0px 3px 20px 1px #e3e3e3;

    border-radius: 8px;

    padding-top: 15px;

  }

  .lfautobx:hover {

    box-shadow: 0px 3px 20px 1px #e3e3e3;

    /* border: solid 2px #64b045; */

    transform: translateY(-12px);

    transition: 0.3s all;

  }



  .lfautobx h2{

    font-size: 18px;

    padding: 0px 15px;

  }

  .lfautobx p{

    padding: 15px;

    color: #000;

  }



  .lfautobx ul {    

    padding: 0px 15px;

    margin: 0;

  }



  .lfautobx ul li {

    margin-bottom: 5px;

    font-size: 12px;

    display: inline-block;

    /* border-right: solid 1px #ccc; */

  }

  .lfautobx ul li span{

    font-weight: 600;

    color: #ff6e06;

  }



  .lfautobx h6 {

    font-size: 12px;

    padding: 0px 15px;

    

  }



  .lfautobx h6 b {

    color: #ff6e06

  }



  .lfautobx p b {

    font-size: 14px;

  }



  .lfautobx a {

    margin: 0px 15px 15px 15px;

    background: linear-gradient(92deg, #68c88b, #609d8b, #68aec7);

    color: #fff;

    padding: 5px 15px;

    border-radius: 8px;

    transition: 0.3s all;

  }



  .lfautobx a:hover {

    color: #fff;

    background: linear-gradient(92deg, #68aec7, #609d8b, #68c88b);

    transition: 0.3s all;

  }



/*  timeline-css*/



.timeline {

  position: relative;

  width: 100%;

/*  max-width: 1140px;*/

  

  padding: 15px 0;

}



.timeline::after {

  content: '';

  position: absolute;

  width: 2px;

  background:#68b444;

  top: 0;

  bottom: 0;

  left: 50%;

  margin-left: -1px;

}



.timeline-box {

  padding: 15px 30px;

  position: relative;

  background: inherit;

  width: 50%;

  margin-bottom: 40px;

}



.timeline-box.left {

  left: 0;

}



.timeline-box.right {

  left: 50%;

}



.timeline-box::after {

  content: '';

  position: absolute;

  width: 16px;

  height: 16px;

  top: calc(50% - 8px);

  right: -8px;

  background: #68b444;

  border: 2px solid #68b444;

  border-radius: 16px;

  z-index: 1;

}



.timeline-box.right::after {

  left: -8px;

}



.timeline-box::before {

  content: '';

  position: absolute;

  width: 50px;

  height: 2px;

  top: calc(50% - 1px);

  right: 8px;

  background: #006E51;

  z-index: 1;

}



.timeline-box.right::before {

  left: 8px;

}



.timeline-box .date {

  position: absolute;

  display: inline-block;

  top: calc(40% - 8px);

  text-align: center;

  font-weight: 500;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  z-index: 1;

}



.timeline-box.left .date {

    right: -100px;

    background: linear-gradient(92deg, #68c88b, #609d8b, #68aec7);

    color: #fff;

    padding: 7px 20px;

    border-radius: 8px;

}



.timeline-box.right .date {

  left: -100px;

    background: linear-gradient(92deg, #68c88b, #609d8b, #68aec7);

    color: #fff;

    padding: 7px 20px;

    border-radius: 8px;

}



.timeline-box .icon {

  position: absolute;

  display: inline-block;

  width: 40px;

  height: 40px;

  padding: 9px 0;

  top: calc(50% - 20px);

  background: #F6D155;

  border: 2px solid #67c28b;

  border-radius: 40px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  z-index: 1;

  background: linear-gradient(92deg, #68c88b, #609d8b, #68aec7);

}



.timeline-box.left .icon {

  right: 56px;

}



.timeline-box.right .icon {

  left: 56px;

}



.timeline-box .content-box {

    padding: 25px 90px 25px 25px;

    /* background: #F6D155; */

    position: relative;

    border-radius: 8px;

    box-shadow: var(--box-shadow);

    border: 1px solid #eee;

    transition: var(--transition);

}

.timeline-box .content-box:hover {

      -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}

.timeline-box.right .content-box {

  padding: 25px 25px 25px 90px;

}



.timeline-box .content-box h2 {

  margin: 0 0 10px 0;

  font-size: 18px;

  font-weight: normal;

  color: #006E51;

}



.timeline-box .content-box p {

  margin: 0;

  font-size: 16px;

  color: #000000;

}

@media all and (max-width: 500px){

    .timeline-box.left .date, .timeline-box.right .date {

        top: 38% !important;

    }

}



@media (max-width: 767.98px) {

  .timeline::after {

    left: 90px;

  }



  .timeline-box {

    width: 100%;

    padding-left: 100px;

    padding-right: 10px;

  }



  .timeline-box.right {

    left: 0%;

  }



  .timeline-box.left::after, 

  .timeline-box.right::after {

    left: 82px;

  }



    .timeline-box.left::before, .timeline-box.right::before {

        left: 90px;

        border-color: transparent #006E51 transparent transparent;

        width: 40px;

    }



     .timeline-box.left .date, .timeline-box.right .date {

        right: auto;

        left: 0px;

        top: 35%;

        padding: 3px 12px;

    }

  .timeline-box.left .icon,

  .timeline-box.right .icon {

    right: auto;

    left: 115px;

  }



  .timeline-box.left .content-box,

  .timeline-box.right .content-box {

    padding: 15px 15px 15px 70px;

    

  }

  .timeline-box{

    margin-bottom: 20px;

  }

  .timeline-box .content-box p {

    font-size: 14px;;

}

}



@media all and (max-width: 1024px){

  .timeline-box .date{

        top: calc(44% - 8px);

  }

}





/*time css end*/