body {
  font-family: 'Optimistic Display', Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/UwoTM2u9U6b.woff2) format('woff2'), url(fonts/gPbYr2isoMn.woff) format('woff'), url(fonts/ujL96beZ5NX.eot) format('embedded-opentype')
}
@font-face {
  font-family: 'Optimistic Text';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/G4CvqQXT71s.woff2) format('woff2'), url(fonts/3nJF2AW_2KI.woff) format('woff'), url(fonts/lOCZ6cH-l95.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/gJ8wmjmQhMa.woff2) format('woff2'), url(fonts/6EsmO4OOkIi.woff) format('woff'), url(fonts/d8NpUU2wnvQ.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Text';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/6YirsaXqsap.woff2) format('woff2'), url(fonts/A8MP726Y7RW.woff) format('woff'), url(fonts/nqnBBWt1cQ8.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/jfwoHaS3i0K.woff2) format('woff2'), url(fonts/fTvKFwGz9bf.woff) format('woff'), url(fonts/J1XKtFquvMN.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Text';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/ndhgOwkNmDs.woff2) format('woff2'), url(fonts/g6ncoEztC_N.woff) format('woff'), url(fonts/phfAjnBQdX6.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/n0aIRIy9q6Y.woff2) format('woff2'), url(fonts/ZdS7UjU8lD8.woff) format('woff')
}

@font-face {
  font-family: 'Optimistic Text';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/WF8VhTuShVE.woff2) format('woff2'), url(fonts/Oe0HWHR8zW7.woff) format('woff'), url(fonts/GWRXKV3XeMW.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/WXBYOaYZuYu.woff2) format('woff2'), url(fonts/uFQSckMfvjy.woff) format('woff'), url(fonts/EvBN2KAyST_.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Display';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/0wcuDYQ2laN.woff2) format('woff2'), url(fonts/R-4r2OtBGX6.woff) format('woff'), url(fonts/mrQd_YHOZRF.eot) format('embedded-opentype')
}

@font-face {
  font-family: 'Optimistic Text';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/_IxD8PqgShI.woff2) format('woff2'), url(fonts/XSfIGfuYAms.woff) format('woff')
}
.container-header{
  height: 100px;
  background: white;
  z-index: 10;
}
.header_container {
  max-width: 1200px;
  margin: 0 auto;

}
.menu_top {
  height: 80px;
  display: flex;
}

.nav_logo {
  width: 89px;
}

.text_hover {
  letter-spacing: 1px;
}
.text_hover:hover {
  text-decoration: underline;
  text-decoration-color: #0064e0;
  text-underline-offset: 5px;
}
.home-search__main-title {
  text-align: center;
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 600 !important;
  line-height: 43.2px;
}
.home-search__main {
  display: flex;
  align-items: center;
  padding: 6px 20px;
  border: 1px solid #67788a;
  border-radius: 45px;
  width:100% !important;
  margin: 0 auto;
  position: relative;
  background-color: #fff; 
}

.home-search__main input {
  flex: 1; 
  border: none;
  outline: none;
  font-size: 16px; 
  height: 32px;
  background: transparent; 
  color: #1c2b33 !important;
  font-weight: 600;
  letter-spacing: 1px;
}

.home-search__main input::placeholder {
  color: #67788a; /* Màu placeholder nhẹ nhàng */
}

.home-search__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 12px; /* Giảm khoảng cách để cân đối */
  top: 50%;
  transform: translateY(-50%);
}

.home-search__btn img {
  width: 35px; /* Giảm kích thước icon để tinh tế hơn */
  height: 35px;
}

#mobileMenu {
  position: fixed;
  inset: 0;
  background: white;
  z-index: 50;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  transform: translateX(-100%); 
  transition: transform 0.3s ease-in-out; 
}
#mobileMenu:not(.hidden) {
  transform: translateX(0); 
}
@media (max-width: 1200px) {
  .custom_contaner {
      max-width: 1200px;
      padding: 0 16px;
  }
}

