/* form */
.fluentform .ff-el-group.ff_list_inline .ff-el-form-check {
  margin: 0 15px 0 0 !important;
}
.formft .ff-el-form-check span {
  color: #606266fc;
}
.formft .container-fluid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin: 0 auto;
  padding: 48px;
  background: #1D5C0B;
  border-radius: 24px;
}

.formft .container-fluid::before {
  content: none !important;
  display: none !important;
}

.formft .container-fluid .formft__left {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.formft .container-fluid .formft__left .formft__left__tab {
  padding: 8px;
  display: flex;
  gap: 8px;
  border-radius: 8px;
  background: #FFFFFF1A;
  width: fit-content;
}
.fluentform .ff-el-group {
  margin-bottom: 8px !important;
}
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__advise,
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__partner,
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__candidate {
  text-align: center;
  padding: 8px 16px;
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  cursor: pointer;
}
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__advise.active,
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__partner.active,
.formft
  .container-fluid
  .formft__left
  .formft__left__tab
  .formft__left__tab__candidate.active {
  color: #238B00;
  background: #ffffff;
  border-radius: 8px;
}

.formft .container-fluid .formft__left .tab__advise,
.formft .container-fluid .formft__left .tab__partner,
.formft .container-fluid .formft__left .tab__candidate {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.formft .container-fluid .formft__left .tab__advise .tab__advise__icon {
  width: 169px;
  height: 113px;
}
.formft .container-fluid .formft__left .tab__advise .tab__advise__icon img {
  width: 100%;
  object-fit: cover;
}

.formft .container-fluid .formft__left .tab__advise .tab__advise__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.new__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 136%;
  margin: 0 !important;
  text-transform: uppercase;
  color: #ffffff;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .title {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 800;
  font-size: 40px;
  line-height: 130%;
  text-transform: capitalize;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .text {
  /* font-family: Mulish-Regular; */
  color: var(--primary-grey-0, #ffffff);
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 0 0 0;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group
  .icon {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group
  .icon
  img {
  width: 100%;
  object-fit: cover;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group
  .info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group
  .info
  .position {
  /* font-family: Mulish-Regular; */
  font-weight: 400;
  font-size: 14px;
  line-height: 142%;
  color: #ffffff80;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .subcontent
  .group
  .info
  .name {
  /* font-family: Mulish-Regular; */
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #ffffff;
}
.formft .container-fluid .formft__left .tab__advise .tab__advise__content .des {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .des
  .des__sub {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0%;
}
.formft
  .container-fluid
  .formft__left
  .tab__advise
  .tab__advise__content
  .des
  .des__text {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
}

.formft .container-fluid .formft__left .tab__partner .tab__partner__icon {
  width: 169px;
  height: 113px;
}
.formft .container-fluid .formft__left .tab__partner .tab__partner__icon img {
  width: 100%;
  object-fit: cover;
}
.formft .container-fluid .formft__left .tab__candidate .tab__candidate__icon {
  width: 169px;
  height: 113px;
}
.formft
  .container-fluid
  .formft__left
  .tab__candidate
  .tab__candidate__icon
  img {
  width: 100%;
  object-fit: cover;
}
.formft .container-fluid .formft__left .tab__partner .tab__partner__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.formft
  .container-fluid
  .formft__left
  .tab__candidate
  .tab__candidate__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.formft
  .container-fluid
  .formft__left
  .tab__partner
  .tab__partner__content
  .title,
.formft
  .container-fluid
  .formft__left
  .tab__candidate
  .tab__candidate__content
  .title {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 800;
  font-size: 40px;
  line-height: 130%;
  text-transform: capitalize;
}

.formft
  .container-fluid
  .formft__left
  .tab__partner
  .tab__partner__content
  .des__text,
.formft
  .container-fluid
  .formft__left
  .tab__candidate
  .tab__candidate__content
  .des__text {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.formft
  .container-fluid
  .formft__left
  .tab__partner
  .tab__partner__content
  .des__sub,
.formft
  .container-fluid
  .formft__left
  .tab__candidate
  .tab__candidate__content
  .des__sub {
  /* font-family: Mulish-Regular; */
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0%;
}

.formft__right {
  width: 100%;
  height: 100%;
}
.formft__right .formft__right__advise,
.formft__right .formft__right__partner,
.formft__right .formft__right__candidate {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  gap: 24px;
  border-radius: 16px;
  padding: 32px;
}
.ff-el-form-control::placeholder,
.css__placeholder::placeholder,
.ff-el-input--content .ff-el-form-check-label span {
  color: #bdbdbd !important;
}
.frm-fluent-form .choices[data-type*="select-multiple"] .choices__input {
  color: #212121 !important;
  font-weight: 400 !important;
}
.policy__text {
  margin-bottom: 0 !important;
}
.formft__right .formft__right__advise .title__form,
.formft__right .formft__right__partner .title__form,
.formft__right .formft__right__candidate .title__form {
  text-align: center;
  /* font-family: Mulish-Regular; */
  color: #014379;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 24px;
}
.item__info__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item__info__form .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.item__info__form .item img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.item__info__form .item p {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 145%;
  color: #ffffff;
}
.gap__ten ul,
.gap__ten {
  gap: 12px !important;
}
.gap__ten h4 {
  margin-bottom: 4px;
}
.ff-el-form-control::placeholder,
.css__placeholder::placeholder,
.ff-el-input--content .ff-el-form-check-label span {
  color: #bdbdbd !important;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
  padding-top: 96px;
  padding-bottom: 24px;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-widget > :not(.widget-title) {
  --theme-font-size: 16px !important;
  color: #424242;
}
#gspb_text-id-gsbp-e5b655b {
  color: #616161;
}
.custom__contact__info .contact-text a,
.custom__contact__info .contact-text {
  color: #616161;
}
@media screen and (max-width: 1200px) {
  .formft .container-fluid {
    gap: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .formft .container-fluid {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 650px) {
  .formft {
    padding-left: 10px;
    padding-right: 10px;
  }
  .formft .container-fluid {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 24px;
  }
  .formft
    .container-fluid
    .formft__left
    .formft__left__tab
    .formft__left__tab__advise,
  .formft
    .container-fluid
    .formft__left
    .formft__left__tab
    .formft__left__tab__partner,
  .formft
    .container-fluid
    .formft__left
    .formft__left__tab
    .formft__left__tab__candidate {
    font-size: 14px;
  }
  #dich-vu-ke-toan-tron-goi {
    text-align: center;
  }
  .formft
    .container-fluid
    .formft__left
    .tab__advise
    .tab__advise__content
    .title,
  .formft
    .container-fluid
    .formft__left
    .tab__partner
    .tab__partner__content
    .title,
  .formft
    .container-fluid
    .formft__left
    .tab__candidate
    .tab__candidate__content
    .title {
    font-size: 28px;
  }
  h1 {
    font-size: 24px !important;
  }
  h2 {
    font-size: 22px !important;
  }
  h3 {
    font-size: 20px !important;
  }
  h4 {
    font-size: 18px !important;
  }
  h5,
  h6 {
    font-size: 16px !important;
  }
  .gspb_row__col--12 {
    padding: 20px !important;
  }
}