/*
Theme Name:   Xhyre Child
Theme URI:    https://themeforest.net/user/themestek/portfolio
Description:  Child theme for Xhyre
Author:       themeStek
Author URI:   https://themeforest.net/user/themestek
Template:     xhyre
Version:      1.0.1
Text Domain:  xhyre
*/


/* Import CSS từ parent theme */
/* @import url("../xhyre/style.css"); */

:root {
    --c-main-1: #121a45;
    --c-main-2: #2fabdd;
    --c-main-3: #01105b;
    --c-main-4: #163260;
    --c-main-5: #1c2356;

    --c-main-6: #144FE2;
    --c-main-7: #101624;
    --c-main-8: #1A3D96;
    --c-main-9: #565C69;
    --c-main-10: #71A2FF;

    --c-sec-1: #0a456e;
    --c-sec-2: #82c8ee;
    --c-white: #fff;
    --c-white-50: hsla(0, 0%, 98%, 0.5);
    --c-white-1: #fbfaf5;
    --c-black: #000;
    --c-orange: #fcb415;
    --c-orange-2: #fcb41526;
    --c-gray: #7f7f7f;
    --c-blue-1: #0c2a54;
    --c-purple: #a5a6f6;
    --c-purple-2: #7879f1;
    --c-purple-3: #5d5fef;
    --c-purple-4: #71768f;
    --c-purple-5: #8a8bf6;
    --c-bg-1: #f6f8fc;
    --c-bg-2: rgba(120, 121, 241, 0.1);
    --c-t-sec: #bbb;
    --c-border: hsla(0, 0%, 73%, 0.3);
    --f-white: invert(100%) sepia(0%) saturate(7500%) hue-rotate(75deg) brightness(102%) contrast(101%);
    --f-main-2: invert(59%) sepia(35%) saturate(1216%) hue-rotate(161deg) brightness(95%) contrast(81%);
    --f-sec-2: invert(79%) sepia(4%) saturate(4967%) hue-rotate(172deg) brightness(99%) contrast(88%);
    --f-orange: invert(75%) sepia(52%) saturate(1712%) hue-rotate(348deg) brightness(102%) contrast(98%);
    --f-purple: invert(77%) sepia(6%) saturate(7476%) hue-rotate(195deg) brightness(95%) contrast(103%);
    --f-purple-2: invert(51%) sepia(15%) saturate(2149%) hue-rotate(201deg) brightness(97%) contrast(96%);
    --f-purple-4: invert(48%) sepia(8%) saturate(981%) hue-rotate(193deg) brightness(94%) contrast(90%);

    --f-main-6: invert(40%) sepia(80%) saturate(3354%) hue-rotate(182deg) brightness(80%) contrast(104%);

    --shadow-1: #2fabdd66;
    --background-1: rgba(165, 166, 246, 0.12);
    --gradient-1: linear-gradient(270deg, #2f9edd, #427eeb);
    --gradient-2: linear-gradient(108.65deg,
            #2724bd 0.82%,
            #2724bd 59.86%,
            #8261ee 111.61%);
    --gradient-3: linear-gradient(90deg, #2fabdd, #82c8ee);
    --gradient-4: linear-gradient(180deg,
            rgba(165, 166, 246, 0.12),
            rgba(165, 166, 246, 0));
    --gradient-5: linear-gradient(180deg,
            rgba(165, 166, 246, 0.12),
            rgba(165, 166, 246, 0));
    --gradient-6: linear-gradient(180deg,
            rgba(165, 166, 246, 0.12),
            rgba(165, 166, 246, 0));
    --radius-1: 5px;
    --radius-2: 10px;
    --radius-3: 15px;
    --radius-4: 20px;
    --radius-5: 30px;
    --radius-6: 100px;
    --c-disable: #bbb;
    --transition-time: 0.2s;
}

body {
  color: var(--c-main-7) !important;
}

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

.title-small,
.title-small .elementor-heading-title {
    color: var(--c-main-6);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    /* margin-bottom: 8px; */
}

.title-48,
.title-48 .elementor-heading-title {
    color: var(--c-main-7);
    font-size: 48px;
    font-weight: 500;
    line-height: 140%;
    /* margin-bottom: 32px; */
}

@media screen and (max-width: 767px) {
    .title-48,
    .title-48 .elementor-heading-title {
        font-size: 24px;
        /* margin-bottom: 16px; */
    }
}

.title-60,
.title-60 .elementor-heading-title {
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    line-height: 140%;
}

@media screen and (max-width: 767px) {
    .title-60,
    .title-60 .elementor-heading-title {
        font-size: 32px;
    }
}

.s-text--six,
.s-text--six .elementor-heading-title {
    font-size: 16px;
    line-height: 140%;
    color: var(--c-main-9);
    /* margin-bottom: 48px; */
}

@media screen and (max-width: 767px) {
    .s-text--six,
    .s-text--six .elementor-heading-title {
        font-size: 14px;
        /* margin-bottom: 24px; */
    }
}

.s-text--sevent,
.s-text--sevent .elementor-heading-title {
    font-size: 20px;
    line-height: 140%;
    color: #E5E7EF;
}

@media screen and (max-width: 767px) {
    .s-text--sevent,
    .s-text--sevent .elementor-heading-title {
        font-size: 16px;
    }
}

.s-button--main--three {
  padding: 12px 32px;
  border-radius: 50px;
  background: var(--c-main-6);
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08);
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-decoration: none !important;
  transition: all 0.2s;
}

.s-button--main--three:focus, .s-button--main--three:hover {
    box-shadow: 0 5px 15px 0 #2fabdd66;
    color: #fff;
    filter: none;
}

.s-button--main--three--gray {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(7.5px);
}

.s-button--next,
.s-button--prev {
    align-items: center;
    border: 1px solid var(--c-t-sec);
    border-radius: 100%;
    color: var(--c-main-2);
    display: flex !important;
    height: 50px;
    justify-content: center;
    padding: 0;
    transition: border-color var(--transition-time) ease;
    width: 50px;
}

.s-button--next:hover,
.s-button--prev:hover {
    border-color: var(--c-purple);
}

.s-button--next .icon,
.s-button--prev .icon {
    filter: var(--f-purple);
}
.s-button--next-new,
.s-button--prev-new {
    position: absolute;
    bottom: -55px;
    z-index: 1;
    border: none;
    width: 45px;
    height: 45px;
    background: var(--c-main-8);
}

.s-button--next-new.slick-disabled,
.s-button--prev-new.slick-disabled {
    background: #E5E7EF;
}

.s-button--next-new {
    right: 0;
}

.s-button--prev-new {
    right: 60px;
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .s-button--prev-new {
        right: 52px;
    }
}

.s-button--next-new .icon,
.s-button--prev-new .icon {
    filter: var(--f-white);
}

.s-button--next-new.slick-disabled .icon,
.s-button--prev-new.slick-disabled .icon {
    filter: invert(60%) sepia(8%) saturate(81%) hue-rotate(193deg) brightness(94%) contrast(300%);
}

@media screen and (max-width: 767px) {

    .s-button--next-new,
    .s-button--prev-new {
        width: 40px;
        height: 40px;
    }
}


.slick-list {
  width: 100%;
}
.slick-slider:before {
    /* display: none !important; */
}
.elementor-element:before,
.elementor-widget-wrap:before {
    z-index: -1 !important;
}

/*progressbar-slick*/
.progressbar {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-right: 138px;
}

@media screen and (max-width: 767px) {
    .progressbar {
        padding-right: 124px;
    }
}

.progress-slider {
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background-color: #E5E7EF;
    background-image: linear-gradient(to right, var(--c-main-6), var(--c-main-6));
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
}

.progress-label {
    color: var(--c-main-7);
    font-size: 14px;
    white-space: nowrap;
}

/*fix-slick-padding-overflow*/
.fix-slick-padding-overflow .slick-list {
    overflow: unset;
}

/*fix-slick-padding*/
.fix-slick-padding .slick-list {
    margin: 0 -16px;
}

@media screen and (max-width: 767px) {
    .fix-slick-padding .slick-list {
        margin: 0 -8px;
    }
}

.fix-slick-padding .slick-list .slick-track {
    display: flex;
}

.fix-slick-padding .slick-list .slick-slide {
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    height: auto !important;
}

@media screen and (max-width: 767px) {
    .fix-slick-padding .slick-list .slick-slide {
        margin: 0 8px;
    }
}

/*fix-slick-padding-8*/
.fix-slick-padding-8 .slick-list {
    margin: 0 -8px;
}

.fix-slick-padding-8 .slick-list .slick-track {
    display: flex;
}

.fix-slick-padding-8 .slick-list .slick-slide {
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    height: auto !important;
}


/* Language */
/* .s-language-switcher ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
}
.s-language-switcher ul.active {
    display: block;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 2;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.s-language-switcher ul li a {
  color: #000;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 16px;
  display: block;
}
.s-language-switcher ul li.current-lang a {
  color: #000;
}
.s-language-switcher .language-active {
  color: #000;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 25px 0 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.s-language-switcher .language-active:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 3.5px;
  right: 4px;
  top: 5px;
  transform: rotate(45deg);
} */

/*page-job-single*/
.page-job-single .job-top {
  background: #F6F7FC;
  /* padding: 32px 0; */
  padding: 32px;
}

.page-job-single .job-top .job-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 1024px) {
  .page-job-single .job-top .job-top-content {
    display: block;
  }
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h1,
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h2 {
  color: var(--c-main-7);
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.5px;
  display: inline-block;
  margin: 0 8px 0 0;
}
@media (max-width: 1024px) {
  .page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h1,
  .page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h2 {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title .level span {
  font-size: 12px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  margin: 5px 3px 0px 0;
  border-radius: 3px;
  border: 1px solid var(--c-main-9);
  color: var(--c-main-9);
  text-transform: uppercase;
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title .level:empty {
  display: none
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info {
  display: flex;
  align-items: center;
  gap: 8px;;
}
@media (max-width: 1024px) {
  .page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info {
    display: none;
  }
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info > a {
  text-decoration-line: underline;
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info .type {
  margin: 0 8px 0 0;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #E6F7E4;
  color: #47BD5F;
}

.page-job-single .job-top .job-top-content .groupbutton {
  display: flex;
  gap: 16px;
}
@media (max-width: 1024px) {
  .page-job-single .job-top .job-top-content .groupbutton {
    flex-direction: column;
    margin: 24px 0 0;
  }
}
.page-job-single .job-top .job-top-content .groupbutton .s-button {
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  line-height: 26px;
  outline: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transition: all var(--transition-time);
  background: var(--c-main-6);
  color: var(--c-white);
  position: relative;
  font-weight: 600;
  padding: 12px 32px;
  gap: 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08);
  justify-content: center;
}
.page-job-single .job-top .job-top-content .groupbutton .s-button:hover {
  box-shadow: 0 5px 15px 0 #2fabdd66;
  color: var(--c-white);
  filter: none;
}
.page-job-single .job-top .job-top-content .groupbutton .s-button:first-child {
/*   color: var(--c-main-6);
  border: 1px solid var(--c-main-6);
  background: transparent; */
}
@media (max-width: 1200px) {
  .page-job-single .job-top .job-top-content .groupbutton .s-button {
    min-width: auto;
  }
}

.page-job-single .job-bottom {
  display: grid;
}

/* ===== PC: 2 cột, content | sidebar (gồm overview + form) ===== */
@media (min-width: 1025px) {
  .page-job-single .job-bottom {
    grid-template-areas: "content sidebar";
    grid-template-columns: 1fr 500px;
    column-gap: 40px;
  }
  .page-job-single .job-content {
    grid-area: content;
  }
  .page-job-single .sidebar {
    grid-area: sidebar;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}

/* ===== Mobile: xếp thứ tự overview → content → form ===== */
@media (max-width: 1024px) {
  .page-job-single .job-bottom {
    grid-template-areas:
      "overview"
      "content"
      "form";
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .page-job-single .job-content {
    grid-area: content;
  }
  .page-job-single .sidebar {
    display: contents;
  }
  .page-job-single .job-overview {
    grid-area: overview;
  }
  .page-job-single .form-apply {
    grid-area: form;
  }
}


.page-job-single .job-bottom {
  padding: 40px 0 64px;
}
.page-job-single .job-bottom .job-content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.page-job-single .job-bottom .job-content .content {
  margin: 0 0 24px;
}

.page-job-single .job-bottom .job-overview {
    border: 2px solid #E5E7EF;
    padding: 32px;
}
@media (max-width: 1024px) {
  .page-job-single .job-bottom .job-overview {
    padding: 16px;
  }
}
.page-job-single .job-bottom .job-overview .job-overview-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 16px;
}
.page-job-single .job-bottom .job-overview .job-overview-content {
  border-bottom: 1px solid #E5E7EF;
  padding-bottom: 18px;
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media (max-width: 1024px) {
  .page-job-single .job-bottom .job-overview .job-overview-content {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .page-job-single .job-bottom .job-overview .job-overview-content .item {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.page-job-single .job-bottom .job-overview .job-overview-content .item figure {
  margin: 0 0 8px;
}
@media (max-width: 1024px) {
  .page-job-single .job-bottom .job-overview .job-overview-content .item figure {
    margin: 0;
  }
}
.page-job-single .job-bottom .job-overview .job-overview-content .item .title {
  color: var(--c-main-9);
  font-size: 14px;
  line-height: 140%;
}
.page-job-single .job-bottom .job-overview .job-overview-content .item .value {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  margin: 4px 0 0;
}
.page-job-single .job-bottom .job-overview .jobs-share .jobs-share-title {
  margin: 0 0 8px;
}

.page-job-single .form-apply {
  /* margin: 0 auto;
  padding: 36px 0 80px; */
  /* position: relative; */
}
.page-job-single .form-apply .form-apply-content {
  padding: 24px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 12px 48px 0px rgba(0, 44, 109, 0.10);
}
@media (max-width: 767px) {
  .page-job-single .form-apply .form-apply-content {
    padding: 24px 16px;
  }
}
.page-job-single .form-apply .form-apply-content .nav-wrapper {
  text-align: center;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs {
  border: none;
  margin-bottom: 24px;
  display: inline-block;
  border-radius: 50px;
  background: #F6F7FC;
  padding: 4px;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li {
  margin: 0;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li a {
  border: none;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  color: #7E8494;
  width: auto !important;
  border-radius: 50px;
  cursor: pointer;
  float: none;
  display: inline-block;
  margin: 0;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li.active a {
  color: var(--c-main-7);
}
.page-job-single .form-apply .form-apply-content .tab-content .title p {
  text-align: center;
  margin: 0 0 4px;
  color: var(--c-main-7);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
.page-job-single .form-apply .form-apply-content .tab-content .desc p {
  margin: 0 0 24px;
  color: var(--c-main-9);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.page-job-single .form-apply .form-apply-now form>p {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  display: grid;
  grid-template: "full_name phone" max-content "email email" max-content "resume resume" max-content "submit submit" max-content/auto auto;
}
.page-job-single .form-apply .form-refer-friend form>p {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  display: grid;
  grid-template: "full_name phone" max-content "email email" max-content "candidate_full_name candidate_phone" max-content "candidate_email candidate_email" max-content "resume resume" max-content "submit submit" max-content/auto auto;
}
@media (max-width: 768px) {
  .page-job-single .form-apply .form-apply-now form>p {
    grid-template: "full_name" max-content "phone" max-content "email" max-content "resume" max-content "submit" max-content/auto;
  }
  .page-job-single .form-apply .form-refer-friend form>p {
    grid-template: "full_name" max-content 
    "phone" max-content
    "email" max-content 
    "candidate_full_name" max-content 
    "candidate_phone" max-content
    "candidate_email" max-content 
    "resume" max-content 
    "submit" max-content/auto;
  }
}
.page-job-single .form-apply form .who p {
  display: flex;
  align-items: start;
  margin-bottom: 18px;
}
.page-job-single .form-apply form .who p span {
  width: auto;
  margin: 0;
}
.page-job-single .form-apply form .who p>span:first-child {
  margin-right: 35px;
  white-space: nowrap;
}
.page-job-single .form-apply form .who p span label {
  padding: 0 20px 0 0;
}
.page-job-single .form-apply form .who p span label input {
  position: relative;
  margin: 0;
}
.page-job-single .form-apply form .button-submit {
  text-align: center;
}
.page-job-single .form-apply form p>br {
  display: none;
}
.page-job-single .form-apply form p>span {
  display: inline-block;
  width: 100%;
}
.page-job-single .form-apply form p>span>input,
.page-job-single .form-apply form p>span>textarea {
  background-color: transparent;
  font-size: 16px;
  line-height: 140%;
  padding: 8px 10px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--Grey-Grey_5, #E5E7EF);
  background: var(--Base-color-White, #FFF);
}
.page-job-single .form-apply form p>span>input::placeholder,
.page-job-single .form-apply form p>span>textarea::placeholder {
  color: #7E8494;
  /* color: rgba(0, 0, 0, 0.2); */
}
.page-job-single .form-apply form p>span>textarea {
  max-height: 120px;
}
.page-job-single .form-apply form p>[data-name="full_name"] {
  grid-area: full_name;
}
.page-job-single .form-apply form p>[data-name="phone"] {
  grid-area: phone;
}
.page-job-single .form-apply form p>[data-name="email"] {
  grid-area: email;
}
.page-job-single .form-apply form p>[data-name="candidate_full_name"] {
  grid-area: candidate_full_name;
}
.page-job-single .form-apply form p>[data-name="candidate_phone"] {
  grid-area: candidate_phone;
}
.page-job-single .form-apply form p>[data-name="candidate_email"] {
  grid-area: candidate_email;
}
.page-job-single .form-apply form p>[data-name="resume"] {
  grid-area: resume;
}
.page-job-single .form-apply form p [type="submit"] {
  width: 100%;
}
.page-job-single .form-apply form .codedropz-upload-handler {
  border-color: transparent;
  background: #F6F7FC;
  margin-bottom: 0;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner {
  align-items: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner {
    flex-direction: column;
  }
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner h3 {
  background: url(/wp-content/uploads/2025/05/form_apply_icon_1_new.svg);
  background-position: 0;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-btn-wrap,
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner h3,
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner span {
  color: var(--c-main-9);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 6px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-upload-container {
  border: 1.5px solid var(--c-main-2);
  padding: 18px 20px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-btn-wrap a {
  color: var(--c-main-6);
  font-weight: 600;
}
.page-job-single .form-apply form .dnd-upload-counter {
  display: none;
}
.form-refer-friend-other {
  display: none;
}
.form-refer-friend-sotateker form>p {
  margin-top: -20px;
}

/*job list*/
.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}

.job-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-title {
  margin: 0 0 8px;
}
.job-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-desc {
  margin: 0 0 24px;
  color: var(--c-main-9);
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.job-item-style .item {
  border-radius: 8px;
  padding: 24px;
  border: 1px solid #E5E7EF;
  background: #FFF;
  box-shadow: 0px 2px 18px 0px rgba(24, 25, 28, 0.03);
}

.job-item-style .item .job-title {
  display: inline-block;
  width: 100%;
}

.job-item-style .item .job-title a {
  display: inline-block;
  margin: 0 8px 0 0;
}

.job-item-style .item .job-title a * {
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 5px;
}

.job-item-style .item .job-title .level span {
  font-size: 12px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  margin: 0 3px 3px 0;
  border-radius: 3px;
  border: 1px solid var(--c-main-9);
  color: var(--c-main-9);
  text-transform: uppercase;
}

.job-item-style .item .job-title .level:empty {
  display: none;
}

.job-item-style .item .job-info {
  margin: 8px 0 20px;
}

.job-item-style .item .job-info .type {
  margin: 0 8px 0 0;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #E6F7E4;
  color: #47BD5F;
}

.type.fulltime {
  background: #E6F7E4 !important;
  color: #47BD5F !important;
}

.type.parttime {
  background: #FFF8E7 !important;
  color: #F9B217 !important;
}

.type.internship {
  background: #E5E7EF !important;
  color: var(--c-main-7) !important;
}

.type.freelance {
  background: #cdefff !important;
  color: #00abfe !important;
}

.job-item-style .item .job-info .salary {
  color: #7E8494;
  font-size: 14px;
}

.job-item-style .item .job-detail {
  display: flex;
  gap: 12px;
  align-items: center;
}

.job-item-style .item .job-detail .info .cat {
  margin: 0 0 4px;
}

.job-item-style .item .job-detail .info .location {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #7E8494;
  font-size: 14px;
  line-height: normal;
}

.job-item-style .item .job-detail .info .location figure {
  width: 18px;
  min-width: 18px;
}

.job-item-style .item .job-detail .info .location figure img {
  width: 100%;
  object-fit: contain;
}


/* pagination page job */
.section.s-jobs-list .pagination {
  display: block;
  text-align: center;
  margin: 30px 0;
}
.section.s-jobs-list .pagination ul {
  margin: 0;
  padding: 0;
  display: block;
}
.section.s-jobs-list .pagination ul li {
  border: none;
  border-radius: 100%;
  display: inline-block;
  margin: 0;
  opacity: 1;
  padding: 0;
}
.section.s-jobs-list .pagination ul li a {
  align-items: center;
  background-color: transparent;
  border-radius: 100px;
  color: #00000080;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  line-height: 28px;
  transition: all var(--transition-time) ease;
  width: 48px;
}
.section.s-jobs-list .pagination ul li.active a {
  color: var(--c-white);
  background: var(--c-main-6);
}


/* page search  */
.pbmit-search-results-main-wrapper.skltbs-theme-light .skltbs-tab-item:nth-child(6) {
    display: none;
}


/* page-contact : Template Campus Recruiment */
@media (max-width: 767px) {
  .page-contact {
    background: #fff !important;
  }
}
.page-contact form {
  padding: 32px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  background: #FFF;
}
@media (max-width: 767px) {
  .page-contact form {
    padding: 0;
    background: transparent;
  }
}
.page-contact form p {
  margin: 0;
}
/* .page-contact form .form-title {
  color: #111827;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 20px;
} */
.page-contact form .title {
  color: #144FE2;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 16px;
  padding-left: 15px;
  position: relative;
}
.page-contact form .title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 50px;
  background: #144FE2;
  width: 5px;
  height: 20px;
}
.page-contact form .form-group {
  margin: 0 0 16px;
}
.page-contact form .form-group label {
  color: #4B5563;
  margin: 0 0 4px;
}
.page-contact form .form-group label .required {
  color: #DC2626;
  margin: 0 0 0 2px;
}
.page-contact form input,
.page-contact form select,
.page-contact form textarea {
  padding: 8px 12px;
  border-radius: 8px !important;
  min-width: 100%;
  max-width: 100%;
  height: 38px !important;
  border: 1px solid #E5E7EB !important;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(1, 1, 1, 0.10);
}
.page-contact form input::-webkit-input-placeholder {
    color: #D1D5DB;
}
.page-contact form input::-moz-placeholder {
    color: #D1D5DB;
}
.page-contact form input:-ms-input-placeholder {
    color: #D1D5DB;
}
.page-contact form input:-moz-placeholder {
    color: #D1D5DB;
}
#page .page-contact .select2-container .select2-selection--single {
  /* padding: 12px 14px !important; */
  border-radius: 8px !important;
  min-width: 100%;
  max-width: 100%;
  height: 38px !important;
  border: 1px solid #E5E7EB !important;
  color: #4B5563;
  padding-left: 14px !important;
  padding-right: 24px !important;
}
#page .page-contact .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-right: 0;
}
#page .page-contact .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 5px;
}
.page-contact form textarea {
    height: 110px;
}
.page-contact form .codedropz-upload-wrapper {
    margin: 16px 0 0;
}
.page-contact form .codedropz-upload-wrapper .codedropz-upload-inner h3 {
    color: #144FE2;
}
.page-contact form .submit p {
    margin-top: 32px;
}
.page-contact form .submit input {
    padding: 12px 32px;
    border-radius: 50px !important;
    border: none !important;
    height: auto !important;
    background: #144FE2;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.20) inset, 0 6px 12px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 2px 0 rgba(8, 8, 8, 0.20), 0 4px 4px 0 rgba(8, 8, 8, 0.08);
}
.page-contact form .wpcf7-radio {
    display: flex;
    gap: 36px;
}
.page-contact form .form-group .wpcf7-list-item {
    margin: 0;
    display: block;
}
.page-contact form .form-group .wpcf7-list-item label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #111827;
    /* @extend font_inter_400; */
}
.page-contact form .form-group .wpcf7-list-item label input {
    width: 16px;
    height: 16px !important;
    min-width: 16px;
}
.page-contact form .wpcf7-response-output {
    margin: 0;
}
#ui-datepicker-div .ui-icon {
    font-size: 0;
}




/* button toggle menu mobile */
.sotatek-header>.container>.grid .toggle {
    cursor: pointer;
    display: none;
    flex-direction: column;
    height: 18px;
    justify-content: space-between;
    width: 24px;
    z-index: 2;
}

@media (max-width: 1200px) {
    .sotatek-header>.container>.grid .toggle {
        display: flex;
    }
}

.sotatek-header>.container>.grid .toggle .line {
    background: var(--c-main-7);
    border-radius: 10px;
    display: block;
    height: 2.5px;
    width: 100%;
}

.sotatek-header.dark>.container>.grid .toggle .line,
.header-active .sotatek-header>.container>.grid .toggle .line {
    background: var(--c-white);
}

.sotatek-header.stick>.container>.grid .toggle .line {
    background: var(--c-main-7);
}

/* Header Click show menu mobile */
.header-active {
    overflow: hidden;
}

/* Header */
.sotatek-header {
    height: 75px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    position: relative;
    background-color: #fff;
}

.sotatek-header.dark {
    position: fixed;
    background-color: transparent;
}

.header-active .sotatek-header,
.header-active .sotatek-header.dark {
    background-color: #002359;
}

.sotatek-header.stick {
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(20, 19, 22, 0.15);
    position: fixed;
}

.sotatek-header.stick.dark {
    background-color: #fff;
}

@media (max-width: 1200px) {
    .sotatek-header.stick {
        height: 56px;
    }
}

.sotatek-header>.container {
    height: 100%;
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .sotatek-header>.container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sotatek-header>.container>.grid {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
}

.sotatek-header>.container>.grid .sotatek-header-left {
    align-items: center;
    display: flex;
    height: 100%;
    gap: 26px;
}

.sotatek-header>.container>.grid .sotatek-header-left a.logo-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

.sotatek-header>.container>.grid .sotatek-header-left a.logo-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sotatek-header>.container>.grid .sotatek-header-right {
    align-items: center;
    display: flex;
    height: 100%;
    gap: 30px;
}

@media (max-width: 1200px) {
    .sotatek-header>.container>.grid .sotatek-header-right {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .sotatek-header>.container>.grid .sotatek-header-right {
        gap: 16px;
    }
}

/* menu */
.sotatek-header>.container>.grid .menu {
    height: 100%;
}

.header-active .sotatek-header>.container>.grid .menu {
    opacity: 1;
    height: 100%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 75px;
}

@media (max-width: 1200px) {
    .sotatek-header>.container>.grid .menu {
        background-color: #002359;
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow-y: auto;
        padding: 0;
        position: fixed;
        right: 0;
        top: 75px;
        transition: opacity var(--transition-time) ease;
        z-index: 1;
        height: 0;
        padding-bottom: 0;
    }

    .sotatek-header.stick>.container>.grid .menu {
        top: 56px;
    }
}

.menu-all-sotatek-header-en-container {
    height: 100%;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container {
        height: auto;
    }
}

.menu-all-sotatek-header-en-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu {
    align-items: center;
    display: flex;
    height: 100%;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu {
        flex-wrap: wrap;
        height: unset;
    }
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item {
    cursor: pointer;
    height: 100%;
    /* border-top: 6px solid transparent; */
    position: relative;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item {
        width: 100%;
        /* border-top: none; */
    }
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a {
    color: var(--c-main-7);
    /* font-size: 16px; */
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none;
    transition: color var(--transition-time) ease;
    display: block;
    padding: 8px 0;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a {
        color: var(--c-white) !important;
        padding: 12px 0;
    }
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 12px;
}

.sotatek-header.dark .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
    color: var(--c-white);
}

.sotatek-header.stick .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
    color: var(--c-main-7);
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a span.menu-image-title {
    padding-left: 0;
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description {
    color: var(--c-main-9);
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 4px;
    letter-spacing: 0;
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description:empty {
    display: none;
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
    position: absolute;
    left: 12px;
    top: calc(100% - 10px);
    border-top: 3px solid var(--pbmit-xhyre-main-menu-active-color);
    min-width: 250px;
    background-color: var(--c-white);
    border-radius: 6px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 12px 24px;
    height: 0;
    visibility: hidden;
    z-index: -1;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
        box-shadow: none;
        border-top: none;
        display: block;
        overflow: hidden;
        padding: 0;
        position: static;
        transition: opacity var(--transition-time) ease,
            max-height var(--transition-time) ease,
            padding-top var(--transition-time) ease,
            padding-bottom var(--transition-time) ease;
        background-color: transparent;
        border-radius: 0;
    }
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu.expand {
    height: max-content;
    visibility: visible;
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children>a {
    background: url(/wp-content/uploads/2026/08/icon-down.svg) no-repeat top 50% right 10px;
    padding-right: 27px;
    position: relative;
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children>a {
        background: url(/wp-content/uploads/2026/08/icon-down.svg) no-repeat top 50% right 0px;
    }
}

/* .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:hover, */
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.current-menu-item a {
    /* border-color: var(--c-main-6); */
    color: var(--c-main-6);
}

@media (max-width: 1200px) {

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:hover>a,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.current-menu-item>a {
        box-shadow: none;
    }
}

.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>a {
    /* box-shadow: 0 -19px 19px 2px rgba(0, 0, 0, 0.1); */
    /* clip-path: none; */
}

@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>a {
        /* box-shadow: none; */
        /* background-color: transparent; */
    }
}

/*sub menu pc*/
@media (min-width: 1701px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item .description {
        min-height: 33.59px;
    }
}

@media (min-width: 1201px) and (max-width: 1700px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item .description {
        min-height: 33.59px;
    }
}

@media (min-width: 1201px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>ul.sub-menu {
        height: max-content;
        visibility: visible;
        top: calc(100% - 10px);
        transition: all 400ms ease 0ms;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
/*         display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 48px;
        row-gap: 32px; */
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu {
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item>a {
        font-size: 14px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu li.menu-item a img {
        display: none;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu li:hover>a {
        color: var(--c-main-6);
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a {
        color: var(--c-main-8);
        /* font-size: 16px; */
        font-size: 14px;
        font-weight: 700;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 2px solid var(--c-main-6);
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item {
        margin: 0 0 8px;
        padding: 8px 0 0;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item:last-child {
        margin-bottom: 0;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item a {
        font-size: 14px;
    }
}

/*sub menu mobile*/
@media (max-width: 1200px) {
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
        padding: 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:last-child>a {
        border-bottom: none;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description {
        color: #F6F7FC;
        opacity: 0.7;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item {
        background-color: var(--c-main-8);
        padding: 0 16px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item {
        padding: 0;
        margin-bottom: 2px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item:hover,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item:hover,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item:hover {
        background: #17a1d9;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item {
        padding-left: 16px;
        padding-right: 16px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a {
        padding: 13px 16px 10px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a br {
        display: none;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item>a,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item>a {
        font-size: 14px;
        font-weight: 400;
        padding: 12px 0;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item>a>.description,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item>a>.description {
        display: none;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a {
        display: grid;
        grid-template: "icon title" "icon description" min-content / 25px 1fr;
        grid-column-gap: 12px;
        padding: 12px 0;
        font-size: 14px;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a img,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a img {
        grid-area: icon;
        filter: brightness(0) invert(1);
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a span,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a span {
        grid-area: title;
    }

    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a>.description,
    .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a>.description {
        grid-area: description;
        margin-top: 4px;
    }
}


/* Search Header */
.header-search>img {
    filter: brightness(0);
    width: 26px;
    cursor: pointer;
}

.header-active .sotatek-header .header-search>img,
.sotatek-header.dark .header-search>img {
    filter: brightness(0) invert(1);
}

.sotatek-header.stick .header-search>img {
    filter: brightness(0);
}

.header-search-form {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    width: 100%;
    max-width: 410px;
    display: none;
}

.header-search-form.active {
    display: block;
}

.header-active .sotatek-header .header-search .header-search-form {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.header-search-form input {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 12px 35px 12px 50px;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    backdrop-filter: blur(10px);
}

.header-search-form input::-webkit-input-placeholder {
    color: #BDC0CE;
}

.header-search-form input::-moz-placeholder {
    color: #BDC0CE;
}

.header-search-form input:-ms-input-placeholder {
    color: #BDC0CE;
}

.header-search-form input:-moz-placeholder {
    color: #BDC0CE;
}

.header-search-form button {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
    padding: 0;
    width: auto;
    height: auto;
}

.header-search-form button img {
    filter: brightness(1);
    width: 26px;
}

img.close-form-search {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
    padding: 0;
    width: 18px;
    height: auto;
    filter: brightness(0.5);
    cursor: pointer;
}

.header-search-form.mobile {
    position: relative;
    top: auto;
    right: auto;
    max-width: 100%;
    display: none;
}

.header-active .header-search-form.mobile.active {
    display: block;
}

/* Contact Header */
.header-contact {
    padding: 10px 16px;
    font-size: 14px;
}

@media (max-width: 1200px) {
    /* .sotatek-header.stick .header-contact { */
    .sotatek-header .header-contact {
        display: none;
    }
}

.header-contact:hover,
.header-contact:focus {
    color: #fff;
}

.header-active .sotatek-header .header-contact {
    display: none;
}

/* Language Header */
.sotatek-header>.container>.grid .menu>li.lang-item {
    display: none;
}

.s-language-switcher {
    position: relative;
    padding: 0 !important;
}

.s-language-switcher ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
}

.s-language-switcher ul.active {
    display: block;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 2;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.s-language-switcher ul li a {
    color: var(--c-main-7);
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 8px 16px;
    display: block;
}

.s-language-switcher ul li a:hover {
    color: var(--c-main-6);
}

.s-language-switcher ul li.current-lang a {
    color: var(--c-main-6);
}

/* .s-language-switcher ul li.lang-item-1345 {
  display: none;
} */

.s-language-switcher .language-active {
    color: var(--c-main-7);
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.s-language-switcher .language-active:before {
    content: "";
    position: absolute;
    z-index: 1;
    border-right: 2px solid var(--c-main-7);
    border-bottom: 2px solid var(--c-main-7);
    padding: 3.5px;
    right: 3.5px;
    top: 5px;
    transform: rotate(45deg);
}

.s-language-switcher .language-active img {
    filter: brightness(0);
}

@media (max-width: 480px) {
    .s-language-switcher .language-active img {
        display: none;
    }
}

.sotatek-header.dark .s-language-switcher .language-active,
.header-active .sotatek-header .s-language-switcher .language-active {
    color: var(--c-white);
}

.sotatek-header.stick .s-language-switcher .language-active {
    color: var(--c-main-7);
}

.sotatek-header.dark .s-language-switcher .language-active img,
.header-active .sotatek-header .s-language-switcher .language-active img {
    filter: none;
}

.sotatek-header.stick .s-language-switcher .language-active img {
    filter: brightness(0);
}

.sotatek-header.dark .s-language-switcher .language-active:before,
.header-active .sotatek-header .s-language-switcher .language-active:before {
    border-right-color: var(--c-white);
    border-bottom-color: var(--c-white);
}

.sotatek-header.stick .s-language-switcher .language-active:before {
    border-right-color: var(--c-main-7);
    border-bottom-color: var(--c-main-7);
}

/* menu-mobile-bottom */
.menu-mobile-bottom {
    display: none;
    margin: 8px 0 70px 0;
}

@media (max-width: 1200px) {
    .menu-mobile-bottom {
        display: block;
    }
}

.menu-mobile-bottom .header-contact {
    display: block !important;
    width: 100%;
    margin-bottom: 24px;
}

.menu-mobile-bottom .menu-mobile-bottom-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-right: 5px;
}

.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society {
    display: flex;
    gap: 12px;
}

.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society a {
    display: flex;
    width: 45px;
    height: 45px;
    padding: 12px var(--Spacing-16, 16px);
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: rgba(0, 0, 0, 0.21);
}

.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society a[href=""] {
    display: none;
}

/*footer*/
.site-footer.pbmit-footer-style-2 {
    margin: 0 !important;
    border-radius: 0 !important;
}
.footer {
  background-image: url(/wp-content/uploads/2026/08/bg-footer.png);
  background-color: var(--c-main-7);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.footer:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 550px;
  height: 150px;
  background-image: url(/wp-content/uploads/2026/08/footer-light-flash-effect-white.png);
  z-index: 1;
}
.footer-top {
  padding: 64px 0;
  background: linear-gradient(180deg, rgba(16, 22, 36, 0.00) 0%, #101624 100%);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .footer-top {
    padding: 48px 0;
  }
}
.footer-top .form-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}
@media (max-width: 767px) {
  .footer-top .form-contact {
    display: block;
  }
}
.footer-top .form-contact .form-contact-info .title {
  color: #FFF;
  font-size: 48px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -1px;
  margin-bottom: 16px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .footer-top .form-contact .form-contact-info .title {
    font-size: 32px;
    padding-right: 0;
  }
}
.footer-top .form-contact .form-contact-info .desc {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.7;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer-top .form-contact .bao-form {
    margin-top: 40px;
  }
}
.footer-top .form-contact .bao-form br {
    display: none;
}
.footer-top .form-contact .bao-form p {
    margin-bottom: 0;
}
.footer-top .form-contact .bao-form .form-group > p {
    display: flex;
    gap: 16px;
}
@media (max-width: 767px) {
  .footer-top .form-contact .bao-form .form-group > p {
    display: block;
  }
}
.footer-top .form-contact .bao-form input,
.footer-top .form-contact .bao-form textarea {
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  /* backdrop-filter: blur(12px); */
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
  height: 40px;
}
.footer-top .form-contact .bao-form textarea {
  height: 110px;
}
.footer-top .form-contact .bao-form input::placeholder,
.footer-top .form-contact .bao-form textarea::placeholder {
    color: #7E8494;
}
.footer-top .form-contact .bao-form input[type="submit"] {
  padding: 12px 32px;
  border-radius: 50px;
  background: var(--c-main-6);
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08);
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  height: auto;
  margin: 16px 0 0;
}

.footer-bottom {
  background: var(--c-main-7);
  padding: 64px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .footer-bottom {
    padding: 24px 0 48px;
  }
}
.footer-bottom .logo {
  margin-bottom: 40px;
}
.footer-bottom .info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}
@media (max-width: 767px) {
  .footer-bottom .info {
    display: block;
  }
}
.footer-bottom .info .info-left .title {
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}
.footer-bottom .info .info-left .desc {
  color: #BDC0CE;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
  padding-right: 48%;
}
@media (max-width: 767px) {
  .footer-bottom .info .info-left .desc {
    margin-bottom: 16px;
    padding-right: 0;
  }
}
.footer-bottom .info .info-left .social .link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7E8494;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
.footer-bottom .info .info-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .footer-bottom .info .info-right {
    margin-top: 24px;
  }
}
.footer-bottom .info .info-right .menu {
  padding-left: 16px;
}
.footer-bottom .info .info-right .menu .title {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  position: relative;
}
.footer-bottom .info .info-right .menu .title:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 46px;
  background: #3286FF;
  z-index: 1;
}
.footer-bottom .info .info-right .menu .nav-primary ul {
  padding-left: 0;
  list-style: none;
  margin-bottom:  0;
}
.footer-bottom .info .info-right .menu .nav-primary ul li a {
  color: #7E8494;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
  display: block;
}
.footer .copyright {
  padding: 24px 0;
  border-top: 1px solid var(--Grey-input, #1D212E);
  background: var(--Base-color-Black, #0A0F1C);
}
@media (max-width: 767px) {
  .footer .copyright {
    padding: 16px 0;
  }
}
.footer .copyright .grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer .copyright .grid {
    flex-direction: column;
  }
}
.footer .copyright .grid .left {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .footer .copyright .grid .left {
    display: block;
    text-align: center;
  }
}
.footer .copyright .grid .left > * {
    color: #BDC0CE !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    white-space: nowrap;
}
@media (max-width: 767px) {
  .footer .copyright .grid .left p {
    margin-bottom: 12px;
  }
  .footer .copyright .grid .left a {
    padding: 0 8px;
  }
}
.footer .copyright .grid .social-links {
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 767px) {
  .footer .copyright .grid .social-links {
    margin-top: 20px;
  }
}
.footer .copyright .grid .social-links a {
    width: 35px;
    height: 35px;
    background: #1D212E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* mobileappnew-capabilities */
.mobileappnew-capabilities:before {
  content: "";
  position: absolute;
  left: 50% !important;
  top: -210px !important;
  transform: translateX(-50%);
  width: 140% !important;
  height: 250px !important;
  background: #fff;
  border-radius: 50%;
  z-index: 1 !important;
}
.mobileappnew-capabilities:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -210px;
  transform: translateX(-50%);
  width: 140%;
  height: 250px;
  background: #fff;
  border-radius: 50%;
  z-index: 1 !important;
}
.mobileappnew-capabilities > .elementor-container:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  width: 550px;
  height: 155px;
  background-image: url(/wp-content/uploads/2026/08/home-why-light-flash-effect-white.png);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
@media (max-width: 767px) {
  .mobileappnew-capabilities:before {
    top: -225px !important;
    border-radius: 40%;
  }
  .mobileappnew-capabilities:after {
    bottom: -225px;
    border-radius: 40%;
  }
  .mobileappnew-capabilities > .elementor-container:after {
    top: 25px;
    width: 250px;
    height: 514px;
  }
}

/* mobileappnew-capabilities-content home */
.mobileappnew-capabilities-content .elementor-section,
.mobileappnew-capabilities-content .elementor-container {
  height: 100%;
}
.mobileappnew-capabilities-content .item {
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 32px;
    background: rgba(16, 22, 36, 0.20);
    backdrop-filter: blur(20px);
}

@media screen and (max-width: 767px) {
    .mobileappnew-capabilities-content .item {
        padding: 16px;
    }
}

.mobileappnew-capabilities-content .item:hover {
    background-image: url(/wp-content/uploads/2026/09/bg-home-new-testi2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mobileappnew-capabilities-content .item .number .elementor-heading-title {
    display: inline-flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: normal !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--c-main-6);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .mobileappnew-capabilities-content .item .number .elementor-heading-title {
        width: 28px;
        min-width: 28px;
        height: 28px;
    }
}

.mobileappnew-capabilities-content .item:hover .number .elementor-heading-title  {
    background: #FFF;
    color: var(--c-main-6);
}

.mobileappnew-capabilities-content .item .title .elementor-heading-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.2px;
}

@media screen and (max-width: 767px) {
    .mobileappnew-capabilities-content .item .title .elementor-heading-title {
        margin-top: 12px;
        font-size: 16px;
        letter-spacing: normal;
    }
}

.mobileappnew-capabilities-content .item:hover .title .elementor-heading-title {
    color: #ffffff;
}

.mobileappnew-capabilities-content .item .desc .elementor-heading-title {
    margin-top: 8px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .mobileappnew-capabilities-content .item .desc .elementor-heading-title {
        margin-top: 4px;
    }
}

.mobileappnew-capabilities-content .item .desc .elementor-heading-title {
    color: #ffffff70;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.mobileappnew-capabilities-content .item:hover .desc .elementor-heading-title {
    color: #ffffff;
}

/* mobileappnew-capabilities-content-v2 service-payroll */
.mobileappnew-capabilities-content-v2 .elementor-section,
.mobileappnew-capabilities-content-v2 .elementor-container {
  height: 100%;
}
.mobileappnew-capabilities-content-v2 .item {
    padding: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.mobileappnew-capabilities-content-v2 .item:hover {
    background-image: url(/wp-content/uploads/2026/09/bg-home-new-testi2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mobileappnew-capabilities-content-v2 .item:hover .figure img {
    filter: brightness(0) invert(1);
}

.mobileappnew-capabilities-content-v2 .item .number .elementor-heading-title {
    display: inline-flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: normal !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #E7F5FF;
    color: #036AE5;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.mobileappnew-capabilities-content-v2 .item:hover .number .elementor-heading-title  {
    background: #FFF;
    color: var(--c-main-6);
}

.mobileappnew-capabilities-content-v2 .item .title .elementor-heading-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #101624;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.2px;
}

.mobileappnew-capabilities-content-v2 .item:hover .title .elementor-heading-title {
    color: #ffffff;
}

.mobileappnew-capabilities-content-v2 .item .desc .elementor-heading-title {
    margin-top: 8px;
    margin-bottom: 0;
}

.mobileappnew-capabilities-content-v2 .item .desc .elementor-heading-title {
    color: #565C69;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.mobileappnew-capabilities-content-v2 .item:hover .desc .elementor-heading-title {
    color: #ffffff;
}

/* mobileappnew-capabilities-content-v2 dark service-mass-recruitment */
.mobileappnew-capabilities-content-v2.dark .item {
    background: #101624;
}
.mobileappnew-capabilities-content-v2.dark .item:hover {
    background-image: url(/wp-content/uploads/2026/09/bg-home-new-testi2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.mobileappnew-capabilities-content-v2.dark .item .number .elementor-heading-title {
    background: #022259;
    color: #ffffff;
}
.mobileappnew-capabilities-content-v2.dark .item:hover .number .elementor-heading-title  {
    background: #FFF;
    color: var(--c-main-6);
}
.mobileappnew-capabilities-content-v2.dark .item .title .elementor-heading-title {
    color: #ffffff;
}
.mobileappnew-capabilities-content-v2.dark .item:hover .title .elementor-heading-title {
    color: #ffffff;
}
.mobileappnew-capabilities-content-v2.dark .item .desc .elementor-heading-title {
    color: #ffffff70;
}
.mobileappnew-capabilities-content-v2.dark .item:hover .desc .elementor-heading-title {
    color: #ffffff;
}

/* mobileappnew-capabilities-v3 service-staffing-service */
.mobileappnew-capabilities-v3.mobileappnew-capabilities > .elementor-container:after {
  display: none; 
}

.mobileappnew-capabilities-v3.mobileappnew-capabilities:after {
    background: #f2f5fd;
}

/* mobileappnew-capabilities-content-v3 service-staffing-service */
.mobileappnew-capabilities-content-v3 .elementor-section,
.mobileappnew-capabilities-content-v3 .elementor-container {
  height: 100%;
}
.mobileappnew-capabilities-content-v3 .item {
    padding: 40px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 32px;
    overflow: hidden;
    min-height: 251px;
    position: relative;
}
@media screen and (max-width: 767px) {
  .mobileappnew-capabilities-content-v3 .item {
    padding: 20px 16px;
    border-radius: 16px;
  }
}
.mobileappnew-capabilities-content-v3 .item:hover {
    background-image: url(/wp-content/uploads/2026/09/bg-home-new-testi2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mobileappnew-capabilities-content-v3 .item:hover:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #036AE5;
    z-index: 0;
    opacity: 0.9;
}

.mobileappnew-capabilities-content-v3 .item .number .elementor-heading-title {
    display: inline-flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: normal !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #E7F5FF;
    color: #036AE5;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.mobileappnew-capabilities-content-v3 .item:hover .number .elementor-heading-title  {
    /* background: #FFF; */
    /* color: var(--c-main-6); */
    display: none;
}

.mobileappnew-capabilities-content-v3 .item .title .elementor-heading-title {
    margin-top: 23.5px;
    margin-bottom: 0;
    color: #101624;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}
@media screen and (max-width: 767px) {
  .mobileappnew-capabilities-content-v3 .item .title .elementor-heading-title {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
  }
}
.mobileappnew-capabilities-content-v3 .item:hover .title .elementor-heading-title {
    /* color: #ffffff; */
    display: none;
}

.mobileappnew-capabilities-content-v3 .item .desc .elementor-heading-title {
    margin-top: 0;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    display: none;
    position: relative;
    padding-top: 21px;
}
@media screen and (max-width: 767px) {
  .mobileappnew-capabilities-content-v3 .item .desc .elementor-heading-title {
    font-size: 14px;
    font-weight: 400;
    padding-top: 16px;
  }
}
.mobileappnew-capabilities-content-v3 .item .desc .elementor-heading-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 5px;
    background: #FFF;
    z-index: 1;
}

.mobileappnew-capabilities-content-v3 .item:hover .desc .elementor-heading-title {
    color: #ffffff;
    display: block;
}

/* mobileappnew-capabilities-content-v4 service-mass-recruitment */
.mobileappnew-capabilities-content-v4 .item {

}
@media screen and (max-width: 767px) {
  .mobileappnew-capabilities-content-v4 .item {
    text-align: center;
  }
}

.mobileappnew-capabilities-content-v4 .item .number .elementor-heading-title {
    display: inline-flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: normal !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #E7F5FF;
    color: #036AE5;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.mobileappnew-capabilities-content-v4 .item .title .elementor-heading-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #036AE5;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
}

.mobileappnew-capabilities-content-v4 .item .desc .elementor-heading-title {
    margin-top: 8px;
    margin-bottom: 0;
    color: #565C69;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

/*homenew s-posts-list-new*/
.s-posts-list-new .posts {
    padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .s-posts-list-new .posts {
        padding-bottom: 16px;
    }
}

.s-posts-list-new .posts .item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.s-posts-list-new .posts .item .thumbnail {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    position: relative;
}

.s-posts-list-new .posts .item .thumbnail img {
    width: 100%;
    object-fit: contain;
}

.s-posts-list-new .posts .item .info {
    /* padding: 16px 16px 16px 0; */
    padding: 16px 16px 0 0;
    transition: all 500ms ease 0ms;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
}

.s-posts-list-new .posts .item .info .meta {
    /* margin-bottom: 12px; */
}

.s-posts-list-new .posts .item .info .meta .category a {
    padding: 4px 12px;
    margin: 0 4px 4px 0;
    border-radius: 36px;
    background: #E5E7EF;
    color: var(--c-main-7);
    font-size: 14px;
    display: inline-block;
}

.s-posts-list-new .posts .item .info .meta .date {
    color: #7E8494;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 4px;
}

.s-posts-list-new .posts .item .info .title {
    color: var(--c-main-7);
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 0;
    display: block;
}

@media screen and (max-width: 767px) {
    .s-posts-list-new .posts .item .info .title {
        font-size: 14px;
    }
}

.s-posts-list-new .posts .item .info .title>* {
    color: var(--c-main-7);
    font-weight: 400;
}

.s-posts-list-new .posts .item:hover .info .title {
    color: var(--c-main-6);
}

.s-posts-list-new .posts .item .info .desc {
    color: #565C69;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 8px 0 0;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.s-posts-list-new .posts .item .info .desc>* {
    color: #565C69;
    font-size: 16px;
}

.s-posts-list-new .posts .item .info .s-button--read-more-new {
    margin-top: 24px;
    visibility: hidden;
    transform: translateX(-120px);
    --transition-time: 0.4s;
}

.s-posts-list-new .posts .item:hover .info .s-button--read-more-new {
    visibility: visible;
    transform: none;
}

@media screen and (max-width: 767px) {
    .s-posts-list-new .posts .item .info .s-button--read-more-new {
        margin-top: 20px;
    }
}

/*ims-work*/
@media screen and (min-width: 768px) {
  .ims-work-content > .elementor-container > .elementor-column {
      flex: 1;
      transition: flex 0.3s ease;
  }

  .ims-work-content > .elementor-container > .elementor-column:hover {
      flex: 0 0 305px;
  }
}

.ims-work-content .item {
    position: relative;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
}

.ims-work-content .item .elementor-widget-wrap {
    padding: 0 !important;
}

.ims-work-content .item .figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* background: rgba(29, 33, 46, 0.80); */
    transition: all 300ms ease 0ms;
    background: linear-gradient(0deg, rgba(29, 33, 46, 0.70) 0%, rgba(29, 33, 46, 0.30) 100%);
}

.ims-work-content .item:hover .figure:after {
    height: 0%;
}

.ims-work-content .item .figure img {
    height: 420px;
    object-fit: cover;
    width: 100%;
}

.ims-work-content .item .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    padding: 24px 24px 12px;
}

.ims-work-content .item .content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: all 300ms ease 0ms;
    /* background: rgba(3, 106, 229, 0.85); */
    background: linear-gradient(0deg, rgba(16, 62, 178, 0.85) 0%, rgba(16, 62, 178, 0.85) 100%);
}

.ims-work-content .item:hover .content:after {
    height: 100%;
}

.ims-work-content .item .content .elementor-container {
    height: 100%;
}
.ims-work-content .item .content .elementor-container .elementor-widget-wrap {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.ims-work-content .item .content .number .elementor-heading-title {
    display: inline-flex;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: normal !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* background: var(--c-main-6); */
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    background: rgba(10, 15, 28, 0.50);
    box-shadow: 0 3.2px 40px 0 rgba(0, 0, 0, 0.08);
}
.ims-work-content .item .content .title .elementor-heading-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.2px;
    margin: 12px 0;
}
.ims-work-content .item .content .desc {
    height: 0;
    visibility: hidden;
    transition: all 500ms ease 0ms;
    flex: 0;
}

.ims-work-content .item:hover .content .desc {
    height: 100%;
    visibility: visible;
    flex: 1;
}

.ims-work-content .item .content .desc,
.ims-work-content .item .content .desc .elementor-heading-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.ims-work-content .item:hover .content .desc .elementor-widget-container,
.ims-work-content .item:hover .content .desc .elementor-heading-title {
    height: 100%;
}

.ims-work-content .item .content .desc p {
    margin-bottom: 10px;
}

.ims-work-content .item .content .desc ul {
    padding-left: 20px;
    margin-bottom: 12px;
}


/*stack-cards ims-service*/
/* .page-id-3165 .site#page { */
body .site#page {
    overflow: unset;
}

.stack-cards {
    --stack-cards-gap: 1.75rem;
    /* --stack-cards-item-ratio: 3/1; */
}

.stack-cards__item {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    min-height: 429px;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    background-color: hsla(0, 0%, 100%, 1);
    /* box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12); */
    box-shadow: 0 24px 48px 0 rgba(20, 19, 22, 0.16);
    border-radius: 48px;
}
@media screen and (max-width: 767px) {
    .stack-cards__item {
        border-radius: 24px;
    }
}
/* .stack-cards__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
}

.stack-cards__item:before {
    background: url(/wp-content/uploads/2024/12/ims-service-border.svg);
    background-size: 100%;
    height: 4px;
    content: "";
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.stack-cards__item.active-scrolling:before {
    width: 100%;
} */

@media screen and (max-width: 767px) {
    .stack-cards__item {
        top: 80px;
    }
}


/*ims-service*/
.ims-service-content .item {
    display: grid;
    grid-template-columns: 1fr 349px;
    gap: 32px;
    padding: 48px;
}
@media screen and (max-width: 767px) {
    .ims-service-content .item {
        display: block;
        padding: 24px;
    }
}
.ims-service-content .item .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ims-service-content .item .content .title {
    color: var(--c-main-7);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .ims-service-content .item .content .title {
    font-size: 20px;
  }
}
.ims-service-content .item .content .desc {
    color: #565C69;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    margin: 16px 0 0;
}
@media screen and (max-width: 767px) {
  .ims-service-content .item .content .desc {
    font-size: 16px;
  }
}
.ims-service-content .item .content .desc ul {
    padding-left: 20px;
    margin: 16px 0 0;
}

.ims-service-content .item .content .desc ul li {
    color: var(--c-main-7) !important;
}
.ims-service-content .item .content .desc ul li:not(:last-child) {
    margin-bottom: 12px;
}
.ims-service-content .item .content .desc ul li::marker {
    color: var(--c-main-6);
}

.ims-service-content .item .content .s-button--main--three {
    background: transparent;
    color: var(--c-main-6);
    border: 1px solid var(--c-main-6);
    margin-top: 16px;
}

.ims-service-content .item > img {
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .ims-service-content .item > img {
    margin-top: 16px;
  }
}

/*homenew_job*/
.homenew_job .whitepaper-list-post-title,
.homenew_job .whitepaper-list-post-desc {
  display: none;
}
.homenew_job .whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .homenew_job .whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .homenew_job .whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homenew_job .job-item-style .item {
    border: none;
}

/*homenew_banner*/
/* .homenew-banner-info .bao > .elementor-widget-wrap {
    display: inline-flex !important;
    justify-content: center;
    gap: 44px;
}
.homenew-banner-info .bao > .elementor-widget-wrap > .elementor-section {
    width: auto;
} */
.homenew-banner-info > .elementor-container > .elementor-column:not(:last-child):after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #ffffff40;
    z-index: 1;
}
@media screen and (max-width: 767px) {
  .homenew-banner-info > .elementor-container > .elementor-column:nth-child(2):after {
    display: none;
  }
}

/*banner all page*/
.banner:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%) rotate(180deg);
    width: 550px;
    height: 150px;
    background-image: url(/wp-content/uploads/2026/08/footer-light-flash-effect-white.png);
    z-index: 0;
}

/*blockchain_slider_partner*/
#blockchain_slider_partner .elementor-widget-container {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 96px;
    width: 100%;
    padding: 0 6px;
}





/*style-popmake global (popup theme : Ready to Build Software Theme)*/
.pum-overlay {
    width: 100%;
}

.pum-container .pum-close {
    background: url(/wp-content/uploads/2026/08/icon-close.svg) no-repeat 50% !important;
    background-size: cover !important;
    box-shadow: none !important;
    color: transparent !important;
    text-shadow: none !important;
    width: 15px !important;
    height: 15px !important;
    right: 20px !important;
    top: 20px !important;
    padding: 0 !important;
}

.pum-container.popmake {
    border-radius: 8px !important;
    box-shadow: 0 -1px 12px -2px rgba(191, 191, 191, 0.10) !important;
    background-color: #fff !important;
    margin: 0 !important;
    top: 70px !important;
    overflow: hidden;
}

@media (min-width:1200px) {
    .pum-container.popmake {
        /* max-width: 451px !important; */
/*         top: 40% !important;
        transform: translateY(-50%) !important; */
        top: 50px !important;
    }
}

.pum-container.popmake .pum-content {
    display: grid;
    height: 100%;
    place-items: center;
    width: 100%;
    z-index: 1;
}

.pum-container.popmake .pum-content p:empty {
    display: none;
}

/*fix add mutil trigger error*/
html .pum-active {
    display: block !important;
}


.pum-container.popmake .pum-content .popup-content {
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 100%;
    /* text-align: center; */
}

.pum-container.popmake .pum-content .popup-content>img {
    margin-bottom: 12px;
}

.pum-container.popmake .pum-content .popup-content .s-header {
    color: #111827;
    line-height: 140%;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    /* letter-spacing: -0.5px; */
    margin: 0 0 10px;
}

.pum-container.popmake .pum-content .popup-content .s-text {
    color: #565C69;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 10px;
}

.pum-container.popmake .pum-content .popup-content form p>span>input,
.pum-container.popmake .pum-content .popup-content form p>span>textarea {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 2px 0 rgba(1, 1, 1, 0.10);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    padding: 10px 16px;
    width: 100%;
    color: #000;
}

.pum-container.popmake .pum-content .popup-content form p>span>input::placeholder,
.pum-container.popmake .pum-content .popup-content form p>span>textarea::placeholder {
    color: #D1D5DB;
    font-weight: 400;
}

.pum-container.popmake .pum-content .popup-content form p>span>textarea {
    max-height: 130px;
    resize: none;
}

.pum-container.popmake .pum-content .popup-content form .wpcf7-form-control-wrap {
    width: 100%;
}
.pum-container.popmake .pum-content .popup-content form br {
    display: none;
}
.pum-container.popmake .pum-content .popup-content form p {
    margin-bottom: 0;
}
.pum-container.popmake .pum-content .popup-content form .bao {
    display: flex;
    gap: 16px;
}
@media (max-width: 767px) {
  .pum-container.popmake .pum-content .popup-content form .bao {
    display: block;
  }
}
.pum-container.popmake .pum-content .popup-content form label {
  color: #4B5563;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 4px;
}
.pum-container.popmake .pum-content .popup-content form label span {
  color: #CE1226;
  padding-left: 2px;
}
.pum-container.popmake .pum-content .popup-content form input,
.pum-container.popmake .pum-content .popup-content form textarea {
  border: 1px solid #E5E7EB;
  padding: 8px 12px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(1, 1, 1, 0.10);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 10px;
  height: 38px;
}
.pum-container.popmake .pum-content .popup-content form textarea {
  height: 110px;
}
.pum-container.popmake .pum-content .popup-content form input::placeholder,
.pum-container.popmake .pum-content .popup-content form textarea::placeholder {
    color: #D1D5DB;
}
.pum-container.popmake .pum-content .popup-content form .text {
  color: #565C69;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.pum-container.popmake .pum-content .popup-content form .text a {
  color: #1A3D96;
}
.pum-container.popmake .pum-content .popup-content form input[type="submit"] {
  padding: 10px 28px;
  border-radius: 50px;
  background: var(--c-main-6);
  /* box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08); */
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  height: auto;
  margin: 20px 0 0;
  width: 100%;
}

.pum-container.popmake .pum-content .popup-content form .wpcf7-response-output,
.pum-container.popmake .pum-content .popup-content form .wpcf7-validation-errors,
.pum-container.popmake .pum-content .popup-content form .wpcf7-spinner {
    display: none !important;
}

.pum-container.popmake .pum-close,
.pum-container.popmake .pum-close:hover {
    filter: invert(.3);
}

.pum-container.popmake .pum-content .popup-content .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 0;
}

/*popup_getaconsultation_success*/
#popmake-3807 {
  top: 40% !important;
  transform: translateY(-50%) !important;
}
#popup_getaconsultation_success .popup-content {
  text-align: center;
}
#popup_getaconsultation_success .popup-content p {
  margin: 0;
}
#popup_getaconsultation_success .popup-content .s-text {
  margin: 0;
}
#popup_getaconsultation_success .popup-content .s-text a {
  color: #1A3D96;
}
#popup_getaconsultation_success .popup-content .s-button--main--three {
  width: 100%;
  margin-top: 20px;
}

/* service-eor Common Challenges accordion-v1 */
.site .accordion-v1 .elementor-accordion .elementor-accordion-item {
    border: none;
    margin-bottom: 20px;
    border-radius: 16px;
    background: #F6F7FC;
    overflow: hidden;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title {
    padding: 16px 24px;
    border-radius: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title.elementor-active {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 12px;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    color: var(--c-main-7);
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title .elementor-accordion-title span {
    display: inline-flex;
    width: 36px;
    min-width: 36px;
    height: 36px;
    line-height: normal;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #565C69;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: all .4s ease-in-out;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title span {
    background: var(--c-main-6);
    color: #FFF;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-content {
    padding: 0 24px 24px 74px;
    color: #565C69;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.site .accordion-v1 .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    transform: translateY(0);
    order: 3;
}

/* service-mass-recruitment Recruitment Solutions accordion-v2 */
.site .accordion-v2 .elementor-accordion .elementor-accordion-item {
    border: none;
    margin-bottom: 0;
    overflow: hidden;
    border-bottom: 1px solid #E5E7EF;
}
.site .accordion-v2 .elementor-accordion .elementor-accordion-item:last-child {
    border-bottom: none;
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title {
    padding: 24px 0;
    border-radius: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title.elementor-active {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 8px;
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    color: var(--c-main-7);
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
}
@media (max-width: 767px) {
  .site .accordion-v2 .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    font-size: 20px;
  }
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
    color: var(--c-main-6);
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    transform: translateY(0);
    order: 3;
    /* display: none; */
}
.site .accordion-v2 .elementor-accordion .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon {
    display: none;
}
.site .accordion-v2 .elementor-accordion .elementor-tab-content {
    padding: 0 0 24px;
    color: #565C69;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

/* service-eor FAQ accordion-faq */
.site .accordion-faq .elementor-accordion .elementor-accordion-item {
    border: none;
    margin-bottom: 12px;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title {
    padding: 16px 24px;
    border-radius: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title.elementor-active {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 8px;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title {
    color: var(--c-main-7);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    flex: 1;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
    color: var(--c-main-6);
}
.site .accordion-faq .elementor-accordion .elementor-tab-content {
    padding: 0 24px 16px 24px;
    color: #565C69;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    transform: translateY(0);
    order: 3;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed,
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened {
    width: 32px;
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #F6F7FC;
    transition: all .4s ease-in-out;
}
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened {
    background: var(--c-main-6);
}
.site .accordion-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    fill: none !important;
    filter: grayscale(10%) brightness(65%) contrast(5%);
}
.site .accordion-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg {
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
}


/* service-eor service */
.service-eor-service-content .item {
    position: relative;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
}

.service-eor-service-content .item .elementor-widget-wrap {
    padding: 0 !important;
}

.service-eor-service-content .item .figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 300ms ease 0ms;
    background: linear-gradient(0deg, rgba(29, 33, 46, 0.70) 0%, rgba(29, 33, 46, 0.30) 100%);
    /* backdrop-filter: blur(4px); */
}

.service-eor-service-content .item:hover .figure:after {
    height: 0%;
}

.service-eor-service-content .item .figure img {
    height: 491px;
    object-fit: cover;
}

.service-eor-service-content .item .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    padding: 24px 24px 12px;
}

.service-eor-service-content .item .content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: all 300ms ease 0ms;
    background: linear-gradient(0deg, rgba(2, 34, 89, 0.80) 0%, rgba(2, 34, 89, 0.40) 100%);
    /* backdrop-filter: blur(4px); */
}

.service-eor-service-content .item:hover .content:after {
    height: 100%;
}

.service-eor-service-content .item .content .elementor-container {
    height: 100%;
}
.service-eor-service-content .item .content .elementor-container .elementor-widget-wrap {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.service-eor-service-content .item .content .title .elementor-heading-title {
    color: #FFF;
    font-size: 32px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.2px;
    margin: 0 0 12px;
}
@media (max-width: 767px) {
  .service-eor-service-content .item .content .title .elementor-heading-title {
    font-size: 24px;
  }
}
.service-eor-service-content .item .content .desc {
    height: 0;
    visibility: hidden;
    transition: all 500ms ease 0ms;
    flex: 0;
}

.service-eor-service-content .item:hover .content .desc {
    height: 100%;
    visibility: visible;
    /* flex: 1; */
}

.service-eor-service-content .item .content .desc {
    color: #E5E7EF;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.service-eor-service-content .item .content .desc p {
    margin-bottom: 10px;
}

.service-eor-service-content .item .content .desc ul {
    padding-left: 20px;
    margin-bottom: 12px;
}

.service-eor-service-content .item:hover .content .desc .elementor-widget-container,
.service-eor-service-content .item:hover .content .desc .elementor-heading-title {
    height: 100%;
}

.service-eor-service-content .s-button--next-new,
.service-eor-service-content .s-button--prev-new {
    bottom: auto;
    top: -95px;
}

@media screen and (max-width: 767px) {
  .service-eor-service-content .s-button--next-new,
  .service-eor-service-content .s-button--prev-new {
      top: -72px;
  }
  .service-eor-service-content .s-button--next-new {
      right: -50px;
  }
  .service-eor-service-content .s-button--prev-new {
      right: 2px;
  }
}

/*fix height item on grid*/
/* .fix-height-item-on-grid .elementor-widget-wrap>.elementor-element,
.fix-height-item-on-grid .elementor-widget-wrap>.elementor-element>.elementor-widget-container {
  height: 100%;
} */
.fix-height-item-on-grid>.elementor-widget-wrap>.elementor-element,
.fix-height-item-on-grid>.elementor-widget-wrap>.elementor-element>div {
  height: 100%;
}

/* ul-marker-new */
.ul-marker-new ul {
    padding: 0 0 0 17px;
    margin: 0;
}

.ul-marker-new ul li {
    list-style: outside;
    margin-bottom: 8px;
}

.ul-marker-new ul li:last-child {
    margin-bottom: 0;
}

.ul-marker-new ul li::marker {
    color: var(--c-main-6);
}

/* ims-s-let-talk-content all page */
.ims-s-let-talk-content {
    padding: 40px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background-image: url('/wp-content/uploads/2026/08/ims-s-let-talk-content-bg-2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 999px;
    border: 1px solid #3069FE;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 991px) {
    .ims-s-let-talk-content {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .ims-s-let-talk-content {
        padding: 32px;
        border-radius: 16px;
    }
}

.ims-s-let-talk-content>div:nth-child(1) {
    flex: 1;
}

.ims-s-let-talk-content .title {
    font-size: 38px;
    line-height: 140%;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin: 0;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .ims-s-let-talk-content .title {
        font-size: 20px;
        letter-spacing: -0.2px;
        text-align: center;
    }
}

.ims-s-let-talk-content .desc {
    margin-top: 4px;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .ims-s-let-talk-content .desc {
        text-align: center;
    }
}

.ims-s-let-talk-content .s-button {
    white-space: nowrap;
    background: #fff;
    color: var(--c-main-7);
    font-size: 14px;
}

/* ims-s-let-talk-campus */
.ims-s-let-talk-campus {
  background-image: url('/wp-content/uploads/2026/09/ims-s-let-talk-campus-bg-1.jpg');
  background-position: center bottom;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
  text-align: center;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
    .ims-s-let-talk-campus {
        padding: 32px;
    }
}
.ims-s-let-talk-campus .title {
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    .ims-s-let-talk-campus .title {
        font-size: 20px;
    }
}
.ims-s-let-talk-campus .desc {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .ims-s-let-talk-campus .desc {
      margin-top: 8px;
      font-size: 16px;
    }
}

/* ess-workflow  */
.ess-workflow-content {
  overflow: unset !important;
}
.ess-workflow-content .item {
  text-align: center;
}
.ess-workflow-content .item .number {
  color: var(--c-main-7);
  border-radius: 99px;
  border: 1px solid #E5E7EF;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 5px;
  display: inline-block;
  margin: 0;
  width: 57px;
  min-width: 57px;
  height: 57px;
  position: relative;
  z-index: 9;
}
.ess-workflow-content .item .number span {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: #036AE5;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.5px;
}
.ess-workflow-content .item .content {
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .ess-workflow-content .item .content {
    padding: 0;
  }
}
.ess-workflow-content .item .content .title .elementor-heading-title {
    color: var(--c-main-7);
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.5px;
    margin: 12px 0 12px;
}
@media screen and (max-width: 767px) {
  .ess-workflow-content .item .content .title .elementor-heading-title {
    font-size: 20px;
  }
}
.ess-workflow-content .item .content .desc .elementor-heading-title {
    color: var(--c-main-9);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.ess-workflow-content .elementor-element.item:after{
    content: "";
    position: absolute;
    left: 0;
    top: 28.5px;
    width: calc(100% + 112px);
    height: 1px;
    background: #E5E7EF;
    z-index: -2;
}
.ess-workflow-content .elementor-element.item.rightborder:after {
    background: transparent;
    height: calc(100% + 61px);
    border: 1px solid #E5E7EF;
    border-left: 0;
    width: calc(100% + 112px);
    border-radius: 0 40px 40px 0;
    left: auto;
    right: 0;
    z-index: 0;
}
.ess-workflow-content .elementor-element.item.leftborder:after {
    background: transparent;
    height: calc(100% + 61px);
    border: 1px solid #E5E7EF;
    border-right: 0;
    width: calc(100% + 112px);
    border-radius: 40px 0 0 40px;
    z-index: 0;
}
.ess-workflow-content .elementor-element.item.leftbordernone:before {
    content: "";
    position: absolute;
    left: -120px;
    top: 28.5px;
    width: calc(50% + 120px);
    height: 1px;
    background: #fff;
    z-index: -1 !important;
}
.ess-workflow-content .elementor-element.item.rightbordernone:before {
    content: "";
    position: absolute;
    right: -120px;
    top: 28.5px;
    width: calc(50% + 120px);
    height: 1px;
    background: #fff;
    z-index: -1 !important;
    left: auto;
}
.ess-workflow-content .elementor-element.item.rightline:before {
    content: "";
    position: absolute;
    left: calc(100% + 112px);
    top: 28.5px;
    width: 600px;
    height: 1px;
    background: #E5E7EF;
    z-index: -2;
}
.ess-workflow-content .elementor-element.item.leftline:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 28.5px;
    left: auto;
    width: 600px;
    height: 1px;
    background: #E5E7EF;
    z-index: -2;
}
@media screen and (max-width: 767px) {
    .ess-workflow-content .elementor-element.item:after,
    .ess-workflow-content .elementor-element.item:before {
        display: none;
    }
}

/* ess-workflow dark */
.ess-workflow-content.dark .item {
    text-align: left;
}
@media screen and (max-width: 767px) {
    .ess-workflow-content.dark .item {
        text-align: center;
    }
}
.ess-workflow-content.dark .item .number {
    background: #103EB2;
    border: none;
}
.ess-workflow-content.dark .item .content {
    padding: 0;
}
.ess-workflow-content.dark .item .content .title .elementor-heading-title {
    color: #fff;
}
.ess-workflow-content.dark .item .content .desc .elementor-heading-title {
    color: #ffffff60;
}
.ess-workflow-content.dark .elementor-element.item:after {
    background: #ffffff15;
    width: calc(100% + 64px);
}
.ess-workflow-content.dark .elementor-element.item.leftbordernone:before {
    background: #101624;
    left: auto;
    right: 100%;
}
.ess-workflow-content.dark .elementor-element.item.rightbordernone:before {
    background: #101624;
    right: auto;
    left: 0;
    width: calc(100% + 64px);
}
.ess-workflow-content.dark .elementor-element.item.rightline:before {
    left: calc(100% + 64px);
    background: #ffffff15;
}
.ess-workflow-content.dark .elementor-element.item.leftline:before {
    background: #ffffff15;
}

/* ess-why-it-work */
.ess-why-it-work .column.table {
  margin: 0;
}
.ess-why-it-work .column.table .s-table .s-table-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  padding: 0;
  border: none;
  box-shadow: none;
  gap: 4px;
  margin-bottom: 8px;
}
.ess-why-it-work .column.table .s-table .s-table-row>.s-table-cell:first-child {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.ess-why-it-work .column.table .s-table>.s-table-header>.s-table-row>.s-table-cell:not(:first-child) {
  padding: 16px 32px;
  background: linear-gradient(90deg, #9ECAEF 0%, #4C93D0 100%);

  color: #F6F7FC;
  font-size: 20px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.5px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ess-why-it-work .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell {
  color: #101624;
  font-size: 20px;
  font-weight: 400;
  padding: 16px 32px;
  background: #F6F7FC;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ess-why-it-work mb */
.ess-why-it-work .table-mobile .item {
    margin-bottom: 24px;
}

.ess-why-it-work .table-mobile .item:last-child {
    margin-bottom: 0;
}

.ess-why-it-work .table-mobile .item .title {
  padding: 12px 32px;
  background: linear-gradient(90deg, #9ECAEF 0%, #4C93D0 100%);
  color: #F6F7FC;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ess-why-it-work .table-mobile .item .content .item-child {
    padding: 12px 32px;
    border-bottom: 1px solid #E5E7EF;
    background: #F6F7FC;
}

.ess-why-it-work .table-mobile .item .content .item-child .title-child {
  color: #101624;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}

.ess-why-it-work .table-mobile .item .content .item-child .content-child {
  color: #101624;
  font-size: 20px;
  font-weight: 400;
}

/*startup-workflow service-payroll workflow*/
.startup-workflow-content .startup-workflow-right {
    position: relative;
}

.startup-workflow-content .startup-workflow-right:after {
    content: "";
    position: absolute;
    left: 19px;
    top: 0;
    background: #E7F5FF;
    width: 2px;
    height: 100%;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right:after {
        left: 15.5px;
    }
}

.startup-workflow-content .startup-workflow-right .item {
    display: flex;
    gap: 16px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.startup-workflow-content .startup-workflow-right .item:last-child:after {
    content: "";
    position: absolute;
    left: 19px;
    top: 0;
    background: #fff;
    width: 2px;
    height: 100%;
    z-index: 0;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right .item:last-child:after {
        left: 16px;
    }
}

.startup-workflow-content .startup-workflow-right .item .number .elementor-heading-title {
    color: var(--c-main-6);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    width: 40px;
    height: 40px;
    min-width: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    border: 3px solid #FFF;
    background: #E7F5FF;
    margin: 0;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right .item .number .elementor-heading-title {
        font-size: 16px;
        display: flex;
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
}

.startup-workflow-content .startup-workflow-right .item .info {
    margin: 0 0 24px;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right .item .info {
        margin: 0 0 16px;
    }
}

.startup-workflow-content .startup-workflow-right .item .info .title .elementor-heading-title {
    color: #101624;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin: 0 0 3px;
    line-height: 40px;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right .item .info .title .elementor-heading-title {
        font-size: 16px;
        line-height: 32px;
    }
}

.startup-workflow-content .startup-workflow-right .item .info .desc .elementor-heading-title {
    color: #101624;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 767px) {
    .startup-workflow-content .startup-workflow-right .item .info .desc .elementor-heading-title {
        font-size: 14px;
    }
}

/* staffing-service need */
.staffing-service-need-content .item {
    /* transition: 0.1s !important; */
}
.staffing-service-need-content .item.slick-current {
    margin-top: -60px;
}
.staffing-service-need-content .item .bao {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 48px;
    padding: 40px;
    background: #FFF;
    box-shadow: 0 24px 48px 0 rgba(20, 19, 22, 0.16);
}
@media screen and (max-width: 767px) {
    .staffing-service-need-content .item .bao {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px;
    }
}
.staffing-service-need-content .item .bao .figure {
  border-radius: 16px;
  overflow: hidden;
}
.staffing-service-need-content .item .bao .content .title .elementor-heading-title {
    color: #036AE5;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.staffing-service-need-content .item .bao .content .desc .elementor-heading-title {
    color: #101624;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.5px;
    margin-top: 16px;
}

/* softwarenew-workflow service-mass-recruitment  */
.softwarenew-workflow-list {
    height: 350px;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .softwarenew-workflow-list {
        max-width: 780px;
    }
}
.softwarenew-workflow-list:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 150px);
    height: calc(100% - 50px);
    transform: translate(-50%, -50%);
    z-index: 0;
    border-radius: 300px;
    border: 2px solid #1B3A6B;
}
.softwarenew-workflow-list .item .title {
    margin: 0;
    padding: 0;
    display: inline-flex;
    border-radius: 180px;
    overflow: hidden;
    border: 5px solid transparent;
    position: absolute;
    z-index: 2;
}
.softwarenew-workflow-list .item:nth-child(1) .title {
    left: 240px;
    top: 0;
}
.softwarenew-workflow-list .item:nth-child(2) .title {
    right: 15px;
    top: 78px;
}
.softwarenew-workflow-list .item:nth-child(3) .title {
    right: 5px;
    bottom: 69px;
}
.softwarenew-workflow-list .item:nth-child(4) .title {
    bottom: 0;
    right: 330px;
}
.softwarenew-workflow-list .item:nth-child(5) .title {
    left: 0px;
    bottom: 60px;
}
.softwarenew-workflow-list .item:nth-child(6) .title {
    left: -40px;
    top: 102px;
}
/* .softwarenew-workflow-list .item:nth-child(7) .title {
    left: -20px;
    top: 118px;
} */
.softwarenew-workflow-list .item.active .title {
    border: 5px solid rgba(255, 255, 255, 0.15);
    background: #002359;
}
.softwarenew-workflow-list .item .title>span {
    display: inline-flex;
    padding: 2px 16px 2px 2px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #003F8B;
    backdrop-filter: blur(5px);
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.softwarenew-workflow-list .item.active .title>span {
    background: var(--c-main-6);
    color: #FFF;
}
.softwarenew-workflow-list .item .title>span span {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 141px;
    background: #003575;
    color: rgba(255, 255, 255, 0.50);
    font-size: 18px;
    font-weight: 600;
}
.softwarenew-workflow-list .item.active .title>span span {
    background: #FFF;
    color: var(--c-main-6);
}
.softwarenew-workflow-list .item .desc {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 330px;
    z-index: 1;
}
.softwarenew-workflow-list .item.active .desc {
    display: block;
}
.workflow-dotted-indicator {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 150px);
    height: calc(100% - 50px);
    transform: translate(-50%, -50%) rotate(0deg);
    border: 2px dotted #002359;
    border-radius: 300px;
    clip-path: polygon(50% 50%, 26% 0%, 0% 0%);
    z-index: 1;
    pointer-events: none;
}
.workflow-dotted-indicator.active-1 {
    clip-path: polygon(50% 50%, 26% 0%, 0% 0%);
}
.workflow-dotted-indicator.active-2 {
    clip-path: polygon(50% 50%, 150% 0%, 100% 0%);
}
.workflow-dotted-indicator.active-3 {
    clip-path: polygon(50% 50%, 100% 56%, 100% 76%);
}
.workflow-dotted-indicator.active-4 {
    clip-path: polygon(50% 50%, 86% 125%, 55% 100%);
}
.workflow-dotted-indicator.active-5 {
    clip-path: polygon(50% 50%, -8% 100%, 13% 100%);
}
.workflow-dotted-indicator.active-6 {
    clip-path: polygon(50% 50%, 0% 42%, 0% 58%);
}
.softwarenew-workflow-list:before {
    content: "";
    position: absolute;
    left: 117px;
    top: 51px;
    transform: rotate(15deg);
    padding: 10px;
    background-image: url(/wp-content/uploads/2026/09/icon-arrow-rorate.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
}
.softwarenew-workflow-list.active-1:before {
    left: 122px;
    top: 47px;
    transform: rotate(15deg);
}
.softwarenew-workflow-list.active-2:before {
    left: auto;
    right: 137px;
    top: 36px;
    transform: rotate(90deg);
}
.softwarenew-workflow-list.active-3:before {
    left: auto;
    right: 65px;
    top: 168px;
    transform: rotate(145deg);
}
.softwarenew-workflow-list.active-4:before {
    left: auto;
    top: auto;
    right: 245px;
    bottom: 15.21px;
    transform: rotate(230deg);
}
.softwarenew-workflow-list.active-5:before {
    left: 181px;
    top: auto;
    bottom: 18px;
    transform: rotate(-112deg);
}
.softwarenew-workflow-list.active-6:before {
    left: 68px;
    top: 199px;
    transform: rotate(-48deg);
}


/* ims-resources-content about-us */
.ims-resources-content .item {
    cursor: pointer;
    text-align: center;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
}
.ims-resources-content .item:hover .elementor-heading-title {
    color: #fff !important;
}
.ims-resources-content .item:hover:after {
    content: "";
    position: absolute;
    inset: 0;
    /* background: #036AE5; */
    z-index: 0;
    /* opacity: 0.9; */
    background: linear-gradient(0deg, rgba(48, 105, 254, 0.80) 0%, rgba(48, 105, 254, 0.80) 100%);
}
.ims-resources-content .item .number .elementor-heading-title {
    color: #1a3d96;
    font-size: 60px;
    line-height: 140%;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .ims-resources-content .item .number .elementor-heading-title {
    font-size: 32px;
  }
}
.ims-resources-content .item .title .elementor-heading-title {
    color: #7e8494;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .ims-resources-content .item .title .elementor-heading-title {
    font-size: 14px;
  }
}