@media (max-width: 768px) {
  .an-hien-loc {
      display: none;
  }
}
@media (min-width: 1199px) {
  .custom_contaner {
      padding: 0!important;
  }
  .container{
    max-width:100%
  }
}


@media (min-width: 100px) {
  .custom_contaner {
      max-width: 1200px;
      padding: 0 16px;

  }
}

@media (min-width: 1200px) {
  .custom_contaner_search {
      max-width: 1200px;
      padding: 90px 0 !important;
  }
}

@media (min-width: 100px) {
  .custom_contaner_search {
      max-width: 1200px;
      padding: 10px 0;
  }
}

@media (min-width: 100px) {
  .custom_contaner_footer {
      max-width: 1200px;
      padding: 0 10px;
  }
}

@media only screen and (max-width: 991px) {
  .home-search__main-title {
      display: block;
      margin-bottom: 10px;
  }
  .home-search__btn img {
    display: none;
  }
}

.footer_top_image{
  width: 100px;
  height: 20px;
}

.custom-icon{
  border: 1px solid rgb(117, 117, 117);
  border-radius: 50%;
  padding: 4px 6px;
  color: rgb(117, 117, 117);
}
.text-next{
  color: rgb(28, 43, 51);
  font-size: 14px;
  font-weight: 500;
}
.bgr-footer{
 background: #F1F4F7 !important;
}
.rounded-full-icon{
  height: 24px;
  width: 24px;

}
.hide-filters-btn{
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 16px;
  background-color: rgb(0, 100, 224);
  color: white;
  font-size: 14px;
  border-radius: 25px;
  font-weight: 500;
}
.text-item{
  display: flex;
  justify-content: end;
  align-items: end;
  color: rgb(103, 120, 138);
  font-size: 14px;
  font-weight: 700;
}
#job-listings {
  transition: all 0.3s ease;
}
.can-deu-haiben{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.rounded-full{
  gap: 4px !important;
    /* font-size: 13px !important; */
    font-weight: 600 !important;
    color: var(--color-text) !important;
    line-height: 18px !important;
    border: 1px solid rgb(203, 210, 217) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    display: inline-block !important;
    background: white;
}
.cb-radio {
  width: 16px;
  height: 16px;
  border: 2px solid #6b7280; 
  border-radius: 50%; 
  position: relative;
  background-color: #ffffff; 
  transition: all 0.2s ease;

}


.cb-radio::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: transparent; 
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease;
}


input[type="radio"]:checked + label .cb-radio {
  border: 2px solid #6b7280;
}

input[type="radio"]:checked + label .cb-radio::after {
  background-color: #000000; 
}

.custom-width{


  width: 100% !important;
}
.custom-icon-item i{
font-size: 32px;
}

.cursor-pointer{
  font-size: 14px;
}

.custom-plus{
  border: 1px solid rgb(117, 117, 117);
  border-radius: 50%;
  color: rgb(138, 149, 162);
  padding: 2px 5px;
  margin-right: 5px;
}
.custom-width{
  width: 100%;
}
.custom-icon-item i{
font-size: 32px;
}
.custom-text-cart{
  color: #1c2b33;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  letter-spacing: .96px;
  line-height: 34px;
  padding-right: 30px;
  display: block;
}
.custom-test-more{
  font-size: 16px;
  color: #1C2B33;

}
.custom_save{
  color: #8A95A2;
  font-size: 16px;
  font-weight: 700;
}
.jobs__search-block-radio-item {
  display: block;
  position: relative;
  padding-left: 44px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 44px;
  line-height: 44px;
  font-weight: 500;
}
.jobs__search-block-radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.jobs__search-block-radio-item-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid black;
}
.jobs__search-block-radio-item-mark:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #040506;
}
.jobs__search-block-radio-item input:checked ~ .jobs__search-block-radio-item-mark:after {
  display: block;
}
.jobs__search-block-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
 
