@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-Regular.ttf");
}

@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-Medium.ttf");
}

@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-Light.ttf");
}

@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-ExtraLight.ttf");
}

@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-ExtraBold.ttf");
}

@font-face {
  font-family: "Arima Madurai";
  src: url("../fonts/Arima_Madurai/ArimaMadurai-Bold.ttf");
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: rgb(241, 241, 241);
}

::-webkit-scrollbar-thumb {
  background: rgba(19, 18, 17, 0.37);
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(231, 73, 41);
}

body {
  font-family: "Arima Madurai", cursive;
  float: left;
  width: 100%;
  margin: auto;
}

header.halink-site-header .halink-site-header-content {
  background: rgb(222, 168, 0);
  padding: 0px;
  float: left;
  width: 100%;
  margin: auto;
  position: relative;
  top: 0px;
  z-index: 999999;
  transition: al 0s ease 0s;
}

.halink-widget-img img {
  float: left;
  width: 100%;
}

.href-logo-site>img {
  width: auto;
  position: relative;
  z-index: 9;
  top: 0px;
  max-width: 115px;
  transition: all 0.3s ease 0s;
}

.cart-site {
  color: rgb(255, 255, 255);
}

.cart-site i {
  font-size: 30px;
}

.search-form-menu .halink-nav-menu a {
  color: rgb(255, 255, 255);
  padding: 0px 7px 0px 0px;
  margin: auto !important;
}

.search-form-menu .halink-nav-menu li a:hover {
  background: none;
}

.search-form-menu .halink-nav-menu ul {
  list-style: none;
}

.search-form-menu .halink-nav-menu ul.sub-menu {
  display: none;
}

.search-form-menu .halink-nav-menu {
  display: flex;
  gap: 10px;
  justify-content: flex-start !important;
  align-items: center !important;
}

.halink-search-gr form.halink-search-form {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

form.halink-search-form button[type="submit"] {
  position: absolute;
}

.halink-search-gr form.halink-search-form input {
  float: left;
  height: 35px;
  border: none;
  padding: 0px;
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  left: 38px;
  border-radius: 30px;
  transition: all 0.3s ease 0s;
  width: 100% !important;
}

.halink-search-gr button.halink-search-form-submit {
  height: auto;
  font-size: 15px;
  background: rgb(255, 255, 255);
  color: rgb(41, 93, 35);
  border-radius: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  position: absolute;
  right: 0px;
}

.d-flex {
  display: flex;
  align-items: center;
}

jc-spacebetween {
  justify-content: space-between;
}

.halink-search-gr {
  position: relative;
}

.search-form-menu {}

.jc-spacebetween {
  justify-content: space-between;
}

a {
  transition: all 300ms ease 0s;
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
}

.productcat-box-gr {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.productcat-box-gr img {
  width: 100%;
  height: auto;
}

.slider-container {
  float: left;
  width: 100%;
  position: relative;
}

.slider-container-gr-content {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

.banner-slider-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-slider-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
}

.owl-dots {
  bottom: -15px;
  left: 0px;
  right: 0px;
  text-align: center;
}

.owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  background: rgba(25, 22, 22, 0.14);
  border-radius: 100%;
  margin: 0px 4px;
}

.owl-dots button.owl-dot.active {
  background: rgb(255, 255, 255);
}

.owl-nav button {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  transition: all 300ms ease 0s;
  opacity: 0;
}

.owl-nav button span {
  font-size: 50px;
  background: rgba(255, 255, 255, 0.35);
  padding: 0px 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owl-nav button.owl-next {
  position: absolute;
  right: 0px;
}

.owl-carousel:hover .owl-nav button {
  opacity: 1;
}

.owl-nav button:hover span {
  background: rgb(255, 255, 255);
}

.container {
  padding: 0px;
  width: 85%;
  max-width: 100%;
  margin: auto;
}

.halink-widget-content {
  float: left;
  width: 100%;
  position: relative;
}

.halink-site-content {
  float: left;
  width: 100%;
  margin: 0px auto auto;
  padding: 0px;
}

.halink-site-inner {
  float: left;
  width: 100%;
  margin: auto;
}

li {
  list-style: none;
  position: relative;
}

.imglist-container-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.imglist-container-content .item>a {
  display: grid;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.imglist-container-content .item>a img {
  float: none;
  margin: auto;
}

.imglist-container-content .item>a span {
  color: rgba(0, 0, 0, 0.75);
  padding: 5px 0px;
}

.imglist-container-content .item>a img {
  width: 45px;
  height: 45px;
  transition: all 300ms ease 0s;
}

.imglist-container-content .item>a:hover img {
  transform: scale(1.2);
}

.productcat-box {
  text-align: center;
  font-size: 13px;
}

.productcat-box a {
  color: rgba(0, 0, 0, 0.75);
  float: left;
  width: 100%;
  position: relative;
}

.productcat-box a span {
  float: left;
  width: 100%;
  padding: 5px 0px;
  font-size: 14px;
}

.product-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.productcat-box>a img {
  width: 100%;
}

.product-box-price {
  float: left;
  width: 100%;
  position: relative;
}

.product-sale-number {
  position: absolute;
  right: 0px;
  z-index: 1;
  color: rgb(255, 255, 255);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
}

.product-sale-number span {
  font-size: 15px;
  color: white;
  position: absolute;
  inset: 5px 0px 0px 25px;
  font-weight: bold;
}

a.productcat-viewmore {
  float: left;
  text-align: center;
  margin: 30px 0px;
  width: 100%;
}

a.productcat-viewmore span {
  background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51));
  padding: 10px 15px;
  color: rgb(255, 255, 255);
}

footer.halink-site-footer .footer-content {
  float: left;
  width: 100%;
  margin: 0px auto auto;
  background: url("../images/footer_bg1.png") center top / cover no-repeat;
  padding: 30px 0px 0px;
  color: white;
  position: relative;
  z-index: 1;
}

.middle-footer {
  float: left;
  width: 100%;
  padding: 0px;
}

.middle-footer .details-col {
  display: grid;
  /* grid-template-columns: 30% 15% 25% 30%; */
  justify-content: center;
  gap: 30px;
  grid-template-columns: 15% 25% 25% auto;
}

.middle-footer .details-col .nav {
  display: block;
}

footer .gallery-container {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(3, 30%);
  gap: 10px;
}

footer .gallery-container .item img {
  width: 100%;
}

.middle-footer .details-col .nav li a {
  padding: 5px 0px;
  color: white;
  margin-left: 0px;
  position: relative;
  font-size: 15px;
  transition: all 0.3s ease 0s;
}

.bottom-footer {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 10px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.small-title {
  font-size: 20px;
}

.halink-widget-title>h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 0px;
  font-weight: bold;
}

.halink-widget-title>h2::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, rgb(245, 61, 45), rgba(0, 0, 0, 0));
  bottom: 0px;
  border-radius: 100px;
}

a:hover {
  color: red;
  text-decoration: none;
  transition: all 300ms ease 0s;
}

p {
  margin-bottom: 15px;
  line-height: normal;
}

.title-tin {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.editor-content {
  color: rgba(0, 0, 0, 0.73);
  font-size: 14px;
}

header.halink-site-header.fixed .halink-site-header-content {
  position: fixed;
  z-index: 2147483647;
  float: left;
  width: 100%;
  background: none;
}

header.halink-site-header.fixed .href-logo-site>img {
  top: 20px;
}

header.halink-site-header.fixed .halink-search-gr form.halink-search-form input {}

header.halink-site-header.fixed .halink-search-gr button.halink-search-form-submit {}

a.productcat-viewmore span:hover {
  background: red;
}

span.product-price.product-price, span.dynamic-price {
  color: rgb(245, 61, 45);
  font-size: 13px;
  font-weight: bold;
}

span.product-price.has-sale {
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.81);
}

.halink-nav-menu>li:hover>ul {
  display: block;
}

.halink-nav-menu ul.sub-menu {
  position: absolute;
  top: 40px;
  z-index: 99;
  background: rgb(18, 129, 37);
  min-width: 240px;
  max-width: 100%;
  margin: auto;
  padding: 10px 0;
}

.halink-nav-menu li {
  position: relative;
  padding: 10px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: normal;
}

.halink-nav-menu ul.sub-menu3 {
  left: 101%;
  top: 0px;
}

.halink-nav-menu ul.sub-menu a {
  font-size: 14px;
}

.details-productcat, .details-postcat {
  display: grid;
  grid-template-columns: repeat(3, 31.3%);
  gap: 15px;
}

.halink-pagging {
  float: left;
  width: 100%;
  text-align: center;
  margin: 15px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.halink-pagging a {
  padding: 3px 8px;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.halink-pagging a.current, .halink-pagging a:hover {
  cursor: not-allowed;
  background: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
}

.post-type-content {
  display: grid;
  grid-template-columns: 20% 79%;
  gap: 10px;
}

.post-type-content.no-sidebar {
  display: block;
}

.details-post figure {
  margin: auto !important;
}

.post-image-gr {
  display: grid;
  grid-template-columns: 45% auto;
  gap: 30px;
}

.post-image>img {
  float: left;
  width: 100%;
  height: auto;
}

.post-content {
  margin-top: 15px;
}

.breadcrumb-nav-inner {
  display: block;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 45px 0px 30px;
}

.breadcrumb {
  margin-bottom: 0px;
  background: none;
  padding: 0px;
}

.title-post {
  margin-bottom: 0px;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(18, 129, 37);
}

.breadcrumb-nav {
  padding: 0px;
  background: none;
  margin-bottom: 0px;
}

.breadcrumb-nav span {
  color: rgba(0, 0, 0, 0.52);
}

.breadcrumb-nav-inner i {
  padding: 0px 5px;
}

.price-for-product-details .product-box-price {
  justify-content: flex-start;
  gap: 10px;
  display: flex;
  align-items: center;
}

.price-for-product-details .product-box-price span {
  font-size: 20px;
}

.price-for-product-details .product-box-price span.product-price-sale {
  font-size: 25px;
}

.price-for-product-details .product-box-price span.has-sale {
  color: rgba(0, 0, 0, 0.45);
}

.price-for-product-details {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.product-desc-content {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

header.halink-site-header.fixed .halink-nav-menu li {}

.product-list-gallery {
  float: left;
  width: 100%;
  margin: 10px 0px;
  position: relative;
}

.product-list-gallery img.actived {
  border: 4px solid rgb(18, 129, 37);
  padding: 0px;
}

.owl-nav:hover {
  z-index: 1;
}

.owl-nav button.owl-next {
  right: 0px;
  left: unset;
}

.large-title {
  font-size: 200px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.35) 0px 10px 10px;
  color: rgb(245, 61, 45);
}

.notfound-type-content.notfound-page {
  text-align: center;
  font-size: 20px;
  padding: 60px 0px;
}

.notfound-type-content.notfound-page a {
  display: block;
  margin: 30px 0px 15px;
}

.notfound-type-content.notfound-page a span {
  background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51));
  padding: 10px 20px;
  color: rgb(255, 255, 255);
  font-size: 15px;
}

footer .halink-nav-menu li {
  padding: 0px;
}

.post-type-content .productcat-box {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  position: relative;
  border-radius: 30px;
}

.post-type-content .productcat-box .productcat-box-title {
  padding: 0px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(18, 129, 37);
  font-size: 15px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.frm-register-content {
  width: 600px;
  margin: auto;
  background: rgb(255, 255, 255);
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.23) 0px 0px 10px;
  max-width: 100%;
  height: 100%;
  display: flow-root;
}

.home-page-content {
  padding-top: 0px;
  float: left;
  width: 100%;
  z-index: 2;
}

.bottom-footer .halink-widget-title>h2::before {
  left: 0px;
  right: 0px;
  margin: auto;
}

.main-site-content {
  float: left;
  width: 100%;
  margin: 15px 0px;
}

label.halink-register-frm-alert {
  padding-left: 5px;
  color: rgb(221, 16, 16);
  margin: auto !important;
}

.halink-account-page-content {
  display: grid;
  grid-template-columns: 18% 81%;
  justify-content: center;
  gap: 15px;
}

.halink-account-page-content>.right-panel {
  padding: 30px;
}

.halink-account-page-content>.left-panel {
  padding: 15px;
}

.halink-account-page-content>.left-panel ul {
  padding: 0px;
}

ul.list-action-member li {
  padding: 0px;
  line-height: 35px;
}

ul.list-action-member li a {
  font-size: 15px;
}

.halink-account-page-content>div {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
  background: rgb(255, 255, 255);
}

.form-control[readonly] {
  background: rgba(255, 0, 0, 0.08);
  border: none;
}

.halink-contact-form {
  float: left;
  width: 100%;
}

.form-group label {
  font-size: 15px;
}

ul.list-action-member li a i {
  font-size: 18px;
  color: rgb(245, 61, 45);
  font-weight: 700;
}

ul.list-action-member li a.actived {
  color: rgb(245, 61, 45);
}

.list-top-nav {
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
  padding: 5px 0px;
  margin-top: 10px;
}

.list-top-nav a {
  color: rgb(255, 255, 255);
}

.list-top-nav a:hover {
  text-decoration: none;
}

.list-top-nav ul {
  display: none;
  position: absolute;
  left: 0px;
  background: rgb(255, 255, 255);
  min-width: 160px;
  width: 100%;
  padding: 10px;
  top: 25px;
  z-index: 1;
}

.list-top-nav>li:hover>ul {
  display: block;
}

.list-top-nav ul a {
  color: rgba(0, 0, 0, 0.8);
}

.list-top-nav i, .list-top-nav svg {
  font-size: 15px;
  background: rgb(254, 209, 43);
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease 0s;
}

.form-control {
  font-size: 15px;
  padding: 10px;
  float: left;
  width: 100%;
  height: auto;
}

label {
  font-size: 15px;
}

.search-form-site {
  width: auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 20px;
}

.product-box-addtocart {
  display: flex;
  float: left;
  width: 100%;
  gap: 10px;
}

.product-input-quantity input {
  height: 50px;
  width: 50px;
  padding-left: 5px;
  font-size: 20px;
}

.product-box-addtocart button {
  border: none;
  padding: 10px 20px;
}

.product-box-addtocart button i {
  font-size: 25px;
}

.btn-primary {
  background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51));
  border: none !important;
}

