@charset "UTF-8";
@keyframes rotateHalfCircle {
  0% {
    transform: rotate(0deg);
    /* Bắt đầu từ 0 độ */ }
  50% {
    transform: rotate(90deg);
    /* Xoay qua phải 180 độ */ }
  100% {
    transform: rotate(0deg);
    /* Xoay ngược lại về 0 độ */ } }

@media (min-width: 576px) {
  .container {
    max-width: 100%; } }

@media (min-width: 768px) {
  .container {
    max-width: 100%; } }

@media (min-width: 992px) {
  .container {
    max-width: 100%;
    width: 100%; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1170px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1370px; } }

@media (min-width: 1500px) {
  .container {
    max-width: 1440px; } }

body {
  color: #212121; }

h1, h2, h3, h4, h5, h6 {
  color: #212121;
  line-height: 1.4; }

.owlCarousel-style .owl-nav .owl-prev, .owlCarousel-style .owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 21px);
  z-index: 3;
  width: 42px;
  height: 42px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #fff;
  outline: none;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  transform: translateY(-50%); }
  .owlCarousel-style .owl-nav .owl-prev svg, .owlCarousel-style .owl-nav .owl-next svg {
    width: 18px;
    height: auto;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }

.owlCarousel-style .owl-nav .owl-prev {
  left: -60px; }

.owlCarousel-style .owl-nav .owl-next {
  right: -60px; }

.owlCarousel-style .owl-nav .disabled {
  cursor: not-allowed;
  opacity: 0.6; }

.owlCarousel-style:not(.owl-loaded) .slider-item {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%; }