.jobs__search-save-filter a {
  gap: 10px;
  color: rgb(138, 149, 162);
  font-size: 16px;
  font-weight: 600;
}
.jobs__search-save-filter a span:nth-of-type(1) {
  line-height: 0;
}

.jobs__search-save-filter {
  margin-bottom: 24px;
}
.fomat-center{
  display: flex;
  align-items: center;
  justify-content: start;
}
.jobs__search-block {
  padding-bottom: 32px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgb(203, 210, 217);
}
.jobs__search-show-more {
  text-align: center;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.jobs__search-block-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
.jobs__search-block-radio-item {
  display: block;
  position: relative;
  padding-left: 44px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 44px;
  line-height: 44px;
  font-weight: 500;
}
.jobs__search-block-radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.jobs__search-block-radio-item-mark:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #040506;
}

.jobs__search-block-radio-item input:checked ~ .jobs__search-block-radio-item-mark:after {
  display: block;
}
.jobs__search-block {
  padding-bottom: 32px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgb(203, 210, 217);
}
.jobs__search-block-content-item {
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
  line-height: 18px;
  border: 1px solid rgb(203, 210, 217);
  border-radius: 8px;
  padding: 8px 12px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.jobs__search-block-content-item span:nth-of-type(2) {
  display: none;
}
.jobs__search-block-content-item.-active span:nth-of-type(2) {
  display: block;
}
.jobs__search-block-content-item.-active {
  background-color: rgb(203, 210, 217);
}
.jobs__search-show-more a {
  gap: 10px;
  color: var(--color-text);
  font-weight: 600;
}
.jobs__search-show-more a span:nth-of-type(1) {
  line-height: 0;
}
.jobs__search-show-more {
  text-align: center;
  margin-top: 15px;
}

.jobs__search-block-checkbox-item {
  display: block;
  position: relative;
  padding-left: 44px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 44px;
  line-height: 44px;
  font-weight: 500;
}
.jobs__search-block-checkbox-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.jobs__search-block-checkbox-item-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid var(--color-text);
  border-radius: 2px;
}
.jobs__search-block-checkbox-item-mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jobs__search-block-checkbox-item input:checked ~ .jobs__search-block-checkbox-item-mark {
  background-color: rgb(0, 100, 224);
  border-color: rgb(0, 100, 224);
}
.jobs__search-block-search {
  position: relative;
  margin-bottom: 12px;
}
.jobs__search-block-search input {
  border: 1px solid rgb(203, 210, 217);
  border-radius: 8px;
  padding: 0 16px;
  width: 100%;
  height: 32px;
  outline: none;
  padding-right: 50px;
}
.jobs__search-block-search span {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.jobs__search-block:last-of-type {
  border-bottom: none;
}
.jobs__search-block-checkbox-item-mark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid black;
  border-radius: 2px;
}
.jobs__search-block-checkbox-item-mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jobs__search-block-checkbox-item input:checked ~ .jobs__search-block-checkbox-item-mark:after {
  display: block;
  padding: 2px;
}
.jobs__search-submit-btn-btn {
  font-weight: 600;
  display: inline-block;
  padding: 11px 20px;
  background-color: rgb(0, 100, 224);
  color: white;
  border-radius: 25px;
  font-size: 16px;

}
.jobs__search-submit-btn-btn--clear {
  background-color: #fff;
  color: var(--color-text);
  border: 1px solid black;
  margin-left: 5px;
}
.jobs__search-submit-btn{
  padding-top: 30px;
}
.custom-text-global{
  font-size: 16px;
  color: rgb(70, 90, 105);
  margin-bottom: 14px;
}
.jobs__list-item-mark{
  top: 0;
    background-size: contain !important;
    width: 32px;
    height: 32px;
}
.search-result__text {
  color: rgb(103, 120, 138);
  font-size: 14px;
  font-weight: 700;
}
.text-custom-card{
  font-size: 13px;
}