.btn-primary:hover {
  background: rgb(194, 13, 13);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: rgb(194, 13, 13);
  border: none;
}

.halink-cart-number {
  position: absolute;
  top: -10px;
  right: -5px;
  color: rgb(255, 255, 255);
  padding: 4px 10px;
  background: rgb(252, 1, 1);
  border-radius: 100%;
  font-size: 13px;
  transition: all 300ms ease 0s;
}

.cart-site-content {
  position: relative;
  background: rgb(18, 129, 37);
  padding: 5px 20px;
  border-radius: 30px;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}

.cart-site-content>a {
  color: rgb(255, 255, 255);
}

.cart-member-detais {
  display: grid;
  grid-template-columns: 65% auto;
  gap: 30px;
}

table.payment-table {
  float: left;
  width: 100%;
  margin: auto;
}

table.payment-table.payment-table-edit-cart thead td {
  padding: 5px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
}

table.payment-table thead {
  background: rgb(255, 255, 255);
}

.info-user-payment {
  background: rgb(255, 255, 255);
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
  border-radius: 15px;
  float: left;
  width: 100%;
}

table.payment-table td {
  font-size: 15px;
  padding: 5px;
}

.payment-table span.product-price.product-price-regular {
  padding-right: 5px;
}

a.remove-item-cart {
  cursor: pointer;
}

a.remove-item-cart:hover {
  color: red !important;
}

a.remove-item-cart i {
  font-size: 20px;
}

.info-order-details-gr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.info-order-details {
  background: rgba(255, 255, 255, 0.57);
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px;
}

.info-order-details.info-order-details-overview {
  margin-bottom: 15px;
  display: grid;
  align-items: center;
}

.group-title {
  display: flex;
  gap: 5px;
}

.group-title .left-title label {
  font-weight: 700;
  font-size: 16px;
  color: rgb(18, 129, 37);
}

h3.smaller-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.right-title span {
  padding-right: 2px;
}

.group-title.product-order-total-price {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
  color: rgb(236, 15, 15);
  float: left;
  width: auto;
}

.form-group {
  float: left;
  width: 100%;
}

.list-table-order-user thead {
  background: rgba(18, 129, 37, 0.18) !important;
}

.list-table-order-user tbody tr:nth-child(2n) {
  background: rgba(251, 85, 49, 0.1);
}

.note-for-user {
  float: left;
  width: 100%;
  margin-top: 15px;
}

ul.order_notes {
  padding: 2px 0px 0px;
  float: left;
  width: 100%;
  margin: auto;
}

ul.order_notes li {
  padding: 0px 10px;
  float: left;
  width: 100%;
}

ul.order_notes li .note_content {
  padding: 10px;
  background: rgba(202, 51, 51, 0.08);
  position: relative;
}

ul.order_notes li .note_content p {
  margin: 0px;
  padding: 0px;
  overflow-wrap: break-word;
}

ul.order_notes li .note_content::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  right: 20px;
  width: 0px;
  height: 0px;
  border-width: 10px 10px 0px 0px;
  border-style: solid;
  border-color: rgba(202, 51, 51, 0.08) transparent;
}

ul.order_notes li a.delete_note {
  color: rgb(170, 0, 0);
  cursor: pointer;
}

ul.order_notes li p.meta .exact-date {
  border-bottom: 1px dotted rgb(153, 153, 153);
}

ul.order_notes li p.meta {
  padding: 10px;
  color: rgb(131, 128, 128);
  margin: 0px;
  font-size: 12px;
  text-align: right;
}

.list-note.list-note-for-user.list-note-mess {
  float: left;
  width: 100%;
}

.list-note.list-note-for-user.list-note-mess .info-order-details {
  float: left;
  width: 100%;
}

.header-content {
  position: relative;
  justify-content: center;
  align-items: center;
  height: 90px;
}

header.halink-site-header .container-wrapper {
  position: absolute;
  background: rgb(18, 129, 37);
  right: 0px;
  left: 0px;
  top: 60px;
  z-index: 1;
  width: 90%;
  margin: auto;
  border-radius: 50px;
  box-shadow: rgb(231, 49, 59) 0px 2px 0px;
  height: 65%;
}

.logo-site {
  position: relative;
  text-align: center;
  margin: auto;
  transition: all 0.3s ease 0s;
}

@keyframes effect_logo {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0.1;
  }
}

@-webkit-keyframes effect_logo {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0.1;
  }
}

.d-grid {
  display: grid;
}

.grid-header {
  grid-template-columns: 45% 10% 45%;
}

a.book-now {
  background: rgb(222, 168, 0);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding: 8px 10px;
  border-radius: 30px;
  font-weight: bold;
  animation: 1.2s ease 0s infinite normal none running booknow;
  transition: all 0.1s ease-in-out 0s;
  position: fixed;
  bottom: 120px;
  z-index: 9999;
  right: 25px;
}

.search-form-menu .halink-nav-menu li:last-child a {
  padding: 0px;
}

header.halink-site-header .container-wrapper::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 49%;
  background: linear-gradient(90deg, rgb(217, 36, 44) 0%, rgba(255, 255, 255, 0.97) 50%, rgb(217, 36, 44) 100%);
  bottom: -3px;
  height: 5px;
  margin: auto;
  border-radius: 1000%;
}

.list-top-nav li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.list-top-nav li span {
  font-weight: 700;
  font-size: 14px;
}

.list-top-nav li:hover i {
  transform: scale(1.2);
  background: rgb(231, 49, 59);
  box-shadow: rgb(255, 255, 255) 0px 0px 4px;
}

.halink-nav-menu li>a::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 0px;
  height: 2px;
  bottom: 0px;
  transition: all 0.3s ease 0s;
  border-radius: 0px;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0) 100%);
}

.halink-nav-menu li>a:hover::after {
  width: 100%;
}

.flag-language {
  gap: 5px;
  display: flex !important;
  background: none !important;
  position: relative !important;
  top: unset !important;
  width: auto !important;
  min-width: auto !important;
  align-items: center;
}

.flag-language li img {
  height: 20px;
  cursor: pointer;
  border: 1px solid rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
  opacity: 0.4;
}

.list-top-nav li:hover img {
  opacity: 1;
}

.list-top-nav li.actived img {
  opacity: 1;
}

.container-cus {
  width: 85%;
  margin: auto;
  max-width: 100%;
}

header.halink-site-header .container-wrapper .container-content>div {
  margin-top: -25px;
}

a.book-now:hover {
  background: rgb(234, 32, 42);
  box-shadow: rgb(255, 255, 255) 0px 0px 5px;
}

.two-column-text {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  float: left;
  width: 100%;
}

.halink-editor-content .two-column-text .column-text:first-child {
  padding-right: 30px;
}

.halink-editor-content .two-column-text .column-text img {
  width: 100%;
  height: auto;
}

.two-column-text .header-text>h2 {
  font-size: 58px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(18, 129, 37);
}

.two-column-text .content-text {
  font-weight: 700;
  font-size: 18px;
  text-align: justify;
  z-index: 99999;
  float: left;
  width: 100%;
}

a.link-text {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.link-text>span {
  border: 2px solid rgb(18, 129, 37);
  padding: 10px 30px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 30px;
  transition: all 0.3s ease 0s;
  font-size: 18px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.halink-editor-content .column-text:last-child {
  padding-top: 0px;
  float: left;
  width: 100%;
}

a.link-text>span:hover {
  background: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 5px;
}

.run-tex {
  text-transform: uppercase;
  text-align: center;
  margin: 15px 0px;
  display: block;
  float: left;
  width: 100%;
  font-size: 45px;
  font-weight: 700;
  color: rgb(18, 129, 37);
  text-shadow: rgba(222, 168, 0, 0.11) 10px -10px;
  letter-spacing: 5px;
}

.halink-editor-content {
  background: url("../images/top_left_bg.png") left top no-repeat;
}

.halink-editor-content .two-column-text {
  padding: 60px 0px;
}

.halink-editor-content::before {
  content: "";
  position: absolute;
  bottom: 60px;
  background: url("../images/top_right_bg.png") center center / cover no-repeat;
  width: 300px;
  height: 350px;
  z-index: -1;
  opacity: 0;
}

.halink-editor-content::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  background: url("../images/bottom_left_bg.png") center center / cover no-repeat;
  width: 300px;
  height: 350px;
  z-index: -1;
  opacity: 0;
}

.serviceBox {
  color: rgb(255, 255, 255);
  background: linear-gradient(to right, rgb(101, 167, 35), rgb(18, 129, 37));
  text-align: center;
  width: 260px;
  padding: 15px 0px;
  margin: 0px auto;
  border: 10px solid rgb(210, 61, 143);
  border-radius: 140px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
  transition: all 0.3s ease 0s;
  position: relative;
}

.serviceBox .service-icon {
  color: rgb(155, 1, 131);
  font-size: 50px;
  margin: 0px 0px 10px;
}

.serviceBox .service-icon i.fa {
  font-size: 40px;
  transition: all 0.3s ease 0s;
  color: rgb(255, 255, 255);
}

.serviceBox:hover .service-icon i.fa {
  transform: scale(1.2);
  color: rgb(0, 102, 41);
}

.serviceBox .title {
  color: rgb(255, 255, 255);
  background: linear-gradient(to right, rgb(210, 61, 143), rgb(155, 1, 131));
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 10px;
  margin: 0px -33px 15px;
  border-radius: 25px 0px;
  position: relative;
  z-index: 1;
}

.serviceBox .title::before, .serviceBox .title::after {
  content: "";
  background: rgb(18, 129, 37);
  width: 23px;
  height: 17px;
  border-radius: 15px 0px 0px 15px;
  position: absolute;
  bottom: -17px;
  left: 0px;
}

.serviceBox .title::after {
  background: rgb(210, 61, 143);
  border-radius: 0px 0px 0px 15px;
  z-index: -1;
}

.serviceBox .description {
  font-size: 15px;
  line-height: 25px;
  padding: 0px 25px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.serviceBox.green {
  border-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}

.serviceBox.green .service-icon {
  color: rgb(0, 102, 41);
}

.serviceBox.green .title {
  background: rgb(255, 255, 255);
  color: rgb(18, 129, 37);
  box-shadow: rgba(18, 129, 37, 0.28) 0px 0px 10px;
}

.serviceBox.green .title::after {
  background: rgb(101, 167, 35);
}

.halink-box-layout-content {
  padding: 90px 0px;
  background-size: cover !important;
}

.box-layout-column-text .column-text:last-child {
  padding-top: 0px;
}

.serviceBox:hover {
  border-color: rgb(185, 43, 47);
  box-shadow: white 0px 0px 10px;
}

.three-column-text {
  grid-template-columns: repeat(3, auto);
}

.column-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.column-logo>img {
  background: rgba(40, 47, 46, 0.73);
  border-radius: 100%;
  padding: 20px 10px;
  height: 260px;
  border: 15px solid rgba(255, 255, 255, 0.46);
  transition: all 0.3s ease 0s;
}

.column-logo>img:hover {
  box-shadow: white 0px 0px 10px;
  border-color: rgb(23, 131, 37);
}

.home-page-content .gallery-container {}

.home-page-content .gallery-container .item {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px;
  padding: 15px;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.6s ease 0s;
  margin: 30px;
}

.gallery-container .item img {
  height: auto;
  object-fit: contain;
  transition: all 0.6s ease 0s;
  width: 70% !important;
}

.home-page-content .gallery-container .item:hover {
  box-shadow: rgb(20, 130, 37) 0px 0px 30px;
}

.home-page-content .gallery-container .item:hover>img {
  transform: scale(1.2);
}

.home-page-content .halink-widget-title>h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(20, 130, 37);
  text-align: center;
  margin: auto;
  text-shadow: white 5px 0px 0px;
  position: relative;
}

.home-page-content .halink-widget-title>h2::before {
  display: none;
}

.home-page-content .halink-widget-title {
  padding: 30px 0px 10px;
}

.popup-left .gallery-popup .item:first-child {
  width: 100%;
}

.popup-left .gallery-popup .item {
  width: 50%;
  float: left;
}

.popup-right .gallery-popup .item:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12%;
}

