/*----------------------------------------*/

/*  7.5 Career Css

/*----------------------------------------*/

.tp-career-title {

  font-size: 120px;

  line-height: 1;

  color: var(--tp-common-black);

  letter-spacing: -4.8px;

  font-family: var(--tp-ff-sequel-semi-bold);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-career-title {

    font-size: 100px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-career-title {

    font-size: 90px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-career-title {

    font-size: 70px;

    letter-spacing: -1.8px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-title {

    font-size: 52px;

    letter-spacing: -1.8px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-title br {

    display: none;

  }

}

.tp-career-shape-1 {

  position: absolute;

  top: 37%;

  right: 22%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-shape-1 {

    display: none;

  }

}

.tp-career-btn {

  position: absolute;

  bottom: 70px;

  right: 100px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-career-btn {

    right: 50px;

    bottom: 35px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-btn {

    position: static;

    padding-left: 0;

    margin-top: 40px;

  }

}

.tp-career-opening-item {

  border-bottom: 1px solid rgba(17, 16, 19, 0.08);

}

.tp-career-opening-item.ptb {

  padding-top: 40px;

  padding-bottom: 40px;

}

.tp-career-opening-heading {

  padding-bottom: 20px;

}

.tp-career-opening-heading span {

  display: inline-block;

  color: var(--tp-common-black);

  font-size: 18px;

  font-weight: 400;

  letter-spacing: -0.18px;

}

.tp-career-opening-title-name {

  font-size: 30px;

  font-weight: 600;

  color: var(--tp-common-black);

  letter-spacing: -0.3px;

  font-family: var(--tp-ff-inter);

}

.tp-career-opening-role span {

  color: var(--tp-common-black);

  font-size: 18px;

  font-weight: 400;

  display: inline-block;

  letter-spacing: -0.18px;

}

.tp-career-opening-type span {

  font-size: 18px;

  color: var(--tp-common-black);

  font-weight: 400;

  display: inline-block;

  letter-spacing: -0.18px;

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-slider-ptb {

    padding-bottom: 100px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-ptb {

    padding-top: 100px;

  }

}

.tp-career-details-wrapper {

  padding-right: 105px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-career-details-wrapper {

    padding-right: 50px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-wrapper {

    padding-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-top {

    padding-bottom: 50px;

  }

}

.tp-career-details-subtitle {

  position: relative;

  color: var(--tp-common-black);

  font-size: 18px;

  font-weight: 400;

  padding-left: 12px;

  display: inline-block;

  margin-bottom: 10px;

  letter-spacing: -0.18px;

  text-transform: uppercase;

}

.tp-career-details-subtitle::before {

  position: absolute;

  content: "";

  top: 8px;

  left: -5px;

  height: 8px;

  width: 8px;

  border-radius: 4px;

  background: #FF5722;

}

.tp-career-details-title {

  font-size: 80px;

  font-weight: 700;

  line-height: 1;

  color: var(--tp-common-black);

  margin-bottom: 30px;

  letter-spacing: -2.4px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-title {

    font-size: 60px;

  }

}

.tp-career-details-title-2 {

  color: var(--tp-common-black);

  font-size: 34px;

  font-weight: 700;

  margin-bottom: 15px;

  letter-spacing: -0.68px;

  font-family: var(--tp-ff-inter);

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-info {

    flex-wrap: wrap;

  }

}

.tp-career-details-info-item:not(:last-of-type) {

  margin-right: 50px;

}

.tp-career-details-info-item span {

  font-size: 14px;

  font-weight: 400;

  color: #6B6C74;

  display: inline-block;

  margin-bottom: 5px;

}

.tp-career-details-info-item h5 {

  font-size: 16px;

  font-weight: 500;

  color: var(--tp-common-black);

  letter-spacing: -0.16px;

}

.tp-career-details-wrap p {

  font-size: 16px;

  color: var(--tp-common-black);

  line-height: 26px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-wrap p br {

    display: none;

  }

}

.tp-career-details-list ul {

  display: inline-block;

  padding-left: 30px;

}

.tp-career-details-list ul li {

  font-size: 16px;

  line-height: 1.2;

  color: var(--tp-common-black);

  margin-bottom: 20px;

}

.tp-career-details-sidebar-box {

  border-radius: 20px;

  border: 1px solid #F2F2F5;

  background: #F8F8FB;

  padding: 50px 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-sidebar-box {

    padding: 50px 25px;

  }

}

.tp-career-details-sidebar-title {

  margin: 0;

  font-size: 26px;

  font-weight: 500;

  color: var(--tp-common-black);

  letter-spacing: -0.52px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-sidebar-title {

    font-size: 24px;

  }

}

.tp-career-details-sidebar-heading {

  margin-bottom: 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-sidebar-heading {

    margin-bottom: 40px;

  }

}

.tp-career-details-sidebar-heading span {

  font-size: 16px;

  font-weight: 400;

  color: #6B6C74;

  margin-bottom: 10px;

  display: inline-block;

}

.tp-career-details-sidebar-thumb img {

  width: 100%;

}

.tp-career-details-sidebar-item {

  margin-bottom: 30px;

}

.tp-career-details-sidebar-item-icon {

  margin-right: 12px;

}

.tp-career-details-sidebar-item-icon span {

  display: grid;

  height: 50px;

  width: 50px;

  place-content: center;

  border-radius: 50%;

  background: var(--tp-common-white);

  border: 1px solid rgba(17, 16, 19, 0.1);

}

.tp-career-details-sidebar-item-content span {

  font-size: 15px;

  font-weight: 400;

  color: #6B6C74;

  display: inline-block;

}

.tp-career-details-sidebar-item-content h5 {

  margin: 0;

  font-size: 18px;

  font-weight: 500;

  color: var(--tp-common-black);

  letter-spacing: -0.36px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-career-details-sidebar-item-content h5 {

    font-size: 16px;

  }

}

.tp-career-details-sidebar-btn a {

  width: 100%;

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  padding: 17px 30px;

  border-radius: 200px;

  display: inline-block;

  letter-spacing: -0.2px;

  background: var(--tp-theme-primary);

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 574.98px) {

  .tp-career-details-sidebar-btn a {

    font-size: 17px;

    padding: 14px 27px;

  }

}

.tp-career-details-sidebar-btn a:hover {

  background-color: var(--tp-common-black);

}



.tp-application-subtitle {

  font-weight: 600;

  font-size: 16px;

  text-transform: uppercase;

  color: var(--tp-common-black);

  line-height: 1;

  position: relative;

  display: inline-block;

  border: 1px solid rgba(1, 1, 3, 0.1);

  border-radius: 20px;

  padding: 10px 22px;

  padding-left: 40px;

}

.tp-application-subtitle::before {

  position: absolute;

  content: "";

  width: 6px;

  height: 6px;

  background: #010103;

  border-radius: 40px;

  top: 50%;

  transform: translateY(-50%);

  left: 20px;

}

.tp-application-title {

  font-weight: 600;

  font-size: 42px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: var(--tp-common-black);

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-application-form-wrap {

    margin-left: 0;

  }

}

.tp-application-form-wrap .tp-contact-form-input textarea {

  height: 133px;

}

@media (max-width: 574.98px) {

  .tp-application-form-btn {

    flex-wrap: wrap;

  }

}

.tp-application-upload span {

  font-weight: 500;

  font-size: 16px;

  letter-spacing: -0.02em;

  color: var(--tp-common-black);

  display: block;

  margin-bottom: 10px;

}

.tp-application-btn a {

  border-radius: 0;

  text-transform: uppercase;

}



.st-hero-btn {

  margin-bottom: 35px;

}

.st-hero-btn a {

  height: 150px;

  width: 150px;

  border-radius: 50%;

  text-align: center;

  display: grid;

  place-content: center;

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

  border: 1px solid var(--tp-border-1);

}

.st-hero-btn a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-theme-primary);

}

.st-hero-btn a:hover .st-hero-btn-text {

  color: var(--tp-common-white);

}

.st-hero-btn-text {

  font-size: 18px;

  font-weight: 600;

  position: relative;

  display: block;

  margin-bottom: 5px;

  color: var(--tp-common-black);

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.st-hero-btn-icon {

  display: block;

  margin-left: 8px;

}



@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-ptb {

    padding-top: 100px;

    padding-bottom: 100px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-heading {

    margin-bottom: 50px;

  }

}

.tp-benefit-box .row [class*=col]:nth-child(4n) .tp-benefit-item {

  border-right: none;

}

.tp-benefit-item {

  padding: 40px;

  border-right: 1px solid #F1F1F4;

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-item {

    padding: 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-item {

    margin-left: -1px;

    margin-top: -1px;

    border: 1px solid #f1f1f4 !important;

  }

}

.tp-benefit-item.tp-benefit-borber-bottom {

  border-bottom: 1px solid #F1F1F4;

}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-item.tp-benefit-borber-bottom {

    border: none;

  }

}

.tp-benefit-item-icon {

  height: 74px;

}

.tp-benefit-item-title {

  font-size: 20px;

  font-weight: 600;

  color: var(--tp-common-black);

  letter-spacing: -0.4px;

  font-family: var(--tp-ff-inter);

}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-benefit-item-title {

    font-size: 18px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .tp-benefit-item-title br {

    display: none;

  }

}



.ar-banner-wrap {

  height: 820px;

  overflow: hidden;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .ar-banner-wrap {

    height: 720px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ar-banner-wrap {

    height: 580px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ar-banner-wrap {

    height: 470px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ar-banner-wrap {

    height: 370px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .ar-banner-wrap {

    height: 250px;

  }

}

.ar-banner-wrap img {

  margin-top: -150px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {

  .ar-banner-wrap img {

    margin-top: -50px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {

  .ar-banner-wrap img {

    margin-top: -20px;

  }

}