.ListMain ul li,
.list-unstyled {
  list-style: none;
}
.active a {
  font-size: 24px;
  text-decoration: none !important;
}
.card-header .ti-minus,
.card-header .ti-plus {
  border: 1px solid #576370;
  border-radius: 50%;
  padding: 4px;
}
.joblisting_text ul li {
  float: left;
  font-size:16px;
  font-family:"Geist-Bold";
  padding: 0;
  border-left: unset;
  max-width: 500px;
  text-align: left;
  border-right: 1px solid #fff;
    padding-right: 7px !important;
    margin-right: 7px;
}
.joblisting_text ul li:last-child {
  border: none;
}
.faq_content .tab-pane .card .card-header .btn i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  font-size: 20px;
}

.RightBox {
  padding-left: 25px;
  width: 100%;
}
.ApplyBtnBox {
  padding-top: 6px;
}
.joblisting_text .apply_btn {
  font: 600 13px/36px "Open Sans", sans-serif !important;
  border: 1px solid #d6d6d6;
  display: inline-block;
  padding: 0 17px;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.career-container .card {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  cursor: pointer;
  background: var(--black-level-19);
  transition: 0.2slinear;
}

.joblisting_image img {
  height: 32px;
}
.card-header{
  .btn-link{
    width:100%;
    text-decoration:none;
    background-image: url(../../images/cloudIntel/arrow_down.svg);
    background-position: right 30px;
    background-repeat: no-repeat;
    padding-left:0px;
    &[aria-expanded="true"] {
      background-image: url(../../images/cloudIntel/arrow_up.svg);
     }
  }
}
.joblisting_image{
  padding-left:0px;
}
.joblisting_text{
  h4{
    text-align:left;
    margin-bottom:0.3rem;
  }
}
.faq_content .tab-pane .card .card-body {
  padding: 0 89px 45px;
  font: 400 15px/26px "Open Sans", sans-serif !important;
  color: #000;
}
.apply_btn {
  padding: 8px 30px;
  background: transparent;
  border: 1px solid #ffff !important;
  border-radius: 20px;
  /* font: 100 16px / 42px "Open Sans", sans-serif !important; */
  border: transparent;
  color: #fff !important;
  text-align: center;
  position: absolute;
  right: 90px;
  top: 23px;
  font-size: 14px !important;
  &:hover{
    background:var(--primary);
    border:1px solid var(--primary) !important;
  }
}
.list-unstyled {
  padding-left: 0;
  width: 100%;
  margin-bottom:0.4rem;
}
.list-unstyled strong {
  font-weight: 500;
}
.card-body p {
  margin-bottom: 0;
  font-size: 13px;
  display: flex;
  text-align: justify;
  cursor: default;
  color: var(--primary-8);
  position: relative;
  padding-left: 55px;
}
.card-body p:before {
  content: "";
  position: absolute;
  left: 33px;
  top: 12px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-8);
}
.modified-accordion .card-header {
  position: relative;
}
.modified-accordion .card-header:after {
  left: 0;
}
.modified-accordion .collapse:not(.show) {
  display: block;
}
.card-body hr {
  border-top: 1px solid #000;
}
.card-body p a {
  font-weight: 600 !important;
  font-size: 14px;
}
/*Dark Theme css start*/

.video_banner {
  height: 85vh;
  .banner-content {
      p {
          font-family: inherit !important;
      }
      top: 33%;
  }
}
.core_principles_section{
  position:relative;
  &::before{
        content: "";
        position: absolute;
        left: 20%;
        top: 77px;
        background:linear-gradient(to right,var(--primary),var(--primary-12));
        width: 60%;
        height: 322px;
        border-radius: 50%;
        filter: blur(400px);
  }
  .top_stack_sec{
    position: relative;
    z-index:1;
  }
}
.core_principle_container{
  display:flex;
  justify-content: space-around;
  margin:4rem 0rem;
  text-align:center;
  .core_principle_box{
     img{
      margin-bottom:1.5rem;
     }
     h3{
      font-size:24px;
     }
  }
}
.breadcrumb_content_header {
  display:flex;
  justify-content: flex-start;
.f_p {
        font-size: 48px;
        color: var(--light);
        font-family: "CalSans-SemiBold", sans-serif !important;
}
}
@keyframes text-rotate {
  0%, 30% {
    opacity: 1;
    visibility: visible;
  }
  33%, 100% {
    opacity: 0;
    visibility: hidden;
  }
}
.text-rotation {
  position: relative;
}