.popup-right .gallery-popup .item {
  width: 50%;
  float: left;
}

.gallery-popup .item img {
  width: 100%;
  float: left;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.43) 0px 0px 10px;
  cursor: pointer;
  transition: all 0.6s ease 0s;
  z-index: 9999999 !important;
  height: auto;
}

.gallery-popup .item {
  padding: 15px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.popup-left .gallery-popup .item img {
  border: 0px;
}

.gallery-popup .item:hover img {
  box-shadow: rgb(18, 129, 37) 0px 0px 13px;
  opacity: 0.5;
}

.link-text-cus>span {
  background: rgb(20, 130, 37);
  color: rgb(255, 255, 255);
}

.link-text-cus {
  background: rgb(255, 255, 255);
  padding: 3px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 10px;
}

.link-text-cus:hover {
  box-shadow: rgb(0, 0, 0) 0px 0px 10px;
}

.GalleryViewer svg.ArrowLeft, .GalleryViewer .Arrowright {
  display: block !important;
}

.two-column-text .content-text>img {
  max-width: 100%;
}

.post-box-gr {
  padding: 10px;
  float: left;
  width: 100%;
}

.post-box .post-box-title {
  text-transform: uppercase;
  float: left;
  width: 100%;
  padding: 0px;
  font-weight: 700;
  color: rgb(20, 130, 37);
  font-size: 17px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin: 10px 0px;
}

.post-box-gr .post-box {
  padding: 7.5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;
  position: relative;
  float: left;
  width: 100%;
  transition: all 0.3s ease 0s;
}

.post-box-gr .post-box .box-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 15px;
  margin: 0px 0px 15px;
}

.post-box-gr .post-box .box-desc {
  display: block;
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.8);
  color: rgb(255, 255, 255);
  padding: 15px;
  transition: all 0.3s ease 0s;
  opacity: 0;
}

.post-box-gr .post-box .box-desc a.post-box-href {
  display: flex;
  justify-content: center;
}

.post-box-gr .post-box .box-desc a.post-box-href span {
  background: rgb(222, 168, 0);
  text-align: center;
  padding: 10px 30px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 10px;
}

.post-box-gr .post-box:hover .box-desc {
  opacity: 1;
}

.post-box-gr .post-box .box-desc a.post-box-href span:hover {
  background: rgb(18, 129, 37);
}

.post-box-gr-tab {
  display: grid;
  grid-template-columns: 35% auto;
  justify-content: center;
  position: relative;
  margin-bottom: 25px;
  align-items: flex-start;
  gap: 10px;
}

.post-box-gr-tab .post-box-gr .productcat-box-img {
  width: 100%;
}

ul.postcat-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

ul.postcat-tab li {
  border: 2px solid rgb(20, 130, 37);
  padding: 10px 30px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(20, 130, 37);
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

ul.postcat-tab li:hover, ul.postcat-tab li.actived {
  background: rgb(20, 130, 37);
  color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.37) 0px 0px 10px;
}

.post-box-gr-tab-box {
  display: none;
}

.post-box-gr-tab-box.actived {
  display: block;
}

.copyright-gr .copyright-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
  color: rgb(255, 255, 255);
}

.copyright-gr {
  background: rgb(18, 129, 37);
  padding: 15px 0px;
  margin-top: 30px;
}

.copyright-gr .copyright-box p {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: 700;
}

.copyright-gr .copyright-box p a {
  color: rgb(255, 255, 255);
}

.copyright-gr .copyright-box p:last-child {
  text-transform: none;
}

.halink-subscription-content .href-logo-site>img {
  height: auto;
  max-width: 200px;
}

.two-column-tex-left {
  justify-content: left;
  align-items: center;
  gap: 0px;
  grid-template-columns: 25% 75%;
}

.halink-subscription-content .column-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer.halink-site-footer .footer-content::after {
  content: "";
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.45));
  z-index: -1;
}

.middle-footer .details-col .nav li {
  text-transform: none;
  display: flex;
  align-items: center;
}

ul.company-info {
  padding: 0px;
}

ul.company-info li {
  line-height: 35px;
  display: flex;
  align-items: start;
  margin-bottom: auto;
  gap: 5px;
}

ul.company-info li i {
  background: rgba(255, 0, 0, 0.41);
  min-width: 30px;
  border-radius: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-footer .list-top-nav {
  justify-content: start;
}

.top-footer .list-top-nav i {
  border: 2px solid rgb(255, 255, 255);
  background: none !important;
}

.middle-footer>.container {
  padding-top: 30px;
}

.most-top-footer {
  padding-bottom: 30px;
  float: left;
  width: 100%;
}

.halink-widget-title-large {
  text-transform: none;
  font-weight: 700;
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.halink-widget-title-large .description {
  font-weight: 400;
  font-size: 18px;
  color: rgb(18, 129, 37);
}

form.subscrbe-form input {
  border-radius: 30px;
  padding: 10px 30px;
  border: none;
  height: 60px;
}

form.subscrbe-form input::placeholder {
  color: rgba(0, 0, 0, 0.29);
}

form.subscrbe-form button {
  background: rgb(208, 108, 111);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 30px;
  border: none;
  transition: all 0.3s ease 0s;
  height: 60px;
}

form.subscrbe-form button:hover {
  background: rgb(232, 56, 65);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px;
}

form.subscrbe-form input:focus {
  border: none;
}

input:focus-visible {
  outline: none;
}

.halink-widget-title-large>h2 {
  font-size: 40px;
  text-transform: capitalize;
  text-shadow: white 5px 0px 0px;
  color: rgb(18, 129, 37);
}

.halink-subscription-content .column-text:last-child {
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: center;
  float: left;
  width: 100%;
  justify-content: space-between !important;
}

.halink-subscription-content .column-text:last-child .content {
  float: left;
  width: 100%;
}

form.subscrbe-form {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 65% auto;
  gap: 10px;
}

.scroll-btn.show {
  bottom: 15px;
  opacity: 1;
  visibility: visible;
}

.scrollToTop {
  position: fixed;
  right: 50px;
  bottom: 100px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease 0s;
  z-index: 96;
}

.scroll-btn i {
  display: inline-block;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 25px;
  z-index: 2;
  position: relative;
  transition: all 0.3s ease 0s;
  border-radius: 100%;
}

.scroll-btn {
  position: fixed;
  bottom: 100px;
  right: 50px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background: rgb(235, 0, 41);
  border-radius: 100%;
}

.scroll-btn:hover {
  background-color: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
  box-shadow: rgb(222, 168, 0) 0px 0px 10px;
  transform: scale(1.1);
}

a.post-box-href>img {
  max-width: 100%;
  height: auto;
}

body:not(.home) .halink-site-content {
  margin-top: 20px;
}

.halink-pagging a:hover {
  cursor: pointer;
}

body.post-type.post.post_type_show_gr_0 .halink-widget-slider::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(17, 17, 17, 0.81);
  width: 100%;
  height: 100%;
  z-index: 2;
}

body.post-type.post .halink-site-content {
  position: relative;
  z-index: 99;
  background: none;
}

.post-container .main-site-content {
  float: left;
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 0px;
}

.breadcrumb-nav .box-info span {
  color: rgb(255, 255, 255);
  font-size: 18px;
}

.breadcrumb-nav .box-info {
  float: left;
  width: 100%;
  padding: 15px 0px;
  gap: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-desc .content-desc * {}

.post-box-gr.post_type_show_1 .post-box {
  padding: 0px;
  box-shadow: none;
}

.post-box-gr.post_type_show_1 .box-desc {
  opacity: 1;
  position: relative;
  background: none;
  float: left;
  width: 100%;
  max-width: 100%;
  padding: 0px;
}

.post-box-gr.post_type_show_1 .box-desc .content-desc * {
  color: rgb(0, 0, 0) !important;
}

.post-box-gr.post_type_show_1 .box-info {
  display: none;
}

.post-box-gr.post_type_show_1 .box-info-gr {
  max-width: 90%;
  margin: 0px auto;
  transition: all 0.3s ease 0s;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(31, 0, 0) 0px 0px 29px 0px;
  position: relative;
}

.post-box-gr.post_type_show_1 .box-info-gr .box-info-gr-content {
  float: left;
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 15px 15px 50px;
  box-shadow: rgba(12, 12, 12, 0.07) 0px 0px 29px 0px;
}

.post-box-gr.post_type_show_1 .box-info-gr::before {
  left: 0px;
  top: -69px;
  content: "";
  position: absolute;
  border-bottom: 70px solid rgb(255, 255, 255);
  border-left: 280px solid rgba(255, 255, 255, 0);
  right: 0px;
}

.post-box-gr.post_type_show_1 .box-info-gr::after {
  top: -40px;
  left: -4px;
  width: 102.4%;
  content: "";
  height: 15px;
  position: absolute;
  background-color: rgb(18, 129, 37);
  transform: rotate(-12deg) skew(-15deg);
}

.post-box-gr.post_type_show_1 .box-desc a.post-box-href {
  position: absolute;
  right: -30px;
  bottom: -45px;
}

.post-box-gr.post_type_show_1 .box-desc a.post-box-href>span {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding: 14px 26px;
  background-color: rgb(18, 129, 37);
  border-radius: 0px;
}

.post-box-gr.post_type_show_1 .box-desc a.post-box-href::before {
  top: 0px;
  width: 0px;
  height: 0px;
  content: "";
  left: -16px;
  position: absolute;
  transition: all 500ms ease 0s;
  border-bottom: 55px solid rgb(18, 129, 37);
  border-left: 16px solid transparent;
  z-index: 9;
}

.post-box-gr.post_type_show_1 .box-desc a.post-box-href:hover i {
  margin-left: 12px;
}

.post-box-gr.post_type_show_1 .box-desc a.post-box-href i {
  margin-left: 8px;
  transition: all 500ms ease 0s;
}

.post-box-gr.post_type_show_2 .post-box-gr .post-box .box-desc {
  opacity: 1;
  position: relative;
}

.post-box-gr.post_type_show_2 .post-box .box-desc {
  opacity: 1;
  position: relative;
  background: none;
  float: left;
  width: 100%;
  padding: 0px;
}

.post-box-gr.post_type_show_2 .post-box .box-desc .content-desc * {
  color: rgb(0, 0, 0) !important;
}

.post-box-gr.post_type_show_2 .post-box .box-info {
  display: none;
}

.post-box-gr.post_type_show_2 .post-box .post-box-title {
  text-align: center;
}

.post-box-gr.post_type_show_2 .post-box .box-info-gr {
  order: 0;
}

.post-box-gr.post_type_show_2 .post-box .box-img {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-box-gr.post_type_show_2 .post-box {
  display: grid;
  gap: 30px;
  box-shadow: none;
  border: 1px solid rgb(20, 130, 37);
  padding: 25px;
  border-radius: 30px;
  position: relative;
  z-index: 9;
}

.post-box-gr.post_type_show_2 .post-box .box-img img.productcat-box-img {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 10px;
  border: 4px solid white;
  transition: all 0.8s ease 0s;
}

.post-box-gr.post_type_show_2 .post-box .box-desc .content-desc {
  font-weight: 700;
}

.post-box-gr.post_type_show_2 .post-box::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 130px;
  background: rgb(18, 129, 37);
  bottom: 0px;
  z-index: -1;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-right: 315px solid rgba(255, 255, 255, 0);
  transition: all 500ms ease 0s;
  border-top: 70px solid rgb(255, 255, 255);
}

.post-box-gr.post_type_show_2 .post-box::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  background: url("../images/bottom_left_bg.png") center bottom / cover no-repeat;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 30px;
}

body.post-type.post .post-container.post_type_show_0 {
  margin-top: -440px;
}

body.post-type.post .post-container.post_type_show_0 .title-post {
  color: rgb(255, 255, 255);
}

.post-container.post_type_show_0 .breadcrumb-nav-inner {
  margin-bottom: 0px;
}

body.post-type.post .post-container.post_type_show_0 .main-site-content {
  box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 10px;
  border-radius: 10px;
  padding: 15px;
}

.post-container.post_type_show_1 .breadcrumb-nav .box-info {
  display: none;
}

.post-container.post_type_show_1 .details-post {
  display: grid;
  justify-content: center;
  gap: 15px;
  grid-template-columns: repeat(2, 1fr);
}

.post-container.post_type_show_1 .main-site-content {
  margin: auto;
  padding: 0px !important;
}

.post-container.post_type_show_1 .breadcrumb-nav-inner {
  margin: 30px 0px;
}

.post-container.post_type_show_1 .details-post .post-desc .post-desc-details {
  background: rgb(255, 255, 255);
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 9;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
  overflow: auto;
  position: relative;
}

.post-container.post_type_show_1 .details-post .post-image .owl-item img {
  width: 90px;
  height: auto;
  max-width: 100%;
}

.list-contact * {
  color: rgb(0, 0, 0) !important;
  justify-content: space-evenly !important;
}

.list-top-nav.list-contact {
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(3, 33%);
  gap: 5px !important;
}

.list-top-nav.list-contact li {
  border: 2px solid rgb(18, 129, 37);
  padding: 20px 10px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  justify-content: start !important;
}

.list-top-nav.list-contact li i {
  background: rgb(25, 132, 43);
  padding: 20px;
  font-size: 20px;
  color: rgb(255, 255, 255) !important;
}

.list-top-nav.list-contact li span {
  font-size: 14px;
}

.contact-title {
  text-transform: uppercase;
}

.form-content {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 15px;
  float: left;
  width: 100%;
}

.content-contact .list-top-nav {
  justify-content: left;
}

.content-contact .list-top-nav i {
  background: none;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
}

.content-contact .list-top-nav i:hover {
  background: none;
}

.gr-ip.gr-ip-flex {
  display: grid;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  float: left;
  width: 100%;
  grid-template-columns: repeat(2, 49%);
}

.gr-ip.gr-ip-flex input {
  max-width: 100%;
  float: left;
}

.frm-lienhe {
  float: left;
  width: 100%;
  display: grid;
  gap: 10px;
}

.frm-lienhe .gr-ip>input, .frm-lienhe .gr-ip>textarea {
  width: 100%;
  background: rgba(25, 132, 43, 0.13);
  border: none;
  padding: 10px;
}

.frm-lienhe .gr-ip>input[type="submit"] {
  border-radius: 30px;
  background: rgb(25, 132, 43);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  width: 150px;
  max-width: 100%;
  margin: auto;
  font-weight: 700;
}

.frm-lienhe .gr-ip>textarea {
  height: 150px;
}

.map-content {
  float: left;
  width: 100%;
  margin: 30px 0px;
}

.map-content iframe {
  float: left;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px;
}

.post-container.post_type_show_1 .details-postcat {
  grid-template-columns: repeat(3, 33.3%);
}

.post-container.post_type_show_1 .details-post>.post-image::before, .post-container.post_type_show_1 .details-post>.post-image::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  width: 120px;
  height: 10px;
  background: rgb(18, 129, 37);
}

