@font-face {
    font-family: 'SVN_Gallery_Modern'; /* Tên font chữ */
    src: url('../fonts/SVN_Gallery_Modern/SVN_Gallery_Modern.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  ::-webkit-scrollbar {
    display: none;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}
.loading-ajax {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #ffffff90;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: unset !important;

}
.swal2-shown body{
    padding-right: 0px !important;
}
.mz-thumb-selected.mz-thumb{
    width: 60px !important;
}
.mz-thumb{
    margin: 2px;
    border: 1px solid #047857 !important;
    width: 60px !important;
}
.head_top{
    padding: 10px 0;
    background-color: #1f1a17;
}
.header_nav,.bg_gradient{
    background: #1f1a17;
}
.button_feedback{
    width: 142px;
    background: #1f1a17;
    border: none;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    color: 000000;
    display: flex;
    justify-content: center;
}
.name_category_menu{
    font-family: 'SVN_Gallery_Modern',serif;
}
.main_color{
   color: #f1dd53;
}
.main_color:hover{
    color: #ebca24;
}
.form_filter {
    width: 500px;
    z-index: 99;
    position: absolute;
    transform: translateY(-50%); /* Dịch chuyển form lên theo nửa chiều cao của form để đưa nó chính giữa */
    top: 50%; /* Đặt form ở giữa theo chiều cao */
    left: 50%; /* Thay đổi từ right sang left */

    padding: 40px 40px;
    background-color: #fff; /* Một màu nền mờ để làm nổi bật form */
}
.title_form_filter {
    text-align: center;
    font-family: 'SVN_Gallery_Modern',serif;
    font-weight: bold;
    margin-bottom: 10px;
}
.title_font{
   font-family: 'SVN_Gallery_Modern',serif;
}
.text_shadow{
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
}
.content_box_left{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.name_service{
    font-family: 'SVN_Gallery_Modern',serif;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.form_select_filter{
    width: 100%;
    border: none;
    background-color: #f9f9f9 !important;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px 10px;
}


.jsProductDetailBuyNow{
    background: #1f1a17;
    transition: 0.3s ease-in-out; /* Thêm transition để có hiệu ứng mượt mà */

}
.btn_submit_filter{
    background: #1f1a17;
    padding: 10px;
    text-align: center;
    margin: 10px 0;
    width: 100%;
    transition: transform 0.3s ease-in-out; /* Thêm transition cho thuộc tính transform */
}
.btneff:hover{
    background-size: 200%; /* Kích thước nền tăng lên 50% khi hover */

}
.box_img_criteria{
    background: #fff9e7;
    padding: 15px;
    border-radius: 10px;
}
.watch_all_service{
    background: #1f1a17;
}
.icon_sale{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    background: #1f1a17;
}
.arrow_up_right{
    position: absolute;
    top: 20px;
    right: 20px;
}
.bg_bold{
    background-color: #fff9e7;
}
/* Container của Owl Carousel */
.owl-carousel {
    position: relative;
  }

  /* Đặt vị trí của nút prev (nút trái) */
  .owl-prev,
  .owl-next {
    box-shadow: 1px 1px 1px 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* Đặt kích thước của nút */
    height: 40px;
    opacity: 1 !important;
    background-color: #ffffff !important; /* Màu nền của nút */
    border-radius: 50% !important; /* Chuyển nút thành hình tròn */
    cursor: pointer; /* Biến con trỏ thành dấu tay khi rê chuột qua nút */
  }

  /* Đặt vị trí của nút prev (nút trái) */
  .owl-prev {
    left: -22px;
  }

  /* Đặt vị trí của nút next (nút phải) */
  .owl-next {
    right: -22px;
  }

  /* Tùy chỉnh kiểu chữ và màu sắc của mũi tên nút điều hướng nếu cần thiết */
  .owl-prev span,
  .owl-next span {
    color: #000000; /* Màu của mũi tên */
    font-size: 1.5rem; /* Kích thước của mũi tên */
  }

  /* Ẩn văn bản điều hướng trên màn hình nhỏ (tùy chọn) */
  @media (max-width: 768px) {
    .owl-prev {
        left: 0;
      }
    .owl-next {
        right: 0;
      }
  }
.code_product{
    background: #1f1a17;
    color: #686d50;
    padding: 5px 7px;
    text-align: center;
}
.view_all_product_in_category{
    background: #1f1a17;
    padding: 10px 15px;
    text-align: center;
    border-radius: 5px;
}
footer{
    background: #1f1a17;
}
.criteria_in_detail{
    background-color: #fef5dd;
}
.banner_promo img{
    border-radius: 15px !important;
}
.flare {
    position: relative;
    overflow: hidden;
  }

  .flare::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .flare:hover::before {
    left: 100%;
    opacity: 1;
  }