body {
  background: #ffffff;
}
.space20 {
  height: 20px;
}
.space30 {
  height: 30px;
}
.space50 {
  height: 50px;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img:hover {
  opacity: 0.5;
}
input[type="number"],
input[type="password"],
input[type="text"],
input[type="email"],
select,
textarea {
  border: none;
}
input[readonly] {
  cursor: text !important;
  background-color: #fff;
}
.owl-prev,
.owl-next {
  z-index: 10 !important;
}
.navbar {
  border-radius: 0px;
  margin-bottom: 0;
}

.lazy-content {
  display: none;
}
.searchwrap {
  background: linear-gradient(
    180deg,
    rgba(255, 247, 239, 1) 0%,
    rgba(199, 230, 242, 1) 100%
  );
  height: 460px;
  padding: 76px 0;
}
.searchwrap_margin {
  max-width: 1170px;
  width: unset;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.searchbar div {
  /* padding: unset; */
}
/* Start left */
.searchwrap_left {
  padding-right: 15px;
}
.searchBar {
  margin-top: 60px;
}

.searchwrap_left .searchBar h1.h1_home {
  text-align: left;
  color: #333;
  text-shadow: none;
}
.h1_home a {
  font-size: 33px;
  background-color: transparent !important;
  color: #333;
}

/* Select 2 in index page */

/* .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:45px!important;
} */

/* .select2-selection--multiple {
    height:45px;
    max-height:45px;
    overflow:auto
} */
/* .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 7px 18px 7px 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left:auto !important;
    right: 0;
    top: 4px !important;
    font-size: 16px !important;
} */

/* #select2-se_keywords-results, #select2-se_keywords_mb-results{
    display:none;	
} */

/* End Select2 */
/* Dropdown */
.show {
  display: block;
}

/* End Dropdown */
/* Start search key */
.input_tukhoa2 {
  width: 100% !important;
  height: 45px;
  padding: 8px 0 8px 8px;
  background-color: #fff !important;
  border-radius: 4px;
  /* box-shadow: 0px 3px 6px #b6b6b6 !important; */
  font-size: 14px;
}
.select3.se_location {
  border: unset !important;
}
#dropdown_search {
  z-index: 15;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.search_tags_new {
  color: #000;
  padding: 10px;
  border-radius: 15px;
  font-size: 12px;
  line-height: 20px;
  margin: 3px 3px 3px 0;
}
.search_tags_new.search-tag {
  margin: 0;
  padding: 0px;
}
.inline-block {
  display: inline-block;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.inline-block a {
  padding: 3px 8px;
  border-radius: 25px;
}
.tag_box a {
  border: 1px solid #e1e1e1;
}
.tag_box a:hover {
  background-color: #f07d1c;
  color: #fff;
  border: 1px solid #f07d1c;
}
.dropdown_content-a {
  color: #f07e1d !important;
  padding: 0 !important;
}
.box-imgcompany2 {
  height: 36px;
  width: auto;
  display: flex;
  margin: 10px 0px 0px 0px;
  align-items: center;
}
.img-benefit {
  object-fit: contain;
  border: 1px solid #ededed;
  padding: 2px;
  height: 100% !important;
}

/* End search key */
/* Start Select Location */
.pr_5 {
  padding-right: 5px !important;
}

#search-submit i {
  font-size: 18px;
}
/* End Select Location */

.search-description {
  background-color: rgb(251 248 248 / 41%);
  padding: 13px 18px;
  border-radius: 4px;
  margin-top: 10px;
  color: #333;
  text-align: left;
  font-size: 15px;
  font-style: italic;
}
.search-description a {
  background-color: transparent !important;
  font-size: 15px;
  color: #f07e1d;
  border-radius: 4px;
}
/* End Left */

/* Start Right */
.searchwrap_right-img {
  position: relative;
  text-align: center;
}
.searchwrap_right-img img:hover {
  opacity: inherit;
}

.box_job_top {
  padding-top: 1rem;
}
.box_job {
  position: absolute;
  background-color: #fff;
  padding: 6px 12px 6px 7px;
  right: 0;
  top: 25%;
  box-shadow: 0 3px 6px #828282;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
}
.icon_boxjob {
  background-color: #d76121;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 20px;
  color: white;
  margin-right: 9px;
}
.icon_boxjob-brief {
  background-color: #f07e1d;
}
.icon_boxjob-tie {
  background-color: #6e6bf8;
}
.text_boxjob {
  text-align: left;
}
.text_boxjob h2 {
  margin: 0;
  color: #333;
  position: relative;
  margin-right: 15px;
  font-weight: bold;
  font-size: 18px;
}
.text_boxjob p {
  margin: 0;
  font-size: 14px;
  color: #afafaf;
}

.box_job-top {
  top: 44%;
}
.box_candidate {
  right: 57%;
}
.box_Emp {
  top: 73%;
  right: 44%;
}
.box_Emp h2 > span {
  right: 13px !important;
}

/* End Right */
.container-home a {
  background-color: transparent;
}
/* Content */
.title-linehead {
  position: relative;
  padding: 0 0 10px;
  border-bottom: 1px #e2e2e2 solid;
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
  text-transform: uppercase;
}
.title-linehead a {
  color: #333;
}
.title-linehead a:hover {
  color: #f07e1d;
}
.title-linehead:after {
  background-color: #e95f07;
  bottom: -1px;
  left: 0;
  width: 80px;
  height: 1px;
}
.title-linehead:after,
.title-linehead:before {
  position: absolute;
  display: inline-block;
  content: "";
}

/* Congty noi bat */
.company_box {
  padding: 3px;
}
.company_box-child {
  padding: 10px;
  box-shadow: 0 0 6px #dfdfdf;
}
.owl-carousel .owl-item img {
  height: 100%;
}
.company_img {
  height: 92px !important;
  padding: 0px 20px;
  object-fit: contain;
}
.company_item-txt h4 {
  font-size: 13px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333 !important;
  display: -webkit-box;
  height: 33.8px;
  -webkit-line-clamp: 2;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.company_item-txt h4:hover {
  color: #f07e1d !important;
}
/* End Congty noi bat */
.see_more_top {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 13px;
}
.see_more-img {
  height: 14px;
  width: 14px;
}
/*camnang*/
.camnang_nn {
  position: relative;
}
.camnang_nn .owl-theme .custom-nav {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.camnang_nn .owl-stage-outer .owl-stage {
  padding-bottom: 8px;
}
.camnang_nn
  .owl-carousel.owl-theme.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  .item {
  padding-bottom: 1px;
  background-color: #fff;
  box-shadow: 0px -2px 12px #bbb;
  min-height: 0;
  padding: 0px;
  padding-bottom: 10px;
}
.owl-theme .custom-nav .owl-prev,
.owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 25px;
  color: inherit;
  background-color: #fff;
  border: none;
  z-index: 100;
  border-radius: 25px;
  margin-top: 40px;
}
.owl-theme .custom-nav .owl-prev:focus,
.owl-theme .custom-nav .owl-next:focus {
  outline: unset;
}
.owl-theme .custom-nav .owl-prev i,
.owl-theme .custom-nav .owl-next i {
  font-size: 1.5rem;
  color: #cecece;
}
.owl-theme .custom-nav .owl-prev {
  left: 0;
}
.owl-theme .custom-nav .owl-next {
  right: 0;
}

.title_cn {
  color: #333;
  font-size: 14px;
}
.title_cn:hover {
  color: #f07e1d !important;
}
.job_top_list {
  display: block;
  /* margin-right: 20px;  */
  width: 100%;
}
.job_top {
  position: relative;
  width: 100%;
}
.job_top_figure {
  height: 10rem;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}
.camnang_nn .job_top_figure {
  height: 110px;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}
/* .job_top h3 {
    color: #555;
    font-size: 1.1rem;
    position: relative;
    text-align: left;
    -webkit-transform: translateY(-2rem); 
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem); 
    width: 100%; 
    z-index: 4;
    padding: 0 5px; 
    line-height: 1.3;
    text-transform: capitalize;
} */
.job_top_figure img {
  width: 100%;
}

.title_article {
  -ms-flex-align: center;
  align-items: center;
  color: #f07e1d;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
}
.txt_overflow_article {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
  padding: 0 10px;
  margin-bottom: 0;
}
.text-overflow-line3 {
  padding: 0 10px;
  margin: 0;
}
.pad_10 {
  padding: 0 10px;
}

/* End camnang */
/* Item sidebar */
/* .nav_item_list>.item {border-bottom: 1px solid #f4f4f4;}
.nav_item_list>.item>.a_item {
    border: 0;
    background-color: #fff;
    display: block;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1.2;
    padding: 1.1rem 0rem 1.1rem 0rem;
    position: relative;
    text-align: left; 
    width: 100%;
}
.title_item {font-size: 15px;color: #f07e1d;font-weight: 700; margin: 0; padding-top: 10px;text-transform: uppercase;}
.title_item a {
    color: #333;
}
.title_item a:hover {
    text-decoration: underline;
    color: #333;
} */

/* End content */
@media only screen and (max-width: 480px) {
  .hidden_mb {
    display: none;
  }

  .container {
    /* padding-left: 10px;
        padding-right: 10px; */
  }

  .searchwrap {
    min-height: 333px;
    height: 333px;
    padding-top: 64px;
  }
  .searchwrap_left {
    padding-right: 15px;
  }
  .searchBar {
    margin-top: 15px;
  }
  .searchwrap .searchBar h1.h1_home {
    margin-top: 10px;
    text-align: center;
  }

  .pr_5 {
    padding: 0 !important;
  }

  .container.container-home.mb {
    position: relative;
  }
  .searchwrap .search-description {
    padding: 10px;
    font-size: 13px;
  }
  .container-home .search-description a,
  .search-description a {
    font-size: 13px;
  }

  .searchwrap_right {
    display: none;
  }
  .container-home h3 a {
    font-size: 13px;
  }

  /* Select 2 */
  /* End Slect2 */

  .space20 {
    height: auto;
  }

  /* Content */
  /* Company */
  .company_img-container {
    /* width: 137px;
        height: 120px; */
  }
  .job_top {
    /* width: 142px; */
    height: 90px;
  }
  .owl-dots {
    height: 25px;
  }
  .txt_overflow_article {
    -webkit-line-clamp: 3;
    height: 60px;
  }
  .title_cn {
    font-size: 13px;
  }
  .company_img {
    height: 92px !important;
    padding: 0px 20px;
    object-fit: contain;
  }
  .company_box-child {
    padding: 0 10px 10px 10px;
  }
  .text-overflow-line3 {
    -webkit-line-clamp: 2;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
  }
  /* .company_item-txt h4 {
        font-size: 15px;
        line-height: 1.5;
    } */
  /* End company */
  .see_more_top30 {
    position: absolute;
    top: 0px;
  }
  .title-linehead {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 0px;
  }
  .camnang_nn .job_top_figure {
    height: 90px;
  }

  .camnang_nn .owl-theme .custom-nav {
    top: unset !important;
    bottom: 6%;
  }
  .new-tags {
    margin: 5px 0 !important;
  }
  .content_item {
    margin: 5px 0 5px 0;
  }
  .tag {
    padding: 0 6px 0 6px !important;
    margin: 0 5px 5px 0 !important;
  }
  .job_top_figure {
    height: 8rem;
  }
  .owl-carousel .owl-item .carousel_img {
    width: 123px;
    height: 90px;
  }

  .owl-theme .custom-nav .owl-prev,
  .owl-theme .custom-nav .owl-next {
    margin-top: -9px !important;
    background-color: #e8e8e8;
    border: 2px solid #e1e1e1;
  }
  /*  */
  .title_item {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
  }
  .bannerAI-container {
    height: auto;
    width: 100%;
  }

  /* Additional CLS optimization for searchwrap_left */
  .col-md-8.searchwrap_left {
    min-height: 60px; /* Reserve space for search box to prevent layout shift */
  }

  /* Ensure images have proper sizing */
  .bannerAI-container img,
  .searchwrap_left img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .searchwrap_right {
    display: none;
  }
  .searchwrap_left {
    padding-right: 15px;
  }
  .owl-carousel .owl-item .carousel_img {
    width: 123px;
    height: 90px;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  .searchwrap_right {
    display: none;
  }
  .searchwrap_left {
    padding-right: 15px;
  }
  .owl-carousel .owl-item .carousel_img {
    width: 123px;
    height: 90px;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
  .block_scroll {
    display: block !important;
  }
  .owl-carousel .owl-item .carousel_img {
    width: 123px;
    height: 90px;
  }
}
@media (min-width: 991px) and (max-width: 1024px) {
  .block_scroll {
    display: block !important;
  }
}
@media screen and (min-width: 1025px) {
  .block_scroll {
    display: block !important;
  }
  .dropdown-content-new {
    width: 167%;
  }
  /* CSS rules for extra-extra-large screens in Ant Design */
}