.post-container.post_type_show_1 .details-post>.post-image {
  position: relative;
}

.post-container.post_type_show_1 .details-post>.post-image::after {
  height: 100px;
  width: 10px;
  left: -10px;
}

body.post-type.post.post_type_show_gr_1 header .halink-widget-slider::after {
  display: none;
}

.post-related-list {
  float: left;
  width: 100%;
}

.main-site-related {
  float: left;
  width: 100%;
  margin: 45px 0px 0px;
}

.main-site-related>.title-related-list {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(18, 129, 37);
  margin: 0px 0px 15px;
}

.post-share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.post-share ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
  padding: 0px;
}

.post-share ul i {
  background: rgb(29, 155, 239);
  padding: 10px;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  transition: all 0.3s ease 0s;
}

li.twitter-share i {
  background: rgb(29, 155, 240);
}

li.facebook-share i {
  background: rgb(23, 115, 234);
}

li.pinterest-share i {
  background: rgb(223, 0, 34);
}

li.linkedin-share i {
  background: rgb(10, 99, 188);
}

.post-share ul i:hover {
  transform: scale(1.1);
}

.post-share>span {
  text-transform: uppercase;
  font-weight: bold;
}

.halink-search-gr form.halink-search-form.active input {
  padding: 10px;
}

.product-box-image>img {
  max-width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.product-box-dynamic-price {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
}

.product-box-dynamic-price a.link-text>span {
  font-size: 16px;
  text-transform: none;
  border: none;
  font-weight: normal;
  padding: 5px 30px !important;
}

.product-box-dynamic-price a.link-text {
  width: auto;
  box-shadow: none;
  float: left;
  margin: inherit;
}

.product-sale-number>svg {
  color: rgb(235, 0, 41);
  width: 100%;
  float: left;
  position: absolute;
  right: 0px;
  z-index: -1;
  left: 0px;
  top: 0px;
  border-top-right-radius: 30px;
}

.product-box-price-details {
  position: absolute;
  z-index: 1;
  bottom: 53px;
  display: grid;
  justify-content: center;
  align-items: center;
  width: 165px;
}

.product-box-price>svg {
  color: white;
  width: 180px;
  position: absolute;
  transform: rotateY(180deg);
  border-top-right-radius: 30px;
  bottom: 50px;
  left: 0px;
}

.product-box-price-details>span {
  font-weight: bold;
}

.product-box-image>a {
  padding: 15px 10px;
}

.product-box-choose-qtv {
  float: left;
  width: 100%;
  padding: 0px 15px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text-choose-qtv {
  display: grid;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
}

.box-choose-qtv {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border: 2px solid rgb(10, 10, 10);
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
}

.box-choose-qtv button {
  border: none;
  background: none;
  font-weight: 700;
  padding: 0px 5px;
  font-size: 20px;
  margin-top: 0px;
}

.box-choose-qtv button:hover {
  color: red;
  outline: none;
  border: none;
}

:focus-visible, :focus-within {
  outline: none !important;
}

.box-choose-qtv span {
  padding: 0px 5px;
}

.product-box-dynamic-price a.link-text:hover>span {
  background: rgb(235, 0, 41);
}

.product-type-header {
  background: rgb(18, 129, 37) !important;
  border-radius: 0px !important;
  position: relative !important;
}

.halink-site-header-content.product-type-header .container-wrapper {
  background: rgb(255, 255, 255);
  border-radius: 0px;
  box-shadow: none;
  margin: inherit;
  width: 100%;
  position: relative;
  top: unset;
  height: 100%;
  padding-top: 17px;
  right: 0px !important;
}

.halink-site-header-content.product-type-header .container-wrapper::after {
  display: none;
}

.halink-site-header-content.product-type-header .search-form-menu .halink-nav-menu a {
  color: black;
  font-weight: bold;
}

.product-type-box {
  display: flex;
  justify-content: space-between;
}

.product-type-box .logo-site {
  background: rgb(255, 255, 255);
  border-radius: 15px 15px 0px;
  width: 180px;
  height: 100%;
}

.product-type-box .logo-site img {
  width: 100%;
  top: 0px;
  padding: 10px 15px;
  max-width: 100%;
}

.right-header-content {
  float: left;
  width: 100%;
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(1, 100%);
  background: white;
}

.navbar-wrapper {
  float: left;
  width: 100%;
  position: relative;
}

.left-header-content {
  margin-left: 10%;
}

.product-type-box .navbar-wrapper {
  background: rgb(18, 129, 37);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-type-box .container-wrappers {
  float: left;
  width: 100%;
}

.product-type-box .list-top-nav i {
  background: none;
}

.jc-right {
  justify-content: end;
}

.halink-site-header-content.product-type-header .container-wrapper>.container, .halink-site-header-content.product-type-header .container-wrapper>.container .container-content {
  height: 100%;
}

.cart-site-content span {
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 13px;
}

.cart-site-content>a {
  display: flex;
  align-items: center;
}

.halink-site-header-content.product-type-header .container-wrapper>.container .container-content {
  gap: 15px;
}

.product-type-box .flag-language {
  padding: 0px;
}

.product-type-box .flag-language li.actived img {
  opacity: 1;
}

.list-top-nav.list-time-open div {
  display: grid;
}

.list-top-nav.list-time-open i {
  color: rgb(254, 209, 43);
  font-size: 40px !important;
}

.list-top-nav.list-time-open li {
  gap: 15px;
}

.list-top-nav.list-time-open {
  gap: 100px;
  text-transform: uppercase;
}

.list-top-nav.list-time-open span {
  font-weight: 700;
}

.product-type-box .list-top-nav i {
  font-size: 20px;
  opacity: 0.8;
}

.product-type-box .list-top-nav li:hover i {
  opacity: 1;
}

ul.user-menu {
  margin: auto;
  padding: 0px;
  display: flex;
  gap: 15px;
}

ul.user-menu li {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.user-menu li a {
  font-size: 16px;
  cursor: pointer;
}

.cart-site-content:hover {
  box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 10px;
}

.halink-cart-number.added {
  padding: 7px 12px;
  background: rgb(222, 168, 0);
}

.box-choose-qtv.added {
  border: none;
}

.cart-member-detais .edit-cart {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
  border-radius: 15px;
}

.cart-member-detais .halink-contact-form {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 15px;
}

.cart-member-detais .halink-contact-form .form-group input {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 5px;
  border: 2px solid rgba(0, 0, 0, 0.14);
}

.cart-member-detais .halink-contact-form label {
  font-weight: normal;
  font-size: 17px;
}

.info-user-payment>h2.small-title.title-payment {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 17px;
}

.cart-member-detais .halink-contact-form label i {
  color: rgb(235, 0, 41);
}

.cart-member-detais .edit-cart table {
  padding: 15px;
}

.cart-member-detais .edit-cart>h2.small-title {
  background: rgb(18, 129, 37);
  text-transform: uppercase;
  padding: 15px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 17px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  float: left;
  width: 100%;
}

.cart-member-detais .edit-cart table thead {
  display: none;
}

.item-payment-details-info {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 48% 24% auto 5%;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
  font-size: 14px;
}

.item-payment-details {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding-bottom: 10px;
  display: grid;
  gap: 10px;
}

.payment-table.payment-table-edit-cart {
  float: left;
  width: 100%;
  padding: 10px;
}

.item-payment-details-info.item-payment-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
}

.halink-footer-frm-table {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  font-weight: bold;
  color: rgb(245, 61, 45);
}

.item-payment-details-info.item-payment-total>span {
  font-size: 17px;
}

.halink-footer-frm-table>span {
  font-size: 17px;
  color: rgb(0, 0, 0);
}

.halink-footer-frm-table i {
  color: rgba(0, 0, 0, 0.63);
  font-size: 14px;
}

.button-actions-tickets {
  float: left;
  width: 100%;
  display: grid;
  gap: 15px;
  margin-top: 25px;
}

.button-actions-tickets button {
  padding: 12px;
  border: none;
  border-radius: 10px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.button-actions-tickets button.confirm-payment, .button-actions-tickets button.confirm-payment-orderfood {
  background: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
}

.button-actions-tickets button:hover {
  box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 10px;
}

body.payment .halink-widget-slider .slider-container-gr-content::after, body.productcat .halink-widget-slider .slider-container-gr-content::after, body.user .halink-widget-slider .slider-container-gr-content::after, body.product .halink-widget-slider .slider-container-gr-content::after, body.user .halink-widget-slider .slider-container-gr-content::after {
  height: 100%;
  top: 0px;
  background: rgba(245, 245, 245, 0.54);
}

.progress-payment {
  float: left;
  width: 100%;
  position: relative;
  background: rgb(18, 129, 37);
  z-index: 2;
  padding: 15px 0px;
}

header.halink-site-header .halink-site-header-content:not(.product-type-header)::after, header.halink-site-header .halink-site-header-content:not(.product-type-header)::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0px;
  width: 110px;
  height: 130px;
  background: url("../images/dragon.png") left top / contain no-repeat;
  z-index: 9999999;
  transform: rotate(0deg);
  animation: 1.5s ease 0s infinite normal none running ring;
  transition: all 0.3s ease-in-out 0s;
  display: none;
}

.progress-payment-details {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
}

.progress-payment-details i {
  width: 30px;
  height: 30px;
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1000%;
}

.step-payment {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  padding: 0px 20px 0px 60px;
  text-transform: uppercase;
}

.step-payment::before {
  content: "";
  position: absolute;
  left: 0px;
  right: unset;
  width: 20%;
  background: rgb(255, 255, 255);
  height: 5px;
}

.step-payment>span {
  font-weight: bold;
  font-size: 15px;
}

.step-payment.step-payment-1::before {
  display: none;
}

.step-payment.actived::before {
  background: rgb(222, 168, 0);
}

.step-payment.actived i {
  border: 4px solid rgb(222, 168, 0);
}

.frm-buy-ticket-online {
  position: absolute;
  inset: 150px 0px 0px;
  z-index: 2;
  display: flex;
  justify-content: center;
  animation: 0s ease 0s 1 normal none running c;
}

.frm-buy-ticket-block {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  flex: 1 1 0%;
  flex-direction: column;
}

.frm-buy-ticket-block>h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(18, 129, 37);
  text-shadow: rgb(255, 255, 255) 2px 2px 0px;
  text-align: center;
  float: left;
  width: auto;
}

.frm-buy-ticket-details {
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  border: 2px solid rgb(18, 129, 37);
  box-shadow: rgba(0, 0, 0, 0.74) 0px 0px 10px;
  margin-top: 15px;
  float: left;
  width: auto;
  display: none;
}

.frm-buy-ticket-details .block-frm button i {
  font-size: 20px;
  padding-left: 15px;
}

.frm-buy-ticket-details .block-frm button {
  background: rgb(245, 245, 245);
  border: none;
  text-transform: uppercase;
  padding: 10px;
  font-size: 17px;
  font-weight: 700;
  color: rgb(18, 129, 37);
  border-radius: 30px;
  transition: all 300ms ease 0s;
}

.frm-buy-ticket-details .block-frm button:hover {
  background: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
}

.frm-buy-ticket-details .block-frm button.submit-buy-ticket {
  padding: 10px 50px;
  background: rgb(18, 129, 37);
  color: white;
}

.frm-buy-ticket-details .block-frm button.submit-buy-ticket:hover {
  background: rgb(235, 0, 41);
}

form#halink-cart-frm {
  border-top: 2px dashed rgba(0, 0, 0, 0.6);
  padding-top: 15px;
}

ul.user-menu li.login a i {
  border: 2px solid rgb(18, 129, 37);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  color: rgb(18, 129, 37);
  transition: all 0.3s ease 0s;
}

ul.user-menu li.login a:hover i {
  color: rgb(235, 0, 41);
  border-color: rgb(235, 0, 41);
}

.post-desc p>img {
  display: flex;
  margin: auto;
  max-width: 100%;
  height: auto;
}

.container-small {
  width: 70% !important;
}

.product-list-gallery .owl-stage {
  margin: auto;
}

.book-now-link {
  position: absolute;
  bottom: 45px;
  left: 0px;
  justify-content: center;
  z-index: 9;
  width: 100%;
  display: none;
}

.post-container.post_type_show_1 .details-post .post-desc {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
}

.menu-top-productcat {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 15px;
}

ul.list-productcat-related {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
}

ul.list-productcat-related li {
  background: rgb(18, 129, 37);
  padding: 5px 25px;
  border-radius: 50px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-weight: 700;
}

ul.list-productcat-related li a {
  color: rgb(255, 255, 255);
}

ul.list-productcat-related li.actived, ul.list-productcat-related li:hover {
  background: rgb(222, 168, 0);
}

.GalleryViewer {
  z-index: 2147483647;
}

#loader-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader {
  display: block;
  position: relative;
  width: 295px;
  height: 295px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(52, 152, 219) transparent transparent;
  border-image: initial;
  animation: 5s linear 0s infinite normal none running spin;
  z-index: 1001;
}