.text {
  position: absolute; 
  opacity: 0;
  transition: opacity 0.5s ease;
  text-align: center;
white-space: nowrap;
color:var(--primary-8);
left:540px;
 animation: text-fade 12s infinite;
}
.text:nth-child(1) {
  animation-delay: 0s;
}
.text:nth-child(2) {
  animation-delay: 3s;
}
.text:nth-child(3) {
  animation-delay: 6s;
}
.text:nth-child(4) {
  animation-delay: 9s;
}

@keyframes text-fade {
  0%, 16.6% {
    opacity: 0;
  }
  20%, 30% {
    opacity: 1;
  }
  33.3%, 100% {
    opacity: 0;
  }
}

.text-animated{
   position:relative;
    width:535px;
   left:7px;
}
.hr_contact h6{
text-align:center;
margin:2rem 0rem;
a{
  color:var(--green);
}
}
.card-header{
  position:relative;
  padding-right: 25px;
}
.career-container{
  padding-bottom:5rem;
}
.alert{
  position: fixed;
  top: 100px;
  width: 70%;
  left: 15%;
  span{
    color:#000;
    strong{
      color:#000;
    }
  }
  .close{
    background: transparent;
    border: none;
    top: 0px;
    span{
      color: #000;
    }
  }
}
/*Dark Theme css end*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .joblisting_text figure {
    margin: 0 0 5px;
  }
  .list-unstyled {
    width: 100% !important;
  }
  .faq_content .tab-pane .card .card-header .btn i {
    top: 36px;
    right: 15px;
    font-size: 14px;
  }
  .faq_content .tab-pane .card .card-header .btn {
    padding: 20px 15px;
  }
  .joblisting_text ul li {
    width: 100%;
    margin-top: 5px;
    border-left: 1px solid #aeb3c3 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .accordion .card {
    padding: 0 !important;
  }
  .breadcrumb_content_header h1 {
    font-size: 17px !important;
  }
  .joblisting_text ul li:first-child {
    padding-left: 10px;
    border: none;
    border-left: 1px solid #aeb3c3;
  }
  .joblisting_text .apply_btn {
    font-size: 0.8rem !important;
  }
  .card-body p,
  .joblisting_text ul li {
    float: left;
    font-size:16px;
    font-family:"Geist-Bold";
    padding: 0;
    border-left: unset;
    max-width: 500px;
    text-align: left;
  }
  .faq_content .tab-pane .card .card-body {
    padding: 0 15px 45px !important;
  }
  .hr_contact_col_1 h6 {
    display: unset !important;
  }
  .hr_contact_col_1 h6,
  .hr_contact_col_2 h6 {
    font-size: 0.9em;
  }
  .hr_contact_col_2 h6 {
    float: left;
    margin-top: 15px;
  }
  .joblisting_image img {
    height: 25px;
  }

  .list-unstyled li {
    width: auto !important;
    max-width: unset !important;
    border-left: unset !important;
    padding-left: 0 !important;
    display: inline-flex;
  }
}
@media (max-width: 576px) {
  .prototype_service_info,
  .sec_pad {
    padding: 40px 0 0 !important;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 640px) and (orientation: landscape) {
  .joblisting_text figure {
    margin: 0 0 5px;
  }
  .list-unstyled {
    width: 100% !important;
  }
  .faq_content .tab-pane .card .card-header .btn i {
    top: 40px;
  }
  .faq_content .tab-pane .card .card-header .btn {
    padding: 20px 0;
  }
  .joblisting_text ul li {
    width: 100%;
    margin-top: 5px;
  }
  .accordion .card,
  .faq_content .tab-pane .card .card-body {
    padding: 0 !important;
  }
  .breadcrumb_content_header h1 {
    font-size: 17px !important;
  }
  .joblisting_text ul li:first-child {
    padding-left: 10px;
    border: none;
    border-left: 1px solid #aeb3c3;
  }
}
@media only screen and (max-width: 991px) {
  .video_banner{
     height:unset;
  }
      .video_banner.common_banner {
        flex-direction: column;
        top:0px !important;
        padding-top:0px !important;
        .banner_video {
          position:unset;
          transform: unset;
          height:unset;
        }
      .banner-content {
            position: unset;
      }
    }
    .core_principle_container {
       flex-wrap:wrap;
        .core_principle_box {
        width: 50%;
        margin-bottom: 2rem;
        img{
             height: 60px;
            margin-bottom: 1rem;
        }
                h3 {
            font-size: 20px;
        }
    }
  }
  .text {
    left: 0;
    font-size: 21px;
    top: 25px;
}
.hr_contact_col_1 h6 {
        margin: 2.5rem 0rem 1rem;
        display: inline-block !important;
        text-align: left;
        line-height: 25px;
    }
    .talent_id{
        display: inline-block;
    }
    .active a {
    font-size: 15px;
}
.joblisting_text ul li {
        font-size: 12px;
        padding-right: 10px !important;
        border: none !important;
    }
    .joblisting_image {
    padding-right: 0px;
}
.apply_btn{
  position:unset;
  margin-left:50px
}
    .card-body p, .joblisting_text ul li {
        font-size: 13px;
       font-family: "Geist-Regular";
       padding-left: 15px;

    }
    .card-body p:before {
          left: 0px;
          top: 10px;
      }
    .card-header {
       padding-bottom:20px;
    }
    .breadcrumb_content_header {
    justify-content: flex-start;
    h1{
              font-size: 17px !important;
    }
}
.common_section {
    padding: 3rem 0rem;
}
.journey_section{
  padding-top:5rem !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .joblisting_text figure {
    margin: 0 0 5px;
  }
  .list-unstyled {
    width: 100% !important;
    margin-top: 15px;
  }
  .faq_content .tab-pane .card .card-header .btn i {
    top: 18%;
  }
  .faq_content .tab-pane .card .card-header .btn {
    padding: 20px 0;
  }
  .joblisting_text ul li {
    margin-top: 5px;
  }
  .accordion .card,
  .faq_content .tab-pane .card .card-body {
    padding: 0 !important;
  }
  .joblisting_text .col-md-4 {
    text-align: right;
    padding-right: 60px;
  }
  .ApplyBtnBox {
    padding-top: 0;
  }
  .core_principle_container {
        .core_principle_box {
            width: unset;
            margin-bottom: 0;
        }
    }
        .text {
        left: 200px;
        font-size: 21px;
        top: -3px;
    }
        .apply_btn {
        position: absolute;
        }
        .hr_contact h6 {
           margin:10px 0px;
       }
       .faq_content{
        margin-top:15px;
       }
       .faq_content .tab-pane .card .card-body {
          padding: 0 20px 45px !important;
      }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
  .joblisting_text figure {
    margin: 0 0 5px;
  }
  .list-unstyled {
    width: 100% !important;
  }
  .faq_content .tab-pane .card .card-header .btn i {
    top: 42%;
  }
  .faq_content .tab-pane .card .card-header .btn {
    padding: 20px 0;
  }
  .joblisting_text ul li {
    margin-top: 5px;
  }
  .accordion .card,
  .faq_content .tab-pane .card .card-body {
    padding: 0 !important;
  }
  .joblisting_text .col-md-4 {
    text-align: right;
    padding-right: 60px;
  }
  .ApplyBtnBox {
    padding-top: 0;
  }
}
@media only screen and (min-width:992px) and (max-width:1439px){
  .desktop_banner{
        margin-top: 85px;
  }
  .text {
   left: 365px;
  }
  .breadcrumb_content_header {
    justify-content:flex-start;
}
.breadcrumb_content_header {
    .f_p {
        font-size: 32px;
    }
}
.faq_content .tab-pane .card .card-body {
    padding: 0 60px 45px;
}
}