.bread-crumb p{
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    color: #51A346;
    align-items: center;
    text-transform:uppercase;
    letter-spacing: 0.2em;
}
.bread-crumb p >.separator{
  margin: 0 12px;
}

.form-contact-page .wpcf7-response-output {
  position: relative;
  z-index: 1;
}
.tab-number ul {
    display: flex;
    color: #b3b3b3;
}
.tab-number ul>li:not(:first-child) {
    padding: 0 0 0 2.125rem;
}
.tab-number ul>li:hover>a {
    color: #075199;
    transition: all .7s;
}
@media(max-width: 1023px){
    .get-date img{
        max-width: 0.875rem;
    }
}
.box-recruit img {
    height: fit-content;
    width: fit-content;
}

#nav-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: auto 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 101;
}
.open span{
  background:white !important;
}
#nav-icon span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 8px;
}
.container{
  max-width:1470px !important;
  padding:0 15px;
}
.header {
  font-size:14px;
}
/* menu header */
@media(min-width: 1280px){
  .menu>ul {
    display: flex;
    align-items: center;
  }
  .menu >ul>li {
      position: relative;
  }
  .menu >ul>li>a {
    padding:1rem 0;
    position: relative;
  }
  .menu >ul>li .active{
      border-bottom: 2px solid #51A346;
  }
  .menu >ul>li:hover {
      color: #51A346;
      transition: all 0.3s;
  }
  .menu>ul>li:not(:last-child)>a {
      display: block;
      margin: 0 1rem 0  0;
  }
  .menu >ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.3;
  }
  .menu > ul>li>ul {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 5px 5px 5px #424242;
    min-width: 8rem;
    color: #075199;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
      
  }
  .menu > ul>li>ul>li {
      position: relative;
  }
  .menu > ul>li>ul>li:hover{
      background-color: #075199;
      color: white;
      transition: all 0.3s;
  }
  .menu > ul>li>ul>li>a{
      display: block;
      padding: 0.5rem 0.5rem;
  }

  .menu > ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.3;
  }
  .menu > ul>li>ul>li>ul {
      position: absolute;
      top: 0;
      left: 100%;;
      background-color: white;
      box-shadow: 5px 5px 5px #424242;
      min-width: 8rem;
      color: #075199;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: all 0.3s ease-in-out;
  }
  .menu > ul>li>ul>li>ul>li>a{
      display: block;
      padding: 0.5rem 0.5rem;
  }
  .menu > ul>li>ul>li>ul>li:hover{
      background-color: #075199;
      color: white;
      transition: all 0.3s;
  }


}

@media(max-width: 1279px){
  .language-mobile .btn-dropdown-menu{
    display: none;
  }
  .language-mobile .sub-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .language-mobile .sub-menu .current-lang  a{
    color: #51A346;
    border-bottom: 1px solid #51A346;
  }
 .language-mobile > ul > li > a{
    display: none;
 }
  .menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: min(350px, 80%);
    height: 100%;
    overflow-y: auto;
    z-index: 100;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #000;
  }
  .menu.active {
    left: 0;
  }
  .menu >ul >li {
    position: relative;
    border-top: 0.5px solid #252525;
    border-color:#e5e7eb;

  }
  .menu>ul>li>span {
    position:absolute;
    top:8px;
    right:0px;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 15px;
  }
  .menu >ul >li >ul {
    display:none
  }
  .menu >ul >li >ul >li >ul {
    display:none
  }
  .menu >ul >li >ul>li {
    position:relative;
  }
  .menu>ul>li>ul>li>span {
    position:absolute;
    top:8px;
    right:0px;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 15px;
  }
  .menu >ul >li >a{
    display: block;
    position: relative;
    padding:0.5rem 0 0.5rem 1rem;
    
  }
  .menu >ul >li> ul> li> a {
    display: block;
    padding:0.5rem 0 0.5rem 2rem; 
  }
  .menu >ul >li> ul> li >ul >li >a {
    display: block;
    padding:0.5rem 0 0.5rem 3rem;
  }
  .over-lay.show {
    right: 0 !important;
  }
}
@media (min-width: 768px){
/* hiển thị ngôn ngữ */
    .language {
        position: relative;
        justify-content: center;
        justify-items: center;
        padding:1rem 0;
    }
    .language >.current-lang{
      padding: 0 0.5rem 0 0 ;
    }
    .language>ul {
        position: absolute;
        top: 100%;
        left: -0.5rem;
        min-width: 6rem;
        background-color: white;
        color: #075199;
        display: none;
        box-shadow: 5px 5px 5px #424242;
        z-index: 99;
    }
    .language:hover>ul {
        display: block;
    }
    .language:hover>ul>li{
      position:relative;
  }
    .language ul li a{
        display: block;
        padding: 0.5rem 0.5rem;
    }
    .language ul li:hover >a{
      color: white;
      background:#51A346;
    }
    .language:hover>ul>li>ul{
      position:absolute;
      top:0;
      left:100%;
      min-width: 6rem;
      background-color: white;
      color: #075199;
      display: none;
      box-shadow: 5px 5px 5px #424242;
      z-index: 99;
  }
  .language ul li>ul>li>a {
    display: block;
    padding: 0.5rem 0.5rem;
  }
  .language ul >li:hover>ul {
    display: block;
}
}
@media(max-width: 768px){
  .language-mobile{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    min-width:100px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-radius:0 !important
  }

  .language-mobile> span{
    margin-left: 10px;
  }
  .language-mobile>ul>li>span{
    margin-left: 5px;
  }
  .language-mobile> ul> li{
      font-size: 12px;
      margin: 0.5rem 0.5rem;
  }
  .language-mobile a{
    display:block;
    padding: 5px 0
  }
  .language-mobile>ul.active{
    display: block !important;
  }
}
.show-menu-mobile{
  margin: 0 0 0 1rem !important;
}