#loader::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(231, 76, 60) transparent transparent;
  border-image: initial;
  animation: 3s linear 0s infinite normal none running spin;
}

#loader::after {
  content: "";
  position: absolute;
  inset: 15px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(249, 201, 34) transparent transparent;
  border-image: initial;
  animation: 1.5s linear 0s infinite normal none running spin;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0px;
  width: 51%;
  height: 100%;
  background: rgb(34, 34, 34);
  z-index: 1000;
  display: none;
}

#loader-wrapper .loader-section.section-left {
  left: 0px;
}

#loader-wrapper .loader-section.section-right {
  right: 0px;
}

.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s ease-out 1s;
}

#loader-wrapper .logo-site {
  display: block;
  position: absolute;
  margin: 0px;
  z-index: 1001;
}

#loader-wrapper .logo-site::after {
  z-index: -1;
  left: -46px;
  width: 350px;
  height: 350px;
}

iframe {
  max-width: 100%;
}

ol.breadcrumb.breadcrumb-arrow {
  display: none;
}

body.post-type.post.post_type_show_gr_0 .halink-widget-slider .slider-container-gr-content::after {
  display: none;
}

.halink-site-header-content.product-type-header .logo-site::after {
  left: 0px;
  width: 100%;
}

.post-box-gr.post_type_show_1 .post-box:hover .box-info-gr::after {
  background-color: rgb(30, 135, 46);
}

.post-box-gr.post_type_show_1 .post-box:hover .box-info-gr .box-info-gr-content {}

.post-box-gr.post_type_show_1 .post-box:hover .box-info-gr::before {}

.post-box-gr.post_type_show_1 .post-box:hover * {}

.post-box-gr.post_type_show_2 .post-box:hover .box-img img.productcat-box-img {
  transform: rotate(360deg);
}

.post-box-gr.post_type_show_2 .post-box:hover::after {
  height: 140px;
}

.halink-widget-content.halink-content-map .two-column-text {
  gap: 30px;
  grid-template-columns: repeat(2, 48.8%);
}

.halink-widget-content.halink-content-map .two-column-text iframe {
  width: 100%;
}

.cursor1 {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid rgb(201, 243, 29);
  border-radius: 50%;
  left: 0px;
  top: 0px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: all 0.15s ease 0s;
  z-index: 999;
  mix-blend-mode: difference;
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background-color: rgb(201, 243, 29);
  border-radius: 50%;
  left: 0px;
  top: 0px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease 0s;
  z-index: 999;
  mix-blend-mode: difference;
}

header.halink-site-header.fixed .container-wrapper {
  position: relative;
  top: 0px;
}

header.halink-site-header.fixed .navbar-wrapper {
  display: none;
}

header.halink-site-header.fixed .search-form-menu {
  margin-top: 0px;
}

header.halink-site-header.fixed .header-content {}

.g-recaptcha>div {
  max-width: 100%;
}

.search-form-menu .halink-nav-menu .fa-home {
  font-size: 30px;
  color: rgb(222, 168, 0);
}

.search-form-menu .halink-nav-menu li a {
  font-weight: bold;
}

#loader-wrapper .logo-site>img {
  max-width: 250px;
}

a.href-logo-site {
  float: left;
  width: 100%;
  margin: auto;
  text-align: center;
}

.search-overlay {
  position: fixed;
  inset: 0px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
}

.search-overlay .search-layer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  transform: translateX(100%);
}

.search-overlay .search-layer:nth-child(1) {
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}

.search-overlay .search-layer:nth-child(2) {
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-layer:nth-child(3) {
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay .search-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 50px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  transition: all 0.9s ease-in-out 1.5s;
  opacity: 0;
  visibility: hidden;
}

.search-overlay .search-close .search-close-line {
  width: 100%;
  height: 3px;
  float: left;
  margin-bottom: 5px;
  background-color: rgb(255, 255, 255);
  transition: all 500ms ease 0s;
}

.search-overlay .search-close .search-close-line:nth-child(1) {
  transform: rotate(45deg);
}

.search-overlay .search-close .search-close-line:nth-child(2) {
  margin-top: -7px;
  transform: rotate(-45deg);
}

.search-overlay .search-close:hover .search-close-line {
  background: rgb(19, 146, 0);
  transform: rotate(180deg);
}

.search-overlay .search-form {
  transition: all 0.9s ease-in-out 1.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  max-width: 100%;
  width: 500px;
  padding: 0px 15px;
}

.search-overlay .search-form form {
  position: relative;
}

.search-overlay .search-form form .input-search {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 30px;
  color: rgb(26, 27, 30);
  padding: 0px 0px 0px 25px;
  position: relative;
  left: 0px;
}

.search-overlay .search-form form .input-search::-webkit-input-placeholder {
  transition: all 0.7s ease 0s;
  letter-spacing: 0.5px;
  color: rgb(26, 27, 30);
}

.search-overlay .search-form form .input-search::placeholder {
  transition: all 0.7s ease 0s;
  letter-spacing: 0.5px;
  color: rgb(26, 27, 30);
}

.search-overlay .search-form form .input-search:focus {
  border: none;
  outline: none;
}

.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-overlay .search-form form .input-search:focus::placeholder {
  color: transparent;
}

.search-overlay .search-form form button {
  padding: 0px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 50px;
  color: rgb(255, 255, 255);
  height: 50px;
  border-radius: 50%;
  background-color: rgb(18, 129, 37);
  transition: all 0.7s ease 0s;
  border: none;
  font-size: 20px;
  line-height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-overlay .search-form form button:hover {
  background-color: rgb(222, 168, 0);
  color: rgb(255, 255, 255);
}

.search-overlay .search-form form:hover {
  border: none;
  outline: none;
}

.search-overlay.search-overlay-active.search-overlay {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-layer {
  transform: translateX(0px);
}

.search-overlay.search-overlay-active.search-overlay .search-close {
  opacity: 1;
  visibility: visible;
}

.search-overlay.search-overlay-active.search-overlay .search-form {
  opacity: 1;
  visibility: visible;
}

.search-item-show i {
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 0px 10px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.search-item-show i:hover {
  box-shadow: rgba(255, 255, 255, 0.38) 0px 0px 10px;
}

.productcat-slider-box.post-slider {
  display: flex;
  justify-content: center;
  align-items: end;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  transition: all 0.3s ease 0s;
  gap: 10px;
}

.productcat-slider-box.post-slider .post-box-gr .post-box {
  box-shadow: none;
  padding: 0px;
}

.productcat-slider-box.post-slider .post-box-gr .post-box img {
  width: 100%;
  height: auto;
  border-radius: 100%;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}

.productcat-slider-box.post-slider .post-box-gr .post-box .box-desc {
  opacity: 0;
  transition: all 0.3s ease 0s;
  width: max-content;
  height: 40px;
  padding: 0px 10px;
  border-radius: 50px;
}

.column-text {
  position: relative;
}

.productcat-slider-box.post-slider .post-box-gr .post-box:hover img {
  transform: scale(1.2);
  box-shadow: rgba(14, 14, 14, 0.85) 0px 0px 10px;
}

.productcat-slider-box.post-slider .post-box-gr .post-box:hover .box-desc {
  opacity: 1;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 2;
  top: -50px;
}

.productcat-slider-box.post-slider .content-desc {
  position: absolute;
  background: rgb(51, 51, 51);
  font-size: 13px;
  font-weight: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  padding: 10px;
  top: 125px;
  left: 0px;
  border-radius: 10px;
  width: 250px;
}

.productcat-slider-box.post-slider .post-box-gr .post-box .box-desc .post-box-title {
  font-size: 13px;
  text-transform: none;
  color: rgb(255, 255, 255);
  font-weight: 400;
}

.productcat-slider-box.post-slider .post-box-gr .post-box .box-desc::before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid rgb(45, 27, 32);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 40px;
}

.productcat-slider-box.post-slider .post-box-gr:first-child, .productcat-slider-box.post-slider .post-box-gr:last-child {
  margin-bottom: 20px;
}

.serviceBox:hover .productcat-slider-box.post-slider {
  opacity: 1;
  bottom: -35%;
  z-index: 9;
}

.href-logo-site>img:hover {
  transform: scale(1.2);
}

.productcat-slider-box.post-slider .content-desc p {
  margin: auto;
  overflow: hidden;
  float: left;
  width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.productcat-slider-box.post-slider .post-box-gr .post-box .box-desc::after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 6px solid rgb(45, 27, 32);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  position: absolute;
  left: 0px;
  bottom: -85px;
  transform: rotate(180deg);
}

.content-contact .list-top-nav li:hover i {
  color: rgb(235, 0, 41);
}

header.halink-site-header {
  position: relative;
  float: left;
  width: 100%;
  background: aliceblue;
}

header.halink-site-header .halink-site-header-content:not(.product-type-header)::after {
  right: 15px;
  left: unset;
  background: url("../images/phoenix.png") center center / contain no-repeat;
}

@keyframes ring {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.05);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes booknow {
  0% {
    background: rgb(234, 32, 42);
    box-shadow: rgb(255, 255, 255) 0px 0px 5px;
    transform: scale(1);
  }

  50% {
    background: rgb(222, 168, 0);
    box-shadow: rgb(255, 255, 255) 0px 0px 5px;
    transform: scale(1.1);
  }

  100% {
    background: rgb(235, 0, 41);
    box-shadow: rgb(255, 255, 255) 0px 0px 5px;
    transform: scale(1);
  }
}

header.halink-site-header .halink-site-header-content .navbar-wrapper {
  padding: 0px 30px;
}

.scroll-btn:hover i {
  padding-bottom: 10px;
}

.ocean {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}

.wave {
  background: url("../images/ocean.svg") center top repeat-x;
  position: absolute;
  bottom: -70%;
  left: 0px;
  width: 6000px;
  height: 100%;
  transform: rotate(30deg);
  animation: 10s cubic-bezier(0.35, 0.45, 0.65, 0.25) 0s infinite normal none running wave;
}

@keyframes wave {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    transform: translate3d(-3000px, 0px, 0px);
  }
}

@-webkit-keyframes wave {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    transform: translate3d(-3000px, 0px, 0px);
  }
}

.search-active header.halink-site-header .halink-site-header-content::after, .search-active header.halink-site-header .halink-site-header-content::before {
  z-index: -1;
}

.gallery-popup .item::before {
  content: "\f00e";
  font: 400 50px / 1 FontAwesome;
  position: absolute;
  inset: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.gallery-popup .item:hover::before {
  transform: scale(1.2);
  color: rgb(0, 0, 0);
  opacity: 1 !important;
}

.step-payment:first-child {
  padding-left: 0px;
}

footer.halink-site-footer .home-page-content {
  padding-bottom: 30px;
  float: left;
  width: 100%;
}

header.halink-site-header.fixed .product-type-header {
  position: fixed !important;
}

header.halink-site-header.fixed .product-type-header .navbar-wrapper {
  display: block;
}

header.halink-site-header.fixed .product-type-header .logo-site img {
  top: 0px;
}

.productcat-slider-container .post-box {
  background: white;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr .post-box {
  background: white;
}

header.halink-site-header.fixed .halink-widget-slider .slider-container-gr-content::after {
  bottom: -45px;
}

a.link-text>span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0px;
  top: 50%;
  left: 50%;
  background-color: rgb(18, 129, 37);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 0.5s ease-out 0s;
}

a.link-text>span:hover::before {
  height: 380%;
}

.halink-nav-menu ul.sub-menu li {
  text-transform: none;
  font-weight: normal;
  padding: 10px;
}

footer.halink-site-footer .halink-widget-title>h2 {
  padding-bottom: 10px;
}

.popup-right .gallery-popup .item:last-child::before {
  opacity: 0 !important;
}

.productcat-slider-box.post-slider .post-box-gr {
  padding: 0px;
}

div#liconk {
  padding: 5px 5px 5px 3px;
  border-radius: 5px;
  border: 0px solid rgb(204, 204, 204);
  width: auto;
  position: fixed;
  right: 45px;
  bottom: 60px;
  z-index: 9999;
}

.liconk img {
  width: 42px;
  height: 42px;
}

div#liconk:hover a>img {
  transition: all 0.3s ease 0s;
  transform: scale(1.1);
}