.owlCarousel-style .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  text-align: center; }
  .owlCarousel-style .owl-dots .owl-dot {
    margin: 0 3px;
    outline: 0; }
  .owlCarousel-style .owl-dots .owl-dot span {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #051C69; }
  .owlCarousel-style .owl-dots .owl-dot.active {
    border-radius: 50%;
    border: none; }
  .owlCarousel-style .owl-dots .owl-dot.active span {
    background: #051C69; }

@media (max-width: 991px) {
  .owlCarousel-style .owl-nav .owl-prev {
    left: -20px; }
  .owlCarousel-style .owl-nav .owl-next {
    right: -20px; }
  .owlCarousel-style .owl-dots {
    bottom: -20px; } }

@media (max-width: 767px) {
  .owlCarousel-style .owl-item:hover {
    box-shadow: none; }
  .owlCarousel-style .owl-nav .owl-prev {
    left: 0; }
  .owlCarousel-style .owl-nav .owl-next {
    right: 0; }
  .owlCarousel-style .owl-dots {
    bottom: -20px; }
    .owlCarousel-style .owl-dots .owl-dot span {
      width: 5px;
      height: 5px;
      margin: 4px; } }

.button {
  position: relative;
  display: inline-flex;
  z-index: 1;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  color: #232323;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  outline: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .button.button-secondary {
    background: #F5F5F7;
    border: 1px solid #F5F5F7;
    color: #051C69;
    border-radius: 56px; }
    .button.button-secondary:hover {
      color: #fff;
      background: #051C69;
      border: 1px solid #051C69;
      text-decoration: underline; }
  .button.button-primary {
    background: #F5F5F7;
    border: 1px solid #F5F5F7;
    color: #051C69;
    border-radius: 56px; }
    .button.button-primary:hover {
      color: #fff;
      background: #051C69;
      border: 1px solid #051C69; }
  .button.button-outline {
    border: 1px solid #DADAE0;
    background: transparent;
    color: #051C69; }
    .button.button-outline:hover {
      color: #fff;
      background: #051C69;
      border: 1px solid #051C69; }
  @media (min-width: 768px) {
    .button {
      padding: 8px 20px;
      font-size: 14px; } }
  @media (min-width: 1024px) {
    .button {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    .button {
      padding: 8px 40px; } }

.main-header {
  background: #FFF200;
  color: #051C69;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  z-index: 20;
  padding: 0; }
  .main-header .main-header--wrapper {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main-header .main-header--wrapper .main-header--left, .main-header .main-header--wrapper .main-header--right {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      order: 1; }
    .main-header .main-header--wrapper .main-header--mid {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      order: 2; }
  .main-header .main-logo {
    padding: 8px 0; }
    .main-header .main-logo a {
      display: block; }
  .main-header .main-menu {
    margin: 0 -15px; }
    .main-header .main-menu ul {
      display: flex;
      align-items: center;
      padding: 0;
      gap: 0 8px;
      flex-wrap: wrap;
      text-align: center;
      margin: 8px 0; }
    .main-header .main-menu ul li {
      width: calc((100% - 8px)/2); }
    .main-header .main-menu ul li a {
      padding: 8px 8px;
      color: #051C69;
      font-weight: 600;
      display: block;
      white-space: nowrap;
      font-size: 14px; }
      .main-header .main-menu ul li a.active {
        text-decoration: underline; }
  .main-header .main-social {
    display: flex;
    gap: 6px;
    justify-content: flex-end; }
    .main-header .main-social a {
      display: block; }
    .main-header .main-social a svg {
      width: 22px;
      height: 22px; }
  @media (min-width: 510px) {
    .main-header .main-menu ul {
      margin: 0;
      flex-wrap: nowrap;
      justify-content: center; }
      .main-header .main-menu ul li {
        width: auto; }
      .main-header .main-menu ul li a {
        padding: 16px 8px;
        font-size: 12px; } }
  @media (min-width: 992px) {
    .main-header .main-header--wrapper {
      flex-wrap: nowrap; }
      .main-header .main-header--wrapper .main-header--left {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        order: 1; }
      .main-header .main-header--wrapper .main-header--right {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        order: 3; }
      .main-header .main-header--wrapper .main-header--mid {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        order: 2; }
    .main-header .main-menu {
      margin: 0; }
      .main-header .main-menu ul {
        gap: 24px;
        margin: 8px 0; }
      .main-header .main-menu ul li a {
        padding: 24px 12px;
        font-size: 16px; }
    .main-header .main-social {
      gap: 16px; }
      .main-header .main-social a svg {
        width: 40px;
        height: 40px; }
    .main-header .main-logo {
      padding: 16px 0; }
      .main-header .main-logo a img {
        height: 48px; } }

.ldp-wrapper {
  max-width: 2040px;
  margin: auto; }
  @media (max-width: 991px) {
    .ldp-wrapper {
      margin-top: 95px; } }

main {
  padding-top: var(--height-head); }

section {
  padding: 40px 0;
  overflow: hidden; }
  section.bg-white {
    background: #fff; }
  section.bg-grey {
    background: #F6F8FB; }
  section.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative; }
    section.bg-img.bg-overlay:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    section.bg-img.bg-overlay .container {
      position: relative;
      z-index: 2; }
    section.bg-img.bg-overlay *:not(a.button) {
      color: #fff; }
    section.bg-img.bg-overlay .s-heading h2 {
      color: #FFF200; }
  section .s-heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center; }
    section .s-heading h2 {
      font-size: 26px;
      margin-bottom: 0;
      color: #051C69;
      font-weight: 700; }
    section .s-heading .desc p {
      margin-bottom: 0;
      line-height: 22px; }
    section .s-heading .desc .action {
      margin-top: 16px; }
  section .s-content {
    margin-top: 32px; }
  section .s-action {
    margin-top: 32px;
    text-align: center; }
  @media (min-width: 992px) {
    section {
      padding: 60px 0; }
      section .s-heading {
        max-width: 860px;
        margin: auto; }
        section .s-heading h2 {
          font-size: 40px; }
        section .s-heading .desc {
          font-size: 16px; } }

.section-ldp-slider {
  padding: 0;
  position: relative; }
  .section-ldp-slider .slide--image a {
    display: flex;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(1200/900 * 100%); }
    .section-ldp-slider .slide--image a img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .section-ldp-slider .owlCarousel-style.owl-carousel:not(.owl-loaded) {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    overflow: hidden; }
  .section-ldp-slider .owlCarousel-style.owl-carousel:not(.owl-loaded) .slider-item {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%; }
  .section-ldp-slider .owlCarousel-style.owl-carousel .slider-item {
    position: relative; }
  .section-ldp-slider .owlCarousel-style.owl-carousel .owl-nav button {
    background: rgba(158, 158, 158, 0.4); }
    .section-ldp-slider .owlCarousel-style.owl-carousel .owl-nav button.owl-prev {
      left: 21px; }
    .section-ldp-slider .owlCarousel-style.owl-carousel .owl-nav button.owl-next {
      right: 21px; }
  @media (min-width: 992px) {
    .section-ldp-slider .slide--image a {
      padding-bottom: calc(730/1920 * 100%); }
    .section-ldp-slider .owlCarousel-style.owl-carousel:not(.owl-loaded) .slider-item {
      -webkit-flex: 0 0 84%;
      flex: 0 0 84%; }
    .section-ldp-slider .owlCarousel-style.owl-carousel .owl-nav button.owl-prev {
      left: 60px; }
    .section-ldp-slider .owlCarousel-style.owl-carousel .owl-nav button.owl-next {
      right: 60px; } }

.section-ldp-video {
  position: relative;
  padding: 0;
  margin-top: 40px; }
  .section-ldp-video .s-video {
    display: flex;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(1200/900 * 100%); }
    .section-ldp-video .s-video video {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .section-ldp-video .s-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-ldp-video .s-wrapper * {
      color: #fff; }
  @media (min-width: 992px) {
    .section-ldp-video {
      margin-top: 60px; }
      .section-ldp-video .s-video {
        padding-bottom: calc(430/1920 * 100%); }
      .section-ldp-video .s-wrapper {
        padding: 60px 0; } }

.section-ldp-values .list-values {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center; }
  .section-ldp-values .list-values .item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.section-ldp-values .box {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
  .section-ldp-values .box .img .aspect-ratio {
    overflow: hidden;
    position: relative;
    padding-bottom: calc(4/3 * 100%); }
  .section-ldp-values .box .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out; }
  .section-ldp-values .box .desc {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    padding: 22px 10px;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    .section-ldp-values .box .desc * {
      color: #fff; }
    .section-ldp-values .box .desc:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 120%;
      background-image: linear-gradient(180deg, rgba(5, 28, 105, 0) 50%, rgba(5, 28, 105, 0.5) 100%);
      transition: transform calc(700ms* 1.5) cubic-bezier(0.19, 1, 0.22, 1);
      pointer-events: none; }
    .section-ldp-values .box .desc:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200%;
      pointer-events: none;
      transform: translateY(0);
      background: linear-gradient(180deg, rgba(5, 28, 105, 0) 50%, rgba(5, 28, 105, 0.5) 100%);
      transform: translateY(-50%);
      transition: transform calc(700ms* 2) cubic-bezier(0.19, 1, 0.22, 1); }
    .section-ldp-values .box .desc .detail {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
      z-index: 1;
      /*transform: translateY(calc(100% - 5.5rem));*/ }
      .section-ldp-values .box .desc .detail h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 700;
        transition: all 700ms;
        transform: translateY(0rem);
        transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
      .section-ldp-values .box .desc .detail p {
        font-size: 12px;
        margin: 0;
        opacity: 0;
        height: 0;
        transform: translateY(1rem);
        transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
  .section-ldp-values .box .link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .section-ldp-values .box:hover {
    /*.detail {transform: translateY(0);}*/ }
    .section-ldp-values .box:hover .desc {
      align-items: center; }
    .section-ldp-values .box:hover .detail p {
      opacity: 1;
      transform: translateY(0);
      transition-delay: calc(1000ms / 8);
      height: auto;
      margin-top: 16px; }
    .section-ldp-values .box:hover .detail h3 {
      color: #FFF200;
      transform: translateY(0);
      transition-delay: calc(1000ms / 8); }
    .section-ldp-values .box:hover .desc:after {
      transform: translateY(-50%);
      background: linear-gradient(180deg, rgba(5, 28, 105, 0.3) 50%, rgba(5, 28, 105, 0.5) 100%); }

@media (min-width: 992px) {
  .section-ldp-values .list-values {
    gap: 20px; }
    .section-ldp-values .list-values .item {
      -ms-flex: 0 0 calc((100% - (20px*2)) /3);
      flex: 0 0 calc((100% - (20px*2)) /3);
      max-width: calc((100% - (20px*2)) /3); } }

@media (min-width: 1024px) {
  .section-ldp-values .list-values {
    gap: 20px;
    flex-wrap: nowrap; }
    .section-ldp-values .list-values .item {
      -ms-flex: 0 0 calc((100% - (20px*4)) /5);
      flex: 0 0 calc((100% - (20px*4)) /5);
      max-width: calc((100% - (20px*4)) /5); } }

@media (min-width: 1440px) {
  .section-ldp-values .box .desc {
    padding: 16px; }
    .section-ldp-values .box .desc .detail h3 {
      font-size: 20px;
      margin: 0; }
    .section-ldp-values .box .desc .detail p {
      font-size: 14px; }
  .section-ldp-values .box:hover img {
    transform: scale(1.05); }
  .section-ldp-values .box:hover .desc {
    align-items: center; } }

.section-ldp-jobs .tablist {
  display: flex;
  align-items: center;
  overflow-x: scroll; }
  .section-ldp-jobs .tablist::-webkit-scrollbar {
    display: none; }
  .section-ldp-jobs .tablist .item {
    border-bottom: 1px solid #B3B7BB;
    padding-bottom: 2px;
    position: relative; }
    .section-ldp-jobs .tablist .item a {
      display: inline-flex;
      padding: 0 20px;
      color: #212121;
      white-space: nowrap;
      text-transform: capitalize; }
    .section-ldp-jobs .tablist .item a:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      width: 0;
      height: 2px;
      background: #FFF200;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s; }
    .section-ldp-jobs .tablist .item.active a {
      font-weight: 700; }
    .section-ldp-jobs .tablist .item.active a:after {
      opacity: 1;
      visibility: visible;
      width: 100%; }
    .section-ldp-jobs .tablist .item:hover a {
      color: #212121; }

.section-ldp-jobs .tabcontent {
  border-top: 1px solid #EEEEEE;
  /*.item:nth-child(n+11) {display: none;}*/ }
  .section-ldp-jobs .tabcontent .item {
    border-bottom: 1px solid #EEEEEE; }
  .section-ldp-jobs .tabcontent .box {
    padding: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
    cursor: pointer; }
    .section-ldp-jobs .tabcontent .box .left {
      flex: 1 1 auto; }
    .section-ldp-jobs .tabcontent .box .info {
      font-size: 12px; }
      .section-ldp-jobs .tabcontent .box .info .title {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 700; }
      .section-ldp-jobs .tabcontent .box .info .extra {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 20px; }
      .section-ldp-jobs .tabcontent .box .info .time, .section-ldp-jobs .tabcontent .box .info .department {
        display: inline-flex;
        gap: 10px;
        align-items: center; }
        .section-ldp-jobs .tabcontent .box .info .time svg, .section-ldp-jobs .tabcontent .box .info .department svg {
          height: 12px;
          width: 12px;
          margin-top: 2px; }
    .section-ldp-jobs .tabcontent .box .action {
      display: flex;
      gap: 12px;
      align-items: center; }
    .section-ldp-jobs .tabcontent .box .button {
      white-space: nowrap; }
    .section-ldp-jobs .tabcontent .box:hover {
      background: #F6F8FB; }
      .section-ldp-jobs .tabcontent .box:hover .info .title {
        color: #051C69; }
  .section-ldp-jobs .tabcontent.show-all .item {
    display: block; }
  .section-ldp-jobs .tabcontent .empty {
    padding: 24px 0; }

.section-ldp-jobs .empty-filter {
  padding: 24px 0;
  border-bottom: 1px solid #EEEEEE; }

@media (min-width: 768px) {
  .section-ldp-jobs .tablist {
    justify-content: center;
    overflow: hidden; }
    .section-ldp-jobs .tablist .item a {
      padding: 0 10px; }
  .section-ldp-jobs .tabcontent .box {
    flex-direction: row;
    align-items: center;
    justify-content: space-between; } }

@media (min-width: 992px) {
  .section-ldp-jobs .tabcontent .box {
    padding: 24px 32px;
    gap: 24px; }
    .section-ldp-jobs .tabcontent .box .info {
      font-size: 16px; }
      .section-ldp-jobs .tabcontent .box .info .title {
        font-size: 24px; }
      .section-ldp-jobs .tabcontent .box .info .time svg, .section-ldp-jobs .tabcontent .box .info .department svg {
        height: 16px;
        width: 16px; } }

.section-ldp-culture {
  position: relative; }
  .section-ldp-culture .box {
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
    background: #fff;
    border-radius: 12px;
    padding: 16px; }
    .section-ldp-culture .box .media {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      border-radius: 8px;
      overflow: hidden; }
    .section-ldp-culture .box .content {
      padding: 10px;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      font-size: 14px;
      display: flex; }
      .section-ldp-culture .box .content .text h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 16px; }
    @media (min-width: 992px) {
      .section-ldp-culture .box {
        flex-direction: row; }
        .section-ldp-culture .box .media {
          -ms-flex: 0 0 45%;
          flex: 0 0 45%;
          max-width: 45%; }
        .section-ldp-culture .box .content {
          padding: 40px 20px;
          -ms-flex: 0 0 55%;
          flex: 0 0 55%;
          max-width: 55%;
          line-height: 1.5;
          font-size: 12px;
          align-items: center; }
          .section-ldp-culture .box .content .text h3 {
            font-size: 18px; } }
    @media (min-width: 1440px) {
      .section-ldp-culture .box .media {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%; }
      .section-ldp-culture .box .content {
        padding: 72px 32px;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        line-height: 25.6px;
        font-size: 16px;
        align-items: center; }
        .section-ldp-culture .box .content .text h3 {
          font-size: 24px; } }
  .section-ldp-culture .owlCarousel-style.owl-carousel .owl-stage-outer {
    overflow: visible; }
  .section-ldp-culture .owlCarousel-style.owl-carousel .owl-nav button {
    background: white;
    color: #212121;
    border: 1px solid #212121; }
    .section-ldp-culture .owlCarousel-style.owl-carousel .owl-nav button svg path {
      fill: #212121; }
  .section-ldp-culture .owlCarousel-style.owl-carousel .owl-item.active .box {
    border: 1px solid #DADAE0;
    background: #F6F8FB;
    background: linear-gradient(0deg, rgba(5, 28, 105, 0.05), rgba(5, 28, 105, 0.05)), #FFFFFF;
    /*box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;*/ }
  @media (min-width: 992px) {
    .section-ldp-culture {
      padding-bottom: 80px; } }

.section-ldp-partner .aspect-ratio a {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #DADAE0;
  padding-bottom: calc(400/700 * 100%);
  position: relative; }
  .section-ldp-partner .aspect-ratio a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.section-ldp-blog .item-article {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(5px);
  border-radius: 12px;
  overflow: hidden; }
  .section-ldp-blog .item-article .media-article {
    overflow: hidden; }
    .section-ldp-blog .item-article .media-article a {
      padding-bottom: calc(230/408 * 100%);
      position: relative;
      display: block;
      overflow: hidden; }
      .section-ldp-blog .item-article .media-article a img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .section-ldp-blog .item-article .info-article {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .section-ldp-blog .item-article .info-article .meta-article time {
      color: #212121; }
    .section-ldp-blog .item-article .info-article h4 {
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 0;
      height: 50px;
      overflow: hidden; }
    .section-ldp-blog .item-article .info-article h4 a {
      color: #051C69;
      line-height: 1.4;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
    .section-ldp-blog .item-article .info-article .short-article {
      color: #212121;
      white-space: initial;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box; }

.section-ldp-blog .owlCarousel-style.owl-carousel .owl-nav button {
  background: white;
  color: #212121;
  border: 1px solid #212121; }
  .section-ldp-blog .owlCarousel-style.owl-carousel .owl-nav button svg path {
    fill: #212121; }

.section-ldp-blog .wraplist-ctas {
  margin-top: 32px; }

.modal-ldp .modal-header {
  justify-content: center; }

.modal-ldp .modal-content {
  border-radius: 4px;
  background: #F9F9F9; }
  .modal-ldp .modal-content .modal-body {
    padding: 24px 32px 20px; }
    .modal-ldp .modal-content .modal-body .form-apply {
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .modal-ldp .modal-content .modal-body .form-line {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .modal-ldp .modal-content .modal-body .form-line .title {
        padding-bottom: 12px;
        border-bottom: 1px solid #E0E0E0; }
        .modal-ldp .modal-content .modal-body .form-line .title h4 {
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 4px; }
      .modal-ldp .modal-content .modal-body .form-line .group {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px; }
        .modal-ldp .modal-content .modal-body .form-line .group .full, .modal-ldp .modal-content .modal-body .form-line .group .half {
          width: 100%; }
        @media (min-width: 768px) {
          .modal-ldp .modal-content .modal-body .form-line .group .half {
            width: calc((100% - 8px) / 2); } }
    .modal-ldp .modal-content .modal-body .input-group {
      flex-direction: column;
      padding-bottom: 7px; }
      .modal-ldp .modal-content .modal-body .input-group label {
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 600;
        min-height: 20px; }
      .modal-ldp .modal-content .modal-body .input-group input {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #EEEEEE;
        height: 35px;
        font-size: 14px;
        color: #212121;
        padding: 6px 16px; }
        .modal-ldp .modal-content .modal-body .input-group input.warming {
          border: 1px solid red; }
        .modal-ldp .modal-content .modal-body .input-group input::-webkit-input-placeholder {
          color: #757575; }
        .modal-ldp .modal-content .modal-body .input-group input:-ms-input-placeholder {
          color: #757575; }
        .modal-ldp .modal-content .modal-body .input-group input::placeholder {
          color: #757575; }
      .modal-ldp .modal-content .modal-body .input-group .list-radio {
        padding: 8px 0;
        display: flex;
        gap: 24px; }
        .modal-ldp .modal-content .modal-body .input-group .list-radio .radio-group {
          display: inline-flex;
          gap: 8px;
          align-items: center; }
        .modal-ldp .modal-content .modal-body .input-group .list-radio input[type="radio"] {
          border-radius: 4px;
          border: none;
          width: 16px;
          height: 16px;
          background: #fff;
          outline: none;
          position: relative;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          padding: 0; }
          .modal-ldp .modal-content .modal-body .input-group .list-radio input[type="radio"]:before {
            content: "";
            position: absolute;
            z-index: 1;
            width: 10px;
            height: 8px;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 6.5L1 4' stroke='%2338B54B' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s; }
          .modal-ldp .modal-content .modal-body .input-group .list-radio input[type="radio"]:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0px;
            width: 16px;
            height: 16px;
            border-radius: 4px;
            background-color: transparent;
            border: 1px solid #D1D5DB;
            cursor: pointer;
            transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out; }
          .modal-ldp .modal-content .modal-body .input-group .list-radio input[type="radio"]:checked:after {
            background: #EAFFED;
            border: 1px solid #38B54B; }
          .modal-ldp .modal-content .modal-body .input-group .list-radio input[type="radio"]:checked:before {
            opacity: 1;
            visibility: visible; }
        .modal-ldp .modal-content .modal-body .input-group .list-radio label {
          font-weight: normal;
          margin-bottom: 0; }
        .modal-ldp .modal-content .modal-body .input-group .list-radio.warming input[type="radio"]:after {
          border: 1px solid red; }
      .modal-ldp .modal-content .modal-body .input-group .attachfile1 {
        height: 42px; }
        .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"] {
          color: transparent;
          height: 46px;
          padding: 0;
          border: none; }
          .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]::-webkit-file-upload-button {
            visibility: hidden; }
          .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]::before {
            content: 'Đính kèm CV';
            color: #212121;
            display: block;
            background: #fff;
            border: 1px solid #DADAE0;
            border-radius: 23px;
            padding: 8px 20px;
            outline: none;
            white-space: nowrap;
            -webkit-user-select: none;
            cursor: pointer;
            font-weight: 600;
            font-size: 12px;
            text-align: center; }
          .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]:hover::before {
            color: #fff;
            background: #212121;
            border: 1px solid #212121; }
          .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]:active {
            outline: 0; }
          .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]:active::before {
            background: #212121;
            color: #fff;
            border: 1px solid #212121; }
          @media (min-width: 768px) {
            .modal-ldp .modal-content .modal-body .input-group .attachfile1 input[type="file"]::before {
              margin-left: auto;
              max-width: 189px;
              font-size: 14px;
              padding: 11px 32px; } }
        .modal-ldp .modal-content .modal-body .input-group .attachfile1.warming input[type="file"]:before {
          border: 1px solid red; }
  .modal-ldp .modal-content .modal-footer {
    border-top: none;
    padding: 0 32px 24px 32px; }
    .modal-ldp .modal-content .modal-footer .button {
      width: 100%;
      height: 42px; }
      .modal-ldp .modal-content .modal-footer .button.button-submit {
        background: #E3E5EB;
        color: #232323; }
      .modal-ldp .modal-content .modal-footer .button:hover {
        color: #fff;
        background: #212121;
        border: 1px solid #212121; }

.modal-ldp.modal-apply .modal-header {
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: none;
  z-index: 10; }
  .modal-ldp.modal-apply .modal-header button {
    outline: none; }

.modal-ldp.modal-apply .modal-content p {
  margin-bottom: 0;
  color: #757575;
  font-style: italic; }

.modal-ldp.modal-apply .modal-content:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='lds-microsoft' width='80px' height='80px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cscript xmlns='' id='I28iG_L6gRh17P1cf1BSdGj5Sr' type='text/javascript'/%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='81.73413361164941' cy='74.35045716034882' fill='%23e15b64' r='5' transform='rotate(340.001 49.9999 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='74.35045716034882' cy='81.73413361164941' fill='%23f47e60' r='5' transform='rotate(348.352 50.0001 50.0001)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.0625s'/%3E%3C/circle%3E%3Ccircle cx='65.3073372946036' cy='86.95518130045147' fill='%23f8b26a' r='5' transform='rotate(354.236 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.125s'/%3E%3C/circle%3E%3Ccircle cx='55.22104768880207' cy='89.65779445495241' fill='%23abbd81' r='5' transform='rotate(357.958 50.0002 50.0002)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.1875s'/%3E%3C/circle%3E%3Ccircle cx='44.77895231119793' cy='89.65779445495241' fill='%23849b87' r='5' transform='rotate(359.76 50.0064 50.0064)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.25s'/%3E%3C/circle%3E%3Ccircle cx='34.692662705396415' cy='86.95518130045147' fill='%23e15b64' r='5' transform='rotate(0.183552 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.3125s'/%3E%3C/circle%3E%3Ccircle cx='25.649542839651176' cy='81.73413361164941' fill='%23f47e60' r='5' transform='rotate(1.86457 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.375s'/%3E%3C/circle%3E%3Ccircle cx='18.2658663883506' cy='74.35045716034884' fill='%23f8b26a' r='5' transform='rotate(5.45126 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;360 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s' begin='-0.4375s'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='spline' values='0 50 50;0 50 50' times='0;1' keySplines='0.5 0 0.5 1' repeatCount='indefinite' dur='1.5s'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  display: none; }

.modal-ldp.modal-apply .modal-content.active:after {
  opacity: 1;
  visibility: visible;
  display: block; }

.modal-ldp.modal-detail .detail-jobs h1 {
  font-size: 22px; }

.modal-ldp.modal-detail .detail-jobs h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px; }

.modal-ldp.modal-detail .detail-jobs h3 {
  font-size: 18px; }

.modal-ldp.modal-detail .detail-jobs h4, .modal-ldp.modal-detail .detail-jobs h5, .modal-ldp.modal-detail .detail-jobs h6 {
  font-size: 16px; }

.modal-ldp.modal-detail .detail-jobs ul {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .modal-ldp .modal-dialog {
    max-width: 600px; } }