/* footer */
@media (max-width: 1279px){
  footer .list ul {
    font-size: 0.875rem;
  }
}
@media (max-width: 1279px){
  footer .list ul {
    font-size: 0.75rem;
  }
}
footer .list ul {
  font-weight: 700;
}
footer .list ul>li:not(:last-child) {
  padding: 0 0 0.875rem 0;
}
footer .list ul>li>a {
  display: inline-block;
  padding: 0 0 0 0.5rem;
}
footer .list ul>li::before {
  content:"\f054" ;
  font-family: 'fontAwesome';
  color: #51A346;
  top: 0;
  left: 0;
}
footer .list ul>li:hover>a {
  color: #51A346;
  transition: all 0.3s;
}
.view-service {
  background: linear-gradient(180deg, rgba(7, 81, 153, 0.08) 0%, rgba(7, 81, 153, 0.8) 71.73%), url(photo-1586528116311-ad8dd3c8310d.jpg);
  height: 0;
  opacity: 0;
  transition: all 0.3s;
}
.item-service>a:hover >.view-service{
  height: 100%;
  opacity: 1;
}
@media(min-width: 768px){
  .item-applicate img {
    width: 5rem;
  }
}
@media(max-width: 768px){
  .item-applicate img {
    max-width: 2rem;
  }
}

.back a {
  border-bottom: 0.0625rem solid #51A346;
}
.back a::before {
  content: '<';
  color: #51A346;
  top: 0;
  left: 0;
  margin-right: 0.5rem;
}
@media(min-width: 1280px){
  .item-contact >img{
    max-width:3rem;
  }
}
@media(max-width: 1279px){
  .item-contact >img{
    max-width:1.75rem;
  }
}

/* style slide */
@media (min-width: 1024px){
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -80px !important;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 1024px){
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -60px !important;
    left: 0;
    width: 100%;
  }
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px !important;
}
@media(min-width: 1024px){
  .swiper-pagination-bullet {
    width: 1rem !important;
    height: 1rem !important;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2;
  }
}
@media(max-width: 1024px){
  .swiper-pagination-bullet {
    width: 0.5rem !important;
    height: 0.5rem !important;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background:#51A346 !important ;
}
.form-contact{
  display:flex;
  justify-content: center;
  position:relative;
}
.form-contact form>p>span>input{
  margin: 1rem 0;
  position:relative;
  border-radius: 5px;
}
@media(max-width: 768px){
  .form-contact form>p>span>input{
    width: 100%;
  }
}
.wpcf7-not-valid-tip {
  position:absolute;
  bottom: -35px;
  left:0;
}
.wpcf7-form-control.has-spinner.wpcf7-submit{
  padding: 13px 25px;
  border: 1px solid #6b7280;
  border-radius:5px;
  margin:1rem 0;
  font-weight:700;
  font-size: 14px;
  background:#51A346;
  color: white;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  transition:all 0.3s;
  filter: brightness(125%);
}
.wpcf7-response-output{
  border: none !important;
  margin:0 !important;
  padding:0 !important;
  color: red;
  position: absolute;
  top: 100%;
  width: fit-content;
}
.logo-footer > .logo{
  width:135px;
  height: 81px;
}
.search-form input{
  border:none;
}
.btn-show-search >i{
  padding: 12px 32px 12px 32px;
  font-size: 20px;
}
.btn-search {
  padding:10px 0;
}
.btn-contact {
  font-weight:700;
  font-size:14px;
}
.btn-contact:hover {
  color:white;
  filter:brightness(125%);
}
@media(min-width: 768px){
  .list ul {
    font-size: 14px;
  }
}
@media(max-width: 768px){

  .list ul {
    font-size: 12px;
  }
}
.btn-more {
  font-size: 14px;
  font-weight: 700;
}
.btn-more:hover{
  filter: brightness(125%);
}
#input-search-header{
  font-weight: 400 !important;
  font-size: 14px;
}
#input-search-header:focus{
  box-shadow: none;
}
@media(min-width: 1024px){
  .header .search-form {
    top:68px !important;
    right:0
  }
}
.item-aplication:hover img{
  scale:120%;
  transition: all .3s;
}
.news .item-new h3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pagination >ul{
  display: flex;
  justify-content: center;
}
.pagination >ul li>.pagecur {
  font-weight: 700;
  font-size: 14px;
  color: #51A346;
}
.list-why .icon {
  flex-shrink: 0;
}