.post-box-gr-large.post-box-gr-small-list .post-box {
  display: grid;
  grid-template-columns: 23.3% 76.7%;
  justify-content: space-around;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr .post-box .box-desc {
  opacity: 1;
  position: relative;
  background: none;
  color: rgba(0, 0, 0, 0.8);
  float: left;
  width: 100%;
  padding: 0px;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr-small-list .post-box-gr .post-box .box-desc .content-desc * {
  color: rgb(0, 0, 0) !important;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr .post-box .box-gr {
  padding-left: 10px;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr .post-box .box-desc a.post-box-href {
  display: none;
}

.post-box-gr-tab .post-box-gr:hover .post-box {
  box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 10px;
}

.post-box-gr-large.post-box-gr-small-list {
  display: grid;
  gap: 10px;
}

.post-box-gr-large .post-box-gr {
  padding: 0px;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr-small-list .post-box-gr .post-box .box-desc .content-desc p:last-child {
  margin: auto;
}

a.post-box-href.post-box-img {
  overflow: hidden;
}

a.post-box-href.post-box-img:hover>img {
  transition: all 0.3s ease 0s;
  transform: scale(1.2);
}

body.home .halink-site-inner {
  background: url("../images/bg_home.png") center center / cover no-repeat fixed;
}

a.book-now-cus {
  position: fixed;
  bottom: 105px;
  right: 0px;
  transform: translate(-15%, -25%);
  text-transform: uppercase;
  color: rgb(235, 0, 41);
  padding: 15px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0px;
  text-decoration: none;
  overflow: hidden;
  background: rgba(251, 210, 85, 0.79);
  transition: all 300ms ease 0s;
  z-index: 9999;
  box-shadow: rgba(18, 19, 18, 0.12) 1px 0px 0px, rgba(18, 19, 18, 0.12) 0px 1px 0px, rgba(18, 19, 18, 0.12) 2px 1px 0px, rgba(18, 19, 18, 0.12) 1px 2px 0px, rgba(18, 19, 18, 0.12) 3px 2px 0px, rgba(18, 19, 18, 0.12) 2px 3px 0px, rgba(18, 19, 18, 0.12) 4px 3px 0px, rgba(18, 19, 18, 0.12) 3px 4px 0px, rgba(18, 19, 18, 0.12) 5px 4px 0px, rgba(18, 19, 18, 0.12) 4px 5px 0px, rgba(18, 19, 18, 0.12) 6px 5px 0px, rgba(18, 19, 18, 0.12) 5px 6px 0px, rgba(18, 19, 18, 0.12) 7px 6px 0px, rgba(18, 19, 18, 0.12) 6px 7px 0px, rgba(18, 19, 18, 0.12) 8px 7px 0px, rgba(18, 19, 18, 0.12) 7px 8px 0px, rgba(18, 19, 18, 0.12) 9px 8px 0px, rgba(18, 19, 18, 0.12) 8px 9px 0px;
}

a.book-now-cus::before {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: "";
  width: 50%;
  background: rgba(255, 255, 255, 0.05);
}

a.book-now-cus span:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, rgb(214, 40, 46), rgb(18, 129, 37));
  animation: 2s linear 0s infinite normal none running animate1;
  border-radius: 100%;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

a.book-now-cus span:nth-child(2) {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 100%;
  background: linear-gradient(rgb(18, 129, 37), rgb(214, 40, 46));
  animation: 2s linear 1s infinite normal none running animate2;
  border-radius: 100%;
}

@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(100%);
  }
}

a.book-now-cus span:nth-child(3) {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, rgb(18, 129, 37), rgb(214, 40, 46));
  animation: 2s linear 0s infinite normal none running animate3;
  border-radius: 100%;
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

a.book-now-cus span:nth-child(4) {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 100%;
  background: linear-gradient(to top, rgb(18, 129, 37), rgb(214, 40, 46));
  animation: 2s linear 1s infinite normal none running animate4;
  border-radius: 100%;
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}

a.book-now-cus:hover {
  background: rgba(251, 215, 92, 0.81);
  margin-bottom: 5px;
}

.halink-widget-gallery-popup .gallery-popup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.halink-widget-gallery-popup a.link-text, .halink-widget-post-by-multicat a.link-text {
  float: left;
  width: 100%;
  display: flex !important;
}

.post-box-gr-large.post-box-gr-large-list {
  float: left;
  width: 100%;
  background: rgb(255, 255, 255);
  height: 100%;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr-large-list .post-box {
  background: none;
  box-shadow: none;
}

.halink-widget-content.halink-widget-post-by-multicat .post-box-gr-large-list {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;
}

.halink-widget-content.halink-content-map .content-text>img {
  height: 410px;
}

.two-column-text .content-text p {
  margin: auto;
}

.details-post img {
  max-width: 100%;
  margin-right: 5px;
}

.slider-container>img {
  max-width: 100%;
  width: 100%;
}

.halink-widget-post-by-multicat ul.postcat-tab {
  display: none;
}

.main-site-sidebar.home-page-content .container {
  width: 100%;
}

.halink-widget-slider .owl-dots {
  bottom: 15px;
  position: absolute;
}

.post-sidebar .container-cus {
  width: 100%;
}

.post-sidebar .halink-widget-gallery .container-cus {
  width: 85%;
}

.reviews-item>img {
  height: auto;
  margin: auto;
  border-radius: 100%;
  width: 90px !important;
}

.reviews-item {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: rgba(5, 0, 0, 0);
  padding: 30px 15px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px;
  border-radius: 10px;
}

.reviews-desc {
  display: block;
  text-align: center;
}

.reviews-desc p {
  margin: auto;
}

.reviews-item-gr {
  display: block;
  padding: 15px 0px;
}

.reviews-item-gr {
  display: block;
  padding: 10px;
}

.reviews-desc>span {
  color: rgb(235, 0, 41);
  font-weight: bold;
}

.gallery-item-desc {
  display: block;
  text-align: center;
  font-size: 15px;
  padding: 0px 15px;
}

.serviceBox.green:hover {
  border-color: rgb(101, 167, 35);
  background: rgb(255, 255, 255);
  color: rgb(85, 85, 85);
}

.serviceBox.green:hover .title {
  background: linear-gradient(to right, rgb(101, 167, 35), rgb(18, 129, 37));
  color: rgb(255, 255, 255);
}

.serviceBox.green:hover .title::before {
  background: rgb(34, 34, 34);
}

.view-video-link {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 55%;
  opacity: 0;
  transition: all 0.3s ease 0s;
  z-index: 1;
  left: 0px;
  right: 0px;
}

.view-video-link a.link-text>span {
  background: rgba(255, 255, 255, 0.67);
  border: none;
  font-size: 13px !important;
}

.view-video-link a:hover {
  z-index: 999999 !important;
}

.gallery-popup .item:hover .view-video-link {
  opacity: 1;
}

img.post-banner {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.post-banner-gr.post-banner-bg {
  float: left;
  width: 100%;
  position: relative;
}

.post-banner-bg::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(17, 17, 17, 0.81);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.login_fb_button {
  padding: 5px;
  background: linear-gradient(rgb(76, 105, 186), rgb(59, 85, 160));
  display: block !important;
}

.login_fb_button span, .login_fb_button div, .login_fb_button iframe {
  background: linear-gradient(rgb(76, 105, 186), rgb(59, 85, 160));
  font-size: 20px !important;
  text-align: center !important;
}

.login-mxh {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}

a.login_gmail_button {
  background: rgb(194, 81, 62);
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  gap: 5px;
}

a.login_gmail_button:hover {
  background: rgba(194, 81, 62, 0.89);
}

a.login_gmail_button i.fa {
  font-size: 23px;
}

ul.rating-star {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

ul.rating-star li i {
  font-size: 44px;
  color: rgb(251, 211, 86);
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.rating-star li {
  display: grid;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

ul.rating-star li p {
  text-align: center;
}

ul.rating-star li.actived p {
  color: rgb(252, 1, 1);
}

.form-rate .agree span.current::before, .form-rate .agree span.current::after {
  opacity: 1;
}

.form-rate .agree span::before {
  height: 6px;
  left: 3px;
  top: 5px;
  transform: rotate(-35deg);
}

.form-rate .agree span::before, .form-rate .agree span::after {
  bottom: 1px;
  background-color: rgb(62, 62, 63);
  content: "";
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 2px;
  border-radius: 10px;
}

.form-rate .agree {
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(51, 51, 51);
  font-size: 15px;
}

.form-rate .agree span {
  border: 1px solid rgb(62, 62, 63);
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  position: relative;
  vertical-align: sub;
  width: 16px;
}

.form-rate .agree span.current::before, .form-rate .agree span.current::after {
  opacity: 1;
}

.form-rate .agree span::after {
  transform: rotate(48deg);
  top: 2px;
  height: 10px;
  left: 8px;
}

.upload_img_list_fc {
  display: none;
}

.post-comment {
  float: left;
  width: 100%;
  margin: 30px 0px 0px;
  padding: 30px;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 12px;
}

.post-comment .comment-box.box-button-gr {
  width: 50%;
  max-width: 100%;
  display: flex;
  gap: 10px;
  float: left;
  margin: 30px 0px;
}

.post-comment .comment-box.box-button-gr .btn-rate {
  color: rgb(255, 255, 255);
  cursor: pointer;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-rating {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  inset: 0px;
  z-index: 2147483647;
  display: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease 0s;
}

.popup-rating-content {
  background: rgb(255, 255, 255);
  padding: 15px;
  width: 50%;
  max-width: 100%;
  margin: auto;
  border-radius: 15px;
}

.popup-title>h2 {
  font-size: 20px;
  text-align: center;
}

.popup-info>img {
  max-width: 100px;
  margin: auto;
}

.popup-info {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.popup-info .small-title {
  font-size: 18px;
  text-align: center;
}

.popup-rating textarea, .popup-rating input {
  width: 100%;
  font-size: 15px;
  border: 1px solid rgb(229, 229, 229);
}

.inputrating__group {
  padding: 15px;
  position: relative;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 12px;
}

.popup-rating textarea {
  border: none;
  height: 80px;
}

.popup-form .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.popup-form .item input {
  margin: 0px 6px;
  width: calc(50% - 12px);
  border: 1px solid rgb(229, 229, 229);
  border-radius: 12px;
  color: rgb(117, 117, 117);
  height: 50px;
  line-height: 17px;
  padding: 10px;
}

.popup-form .form-column {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 12px 0px;
}

p.formrate__information {
  text-align: left;
  margin: 0px;
  padding: 10px;
  font-size: 14px;
  width: 100%;
}

.dcap p.intro-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 0px 0px 10px;
  margin: auto;
}

.dcap p.intro-txt a {
  color: rgb(18, 129, 37);
}

.popup-rating input[type="submit"] {
  padding: 15px;
  background: rgb(18, 129, 37);
  color: rgb(255, 255, 255);
  border-radius: 12px;
  transition: all 0.3s ease 0s;
}

.popup-rating input[type="submit"]:hover {
  background: rgba(18, 129, 37, 0.83);
}

.popup-form .form-column p {
  margin: auto;
}

.popup-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  position: relative;
}

.close-rate {
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.popup-rating .close-rate::before, .popup-rating .close-rate::after {
  background-color: rgb(62, 62, 63);
  border-radius: 3px;
  content: "";
  position: absolute;
  height: 20px;
  width: 3px;
}

.popup-rating .close-rate::after {
  transform: rotate(45deg);
}

.popup-rating .close-rate::before {
  transform: rotate(-45deg);
}

.popup-rating.active {
  display: flex;
}

.list_current_img_upload {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.list_current_img_upload img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.remove_img_upload {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
  background: rgb(255, 255, 255);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.post_img_upload.new_list {
  position: relative;
}

.send-img p {
  color: rgb(18, 129, 37);
}

.send-img p span {
  color: rgba(0, 0, 0, 0.49);
  font-size: 13px;
}

.title-comment {
  font-size: 25px;
}

.btn-rate.no-bg {
  background: none;
  border: 1px solid rgb(18, 129, 37);
  color: rgb(18, 129, 37) !important;
}

.send-img {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.send-img i {
  color: rgba(18, 129, 37, 0.83);
}

.list-star span {
  width: 25px;
  cursor: pointer;
}

.list-star span i.fa-full {
  color: rgb(255, 123, 1) !important;
}

.list-star .fa-stack i.fa-star {
  color: transparent;
  -webkit-text-stroke: 1px rgb(255, 123, 1);
}

.list-star .fa-stack i.fa-star-half {
  color: rgb(255, 123, 1);
  -webkit-text-stroke: 1px rgb(255, 123, 1);
  margin-left: -5px;
}

.left-panel .avt img {
  border-radius: 100%;
  width: 120px;
  height: 120px;
  border: 4px solid rgba(23, 22, 22, 0.17);
  max-width: 100%;
  max-height: initial;
  object-fit: cover;
}

.left-panel .avt {
  display: grid;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}

.change-avt {
  position: absolute;
  top: -50%;
  right: 20%;
  background: rgba(0, 0, 0, 0.56);
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.change-avt i {
  color: rgb(255, 255, 255);
}

.change-avt:hover {
  background: rgb(15, 1, 1);
}

.left-panel .avt .upload_avatar {
  position: absolute;
  top: -50%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  left: 0px;
  right: 0px;
}

.left-panel .avt form {
  position: relative;
  display: flex;
  justify-content: center;
}

.left-panel .avt form input[type="submit"] {
  margin-top: 10px;
}

.statistics-box {
  grid-template-columns: repeat(2, 1fr);
}

.search-oder-user {
  margin-bottom: 15px;
  gap: 15px;
  font-size: 14px;
  padding: 10px;
  background: rgba(18, 129, 37, 0.18) !important;
}

.search-ip label {
  margin: auto;
}

.search-ip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.search-ip select, .search-ip input {
  border: none;
  cursor: pointer;
  padding: 5px 10px;
}

.search-ip input[type="submit"] {
  background: rgb(246, 65, 46);
  color: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
}

.search-ip input[type="submit"]:hover {
  background: rgb(181, 10, 10);
}

canvas#myChart1 {
  float: right;
}

.statistics-box canvas {
  display: inline-block !important;
}

ul.cmt-img {
  padding: 0px;
  display: flex;
  align-items: center;
  gap: 10px;
}

ul.cmt-img li>img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 5px;
  margin: auto;
}

ul.cmt-img li {
  padding: 0px;
}

.boxrate__filter {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 15px 0px;
  background: rgba(245, 245, 245, 0.35);
  padding: 15px;
  border-radius: 10px;
}

.filter-list {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: auto;
}

.empty-result {
  float: left;
  width: 100%;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: grid;
}

.empty-result-content {
  font-size: 17px;
  margin: 10px 0px;
}

.btn.cancel-button {
  background: #f5f5f5
}

.btn.cancel-button:hover {
  background: #00000040
}

.footer-thanhtoan .details-col {
  display: flex;
  justify-content: center;
}

.footer-thanhtoan .container-cus {
  width: 100%;
}

.footer-thanhtoan .owl-carousel img {
  max-width: 90px;
}

.product-price-sale.hidden {
  display: none;
}

.group-gr-list {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}

p.order-time-expires span {
  color: #d20c0c;
}

.qrcode-info.qrcode-info-boby {
  display: flex;
  justify-content: start;
  align-items: center
}

.qrcode-content {
  border: 2px solid #00000085;
  float: left;
  width: 80%;
  padding: 15px;
  border-radius: 5px;
  max-width: 100%;
  margin: auto;
}

.qrcode-info.qrcode-info-footer .content-sub {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center
}

.qrcode-info.qrcode-info-name .info-gr span {
  font-size: 20px;
  font-weight: 700
}

.qrcode-info.qrcode-info-boby .info-gr {
  display: flex;
  gap: 10px
}

.qrcode-info.qrcode-info-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px
}

ul.attr-product-api {
  padding: 0;
  margin: auto;
}

.product-desc-content-api .head-title {
  text-transform: uppercase;
  color: rgb(194, 13, 13);
}

.product-desc-content-api {
  background: #fcde806b;
  padding: 15px;
  box-shadow: 0 0 8px #00000021;
}

div#contact-page .list-top-nav.list-contact i {
  padding: 0;
  font-size: 15px;
}

footer .list-top-nav svg {
  background: none;
  filter: invert(1);
  padding: 5px;
}

li.icon-tiktok {
  padding: 0px;
  border: 2px solid;
  border-radius: 100%;
  transition: all 0.3s;
}

li.icon-tiktok:hover {
  scale: 1.2;
}

.frm-cart-order-food .info-user-payment {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 15px 0 0;
  border-top: 2px dashed rgba(0, 0, 0, 0.6);
  padding: 15px 0 0;
}

.frm-cart-order-food .info-user-payment>h2 {
  margin: auto
}

.frm-cart-order-food .info-user-payment form {
  display: block
}

form#halink-cart-frm input {
  height: 35px;
  box-shadow: none
}

.frm-cart-order-food .button-actions-tickets {
  margin-top: 0;
}

.empty_cart .halink-footer-frm-table {
  padding-top: 0 !important;
}

.frm-cart-order-food .info-user-payment>h2 {
  text-align: center;
}

.frm-cart-order-food .info-user-payment form#halink-cart-frm {
  padding: 15px;
}

.lds-ellipsis, .lds-ellipsis div {
  box-sizing: border-box
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px
}

.lds-ellipsis div {
  position: absolute;
  top: 33.33333px;
  width: 13.33333px;
  height: 13.33333px;
  border-radius: 50%;
  background: #128125;
  animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(0)
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0)
  }

  100% {
    transform: translate(24px, 0)
  }
}

.lds-ellipsis-gr {
  text-align: center;
}

.fullwidth_page {
  width: 100% !important;
  margin-top: -35px;
}

.fullwidth_page .breadcrumb-nav-inner {
  display: none;
}

.fullwidth_page .details-post.details-page img {
  width: 100%;
  object-fit: cover;
  margin: auto !important;
}

.list-orderfood-cat-page .menu-top-productcat {
  justify-content: center;
}

.post-desc ul li {
  list-style: initial;
}

.post-desc a {
  font-size: 1rem;
}

ul.attr-product-api li {
  list-style: none;
}

.post-desc li {
  list-style: inherit;
}

@media only screen and (max-width: 500px) {
  .gr-ip.gr-ip-flex {
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr) !important;
  }

  form-contact .gr-ip.gr-ip-flex {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .halink-widget-content.halink-box-layout-content .two-column-text {
    display: block !important;
  }

  .details-post.details-post {
    grid-template-columns: repeat(1, 100%) !important;
  }

  .gallery-popup .item {
    padding: 5px;
  }

  ul.postcat-tab {
    display: grid;
    text-align: center;
  }

  .halink-widget-content.halink-widget-post-by-multicat .post-box-gr .post-box {
    display: block;
  }

  .details-post.details-productcat {
    grid-template-columns: repeat(1, 100%) !important;
  }

  a.book-now span {
    font-size: 7px;
    padding: 0px;
  }

  .frm-buy-ticket-block {
    top: -50px !important;
  }

  .frm-buy-ticket-details {
    margin-top: 0px;
    display: none;
  }

  header .navbar-wrapper .container-content .list-top-nav:first-child {
    display: none !important;
  }
}

@media only screen and (max-width: 900px) {
  .orderfood-cat-page {
    display: block !important;
  }

  .orderfood-list {
    display: block !important;
  }

  .orderfood-list .price-gr {
    justify-content: flex-start
  }

  ul.list-productcat-related.list-orderfood-cat {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    padding: 0 !important;
     !i;
     !;
  }

  ul.list-productcat-related.list-orderfood-cat li>span {
    font-size: 12px;
    padding: 0;
    width: 100%;
    float: left
  }

  ul.list-productcat-related.list-orderfood-cat li {
    padding: 10px;
    text-align: center
  }

  .details-productcat_orderfood_type2 {
    padding: 0 !important
  }

  .info-order-details {
    float: left;
    width: 100%;
  }

  .qrcode-content {
    width: 100%
  }

  ul.list-productcat-related li {
    font-size: 14px;
  }

  ul.list-productcat-related li a {
    font-size: 12px;
  }

  .product-box-addtocart button {
    padding: 10px 10px;
    font-size: 13px;
  }

  .info-order-details-gr {
    display: block;
  }

  .info-order-details.info-order-details-overview {
    display: block;
  }

  .qrcode {
    text-align: center;
  }

  .halink-widget-content.halink-box-layout-content .two-column-text {
    display: grid;
  }

  div#liconk {
    right: 10px;
  }

  .post-box-gr-large.post-box-gr-small-list {
    float: left;
    width: 100%;
    margin-top: 10px;
  }

  .menu-mb button.toggle-menu {
    display: none !important;
  }

  .menu-mb.active-mobile button.toggle-menu {
    display: block !important;
  }

  .menu-mb.search-form-menu.active-mobile {
    position: fixed;
    background: rgb(255, 255, 255);
    inset: 0px;
    z-index: 2147483647;
    padding: 10px;
  }

  .menu-mb.search-form-menu.active-mobile .halink-nav-menu {
    position: relative;
    padding: 0px;
    display: block;
    top: unset !important;
  }

  .halink-widget-content.halink-box-layout-content .column-text {
    margin-bottom: 15px;
  }

  .productcat-slider-box.post-slider .post-box-gr .post-box .box-desc {
    /* left: -140% !important; */
  }

  .productcat-slider-box.post-slider .post-box-gr .post-box .box-desc::after {
    display: none;
  }

  .halink-nav-menu>li:hover>ul {
    display: none;
  }

  .halink-nav-menu ul.sub-menu.show {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    background: none;
    top: unset;
    padding: 0px 0px 0px 15px;
    margin-top: 15px;
  }

  .halink-widget-content.halink-widget-productcat-slider {
    z-index: 1;
  }

  header.halink-site-header .product-type-header .navbar-wrapper {
    display: flex !important;
  }

  header.halink-site-header .halink-site-header-content.product-type-header .list-time-open {
    display: flex;
    gap: 15px;
  }

  header.halink-site-header .halink-site-header-content .navbar-wrapper {
    display: none;
  }

  .show-mb {
    display: block !important;
  }

  .flag-language {
    padding: 0px;
    margin-bottom: 0px;
  }

  header.halink-site-header .halink-site-header-content:not(.product-type-header)::after, header.halink-site-header .halink-site-header-content:not(.product-type-header)::before {
    display: none;
  }

  .frm-buy-ticket-details .block-frm button i {
    padding-left: 5px;
  }

  a.link-text>span {
    font-size: 13px;
  }

  .list-top-nav.list-contact {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .list-top-nav.list-contact li {
    padding: 10px;
  }

  .form-content {
    display: block;
  }

  .content-contact {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }

  body.post-type.product .post-container .main-site-content {
    padding: 0px;
  }

  .halink-search-gr form.halink-search-form.active input {
    position: absolute;
    width: auto;
    bottom: -35px;
    left: -150px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px;
  }

  header.halink-site-header .container-wrapper .container-content {
    display: flex;
    padding: 15px 10px 0px;
    justify-content: space-between;
    align-items: center;
    background: rgb(18, 129, 37);
    max-height: 70px;
  }

  .halink-site-header .search-form-site .search-form-menu {
    display: none;
  }

  header.halink-site-header .container-wrapper .container-content>div.logo-site {
    margin-left: 30px;
  }

  .href-logo-site>img {
    width: 80%;
    padding-top: 10px;
  }

  .list-top-nav {
    margin: auto;
  }

  .details-post.details-postcat {
    grid-template-columns: repeat(2, 50%);
    gap: 0px;
  }

  .post-container .main-site-content {
    padding: 0px;
  }

  .productcat-slider-box.post-slider .content-desc {
    display: none;
  }

  .post-box .post-box-title {
    font-size: 15px;
  }

  .post-box-gr .post-box .box-info {
    font-size: 11px;
  }

  .box-layout-column-text .column-text:last-child {
    padding: 0px;
  }

  .halink-widget-content.halink-box-layout-content {
    background: rgb(230, 247, 241) !important;
  }

  .column-logo {
    margin: 15px 0px;
  }

  .home-page-content .halink-widget-title>h2 {
    font-size: 30px;
  }

  .home-page-content .halink-widget-title {
    padding: 0px;
  }

  .container {
    width: 100%;
  }

  .most-top-footer {
    padding-bottom: 15px;
  }

  .halink-widget-slider .slider-container-gr-content::after {
    height: 40px;
    bottom: -20px;
  }

  .halink-editor-content .two-column-text .column-text:first-child {
    padding: 0px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
  }

  .halink-widget-content {
    padding: 15px;
  }

  .halink-widget-content.halink-widget-slider {
    padding: 0px;
  }

  .halink-site-header .search-form-site:first-child {
    display: none;
  }

  header.halink-site-header .container-wrapper {
    background: none;
    box-shadow: none;
    position: relative;
    top: unset;
    left: unset;
    height: auto;
    float: left;
    width: 100%;
  }

  header.halink-site-header .container-wrapper::after {
    display: none;
  }

  header .navbar-wrapper .container-content {
    display: flex;
  }

  header.halink-site-header.fixed .halink-site-header-content {
    position: relative;
  }

  header.halink-site-header .halink-site-header-content {
    position: relative;
    border-radius: 0px;
    background: none;
  }

  .header-content {
    height: auto;
    position: relative;
  }

  .navbar-wrapper {
    background: rgb(222, 168, 0);
  }

  .home-page-content .gallery-container .item {
    width: 150px;
    height: 150px;
    margin: auto;
  }

  .halink-widget-title-large>h2 {
    font-size: 30px;
  }

  footer.halink-site-footer .footer-content {
    padding: 0px;
  }

  .halink-widget-title-large {
    padding: 0px;
    border: none;
  }

  form.subscrbe-form {
    grid-template-columns: 50% auto;
  }

  .middle-footer>.container {
    width: 100%;
    padding-top: 15px;
  }

  footer .halink-widget-content {
    padding: 15px;
  }

  .container-cus {
    width: 100%;
  }

  .copyright-gr {
    margin: auto;
  }

  .scroll-btn.show {
    right: 15px;
  }

  .two-column-text {
    display: block;
    text-align: center;
  }

  .middle-footer .details-col {
    display: block;
  }

  .halink-subscription-content .column-text {
    margin: 10px 0px;
    display: block !important;
  }

  .home-page-content .gallery-container {}

  ul.postcat-tab {
    padding: 0px;
  }

  .post-box-gr-tab {
    display: block;
  }

  a.link-text {
    display: block;
    margin: 15px auto;
    float: left;
  }

  body.post-type.post .post-container.post_type_show_0 {
    margin-top: -50%;
  }

  body.post-type.post .post-container.post_type_show_0 .title-post {
    font-size: 18px;
  }

  .breadcrumb-nav .box-info span {
    font-size: 9px;
  }

  .container-small {
    width: 95% !important;
  }

  .details-post.details-post {
    padding: 0px 15px;
     !i;
     !;
  }

  .details-productcat, .details-postcat {
    grid-template-columns: repeat(2, 50%);
    gap: 0px;
  }

  body.post-type.post .post-container.post_type_show_0 {
    margin-top: -50%;
  }

  body.post-type.post .post-container.post_type_show_0 .title-post {
    font-size: 18px;
  }

  .breadcrumb-nav .box-info span {
    font-size: 9px;
  }

  .container-small {
    width: 95% !important;
  }

  .details-productcat, .details-postcat {
    grid-template-columns: repeat(2, 50%);
    gap: 0px;
  }

  .post-container.post_type_show_1 .details-post {
    display: block;
  }

  .post-container.post_type_show_1 .details-postcat {
    grid-template-columns: repeat(1, 100%);
  }

  .post-container.post_type_show_1 .details-post .post-desc {
    margin: auto;
  }

  .book-now-link {
    bottom: 0px;
    right: 10px;
    left: unset;
    justify-content: flex-end;
  }

  .post-box-gr.post_type_show_1 .box-info-gr::before {
    border-left: 335px solid rgba(255, 255, 255, 0);
  }

  .details-post.details-productcat {
    gap: 10px;
    float: left;
    width: 100%;
    grid-template-columns: repeat(2, 48%);
  }

  .frm-buy-ticket-block {
    justify-content: center;
    top: 0px;
  }

  .frm-buy-ticket-block>h2 {
    font-size: 25px;
  }

  .frm-buy-ticket-details .block-frm button {
    font-size: 10px;
    padding: 10px 5px;
  }

  .frm-buy-ticket-details {
    gap: 10px;
  }

  .progress-payment-details span {
    font-size: 8px;
  }

  .step-payment {
    padding: 0px 10px 0px 40px;
  }

  .menu-top-productcat {
    display: block;
  }

  .menu-top-productcat select.productcat_type_order {
    float: right;
    margin: 15px 0px;
  }

  .product-type-box .logo-site img {
    width: 100%;
    top: 0px;
    padding: 0px;
  }

  .left-header-content {
    margin: auto;
    float: left;
    width: 100%;
    height: 100%;
  }

  .product-type-box .logo-site {
    border-radius: 0px;
    float: left;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .halink-site-header-content.product-type-header .container-wrapper>.container .container-content {
    justify-content: flex-end;
    background: none;
    padding: 0px 10px 0px 0px;
  }

  .product-box-dynamic-price a.link-text>span {
    padding: 5px 10px !important;
  }

  .cart-member-detais {
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
  }

  .info-user-payment {
    margin-bottom: 15px;
  }

  button.toggle-menu {
    position: absolute;
    z-index: 999999999;
    border: none;
    cursor: pointer;
    background: none;
    top: 20px;
    display: block !important;
  }

  button.toggle-menu i {
    font-size: 30px;
    color: white;
  }

  body.active-mobile .halink-site-header .search-form-site:first-child {
    display: block;
  }

  body.active-mobile .halink-site-header .search-form-site:first-child .search-form-menu {
    display: block;
  }

  .search-form-menu .halink-nav-menu.active-mobile {
    display: block;
  }

  .search-form-menu .halink-nav-menu {
    animation: 0s ease 0s 1 normal none running none;
    display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99999999;
    background: rgb(245, 245, 245);
    padding: 10px;
    bottom: 0px;
  }

  .search-form-menu .halink-nav-menu li {
    float: left;
    width: 80%;
    position: relative;
  }

  .search-form-menu .halink-nav-menu li i.open-submenu {
    position: fixed;
    right: 20px;
  }

  .search-form-menu .halink-nav-menu a {
    width: auto;
    color: rgb(0, 0, 0);
  }

  button.toggle-menu.active {
    position: fixed;
    right: 10px;
    top: 20px;
    left: unset;
    float: left;
    z-index: 2147483647;
  }

  button.toggle-menu.active i::before {
    content: "\f00d";
  }

  button.toggle-menu.active i {
    color: red;
  }

  header.halink-site-header .product-type-box {
    display: grid;
    grid-template-columns: 25% 75%;
  }

  .halink-site-header-content.product-type-header .search-form-site:first-child {
    display: block !important;
  }

  .halink-site-header-content.product-type-header .search-form-site:first-child .search-form-menu {
    display: block;
  }

  .halink-site-header-content.product-type-header .search-form-site:first-child .search-form-menu li a {
    font-size: 13px;
  }

  .halink-site-header-content.product-type-header .search-form-site:first-child .search-form-menu ul.user-menu {
    gap: 10px;
  }

  .cart-site-content span {
    display: none;
  }

  .halink-site-header-content.product-type-header .container-wrapper {
    padding: 30px 0px 15px;
  }

  .cart-site-content {
    padding: 5px 10px;
  }

  .breadcrumb-nav-inner ol.breadcrumb.breadcrumb-arrow {
    display: none;
  }

  .title-post {
    font-size: 25px;
  }

  .post-image-gr {
    display: block;
  }

  .price-for-product-details .product-box-price {
    margin: 10px 0px;
  }

  .halink-subscription-content .href-logo-site>img {
    height: auto;
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .halink-nav-menu ul.sub-menu2 {
    left: 100.4%;
    top: -10px;
  }

  .halink-nav-menu ul.sub-menu li:hover>ul {
    display: block;
  }

  .halink-nav-menu>li:hover>ul {
    display: block !important;
  }
}

@media only screen and (max-width: 1200px) {
  .container-small {
    width: 90% !important;
  }

  .two-column-text .header-text>h2 {
    font-size: 38px;
  }

  .halink-nav-menu li {
    padding: 6px 0px;
  }

  .search-form-menu .halink-nav-menu {
    gap: 5px;
  }

  .search-form-menu .halink-nav-menu a {
    padding: 0px 5px 0px 0px;
    font-size: 13px;
  }

  .list-top-nav li span {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1360px) {
  .halink-widget-content.halink-widget-post-by-multicat .post-box-gr-large-list img.productcat-box-img {
    height: 340px;
    object-fit: cover;
  }

  .post-box-gr-large.post-box-gr-small-list img {
    height: 160px;
    object-fit: cover;
  }
}

.header-content .flag-language li[data-lg="en"] {
  display: none;
}

ul.rating-star {
  padding-left: 0;
}

@media screen and (max-width: 748px) {
  .popup-rating-content {
    width: 90%;
  }

  ul.rating-star {
    padding-left: 0;
  }

  ul.rating-star li i {
    font-size: 26px;
  }
}

a.book-now-cus {
  padding: 15px 20px;
}

a.book-now-cus.book-now-food {
  bottom: 200px;
  padding: 15px 13px;
}

a.book-now-cus.book-now-product {
  bottom: 295px;
  right: -10px !important;
  padding: 15px 13px;
}

.slider-container a img {
  width: 100%;
}

.confirm-payment.disabled {
  pointer-events: none;
}

.details-post figure {
  width: max-content;
  max-width: 100%;
  margin-bottom: 10px !important;
}

.details-post figure.image.align-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.details-post figure figcaption {
  text-align: center;
  font-style: italic;
  line-height: 1.6;
  opacity: .8;
  font-size: 14px;
}

.slider-container img[alt="halink-slider"] {
  width: 100%;
  height: auto;
}

.home_bando_img img {
  width: 100%;
  height: auto;
}

/* breadcrumb css  */


nav[aria-label="Breadcrumb"] ol.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 15px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.breadcrumb__item+.breadcrumb__item::before {
  content: "/";
  /* dấu phân cách */
  margin: 0 0.5rem;
  color: #999;
}

.breadcrumb a {
  text-decoration: none;
  color: #000;
  font-size: 18px;
}

.breadcrumb a:hover {
  color: #128125;
}

.breadcrumb li span {
  text-decoration: none;
  color: #128125;
  font-size: 18px;
}

.breadcrumb [aria-current="page"] {
  color: #111;
  font-weight: bold;
}

@media screen and (max-width: 900px) {
  .breadcrumb a {
    font-size: 14px;
  }

  .breadcrumb li span {
    font-size: 14px;
  }

  .breadcrumb__item+.breadcrumb__item::before {
    margin: 0 5px;
    font-size: 14px;
  }
}


.span_breadcrumb {
  display: flex;
  align-items: center;
}

.span_breadcrumb li a {
  color: #fff;
}

.span_breadcrumb i {
  margin-right: 5px;
}

@media screen and (max-width: 900px) {
  .span_breadcrumb a {
    font-size: 9px;
  }

  .span_breadcrumb li span {
    font-size: 9px;
  }

  .breadcrumb-nav .box-info {
    padding: 5px 0px;
  }

}

@media screen and (max-width: 500px) {
  .breadcrumb a {
    font-size: 9px;
  }

  .breadcrumb li span {
    font-size: 9px;
  }

  .breadcrumb__item+.breadcrumb__item::before {
    margin: 0 5px;
    font-size: 9px;
  }
}

@media screen and (max-width: 374px) {
  .breadcrumb-nav-inner {
    margin: 10px 0px 18px;
  }
}

#table_of_content {
  width: max-content;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(72, 7, 7, 0.1);
  transition: all 0.3s ease;
}

#table_of_content.active {
  width: 100%;
}

#table-of-contents.hidden {
  display: none;
}

#table-of-contents h2 {
  margin: 0;
  font-size: 1.5em;
  color: #333;
}

#table-of-contents ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 10px;
}

#table-of-contents ul ul {
  padding-left: 20px;
  margin-top: 0;
}

#table-of-contents a {
  text-decoration: none;
  color: #000;
}

#table-of-contents a:hover {
  text-decoration: none;
  color: #128125;
}

#table-of-contents a:hover {
  text-decoration: underline;
}

#table-of-contents .toc-number {
  display: inline-block;
  margin-right: 10px;
  color: #333;
  font-weight: bold;
}

#toggle-toc {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  background-color: #128125;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 10px;
  transition: background-color 0.3s ease;
}

#toggle-toc:hover {
  background-color: #128125;
}

/* Đảm bảo mục tiêu cuộn không bị che bởi navbar cố định */
[id^="strong-"] {
  position: relative;
  z-index: 1;
}