*, :after, :before {
  transition: all 0.25s ease-in-out;
  box-sizing: border-box;
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
body {
  font-family: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
}

/* * {
  line-height: 1.5em !important;
} */

 /* Cố định chiều cao cho ảnh đại diện tin tức */
 .top-image {
  height: 230px;
  overflow: hidden;
}

.top-image .image-wrapper {
  height: 100%;
  width: 100%;
}

.top-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.list-utilities .item-utilities {
  width: 50%;
  display: flex
;
  margin-bottom: 24px;
}
.list-utilities .item-utilities img {
  width: 24px;
  margin-right: 12px;
}

.list-utilities .item-utilities span {
  font-size: 16px;
  line-height: 24px;
  display: flex
;
  align-items: center;
  text-align: start;
}

a {
  color: inherit;
  text-decoration: none !important;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

a {
  text-decoration: none;
}

.backdrop {
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

html {
  font-size: 16px;
}
html:has(.has-backdrop[open]) {
  overflow: hidden;
}
html:has(.has-backdrop[open]) .backdrop {
  display: block;
}

hr {
  border: 0;
  border-bottom: 1px solid #DDDDDD;
}

.hide-scrollbar {
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?hxgqmr");
  src: url("../fonts/icomoon.eot?hxgqmr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?hxgqmr") format("truetype"), url("../fonts/icomoon.woff?hxgqmr") format("woff"), url("../fonts/icomoon.svg?hxgqmr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-star-fill:before {
  content: "\e91f";
}

.icon-building:before {
  content: "\e900";
}

.icon-building2:before {
  content: "\e901";
}

.icon-building3:before {
  content: "\e902";
}

.icon-call:before {
  content: "\e903";
}

.icon-camera:before {
  content: "\e904";
}

.icon-comment:before {
  content: "\e905";
}

.icon-dot:before {
  content: "\e906";
}

.icon-down:before {
  content: "\e907";
}

.icon-full-screen:before {
  content: "\e908";
}

.icon-headphone:before {
  content: "\e909";
}

.icon-heart:before {
  content: "\e90a";
}

.icon-heart-fill:before {
  content: "\e90b";
}

.icon-home:before {
  content: "\e90c";
}

.icon-home2:before {
  content: "\e90d";
}

.icon-home3:before {
  content: "\e90e";
}

.icon-left:before {
  content: "\e90f";
}

.icon-menu:before {
  content: "\e910";
}

.icon-mobile:before {
  content: "\e911";
}

.icon-money:before {
  content: "\e912";
}

.icon-question:before {
  content: "\e913";
}

.icon-quote:before {
  content: "\e914";
}

.icon-right:before {
  content: "\e915";
}

.icon-search:before {
  content: "\e916";
}

.icon-search-status:before {
  content: "\e917";
}

.icon-send:before {
  content: "\e918";
}

.icon-setting:before {
  content: "\e919";
}

.icon-sms-edit:before {
  content: "\e91a";
}

.icon-star:before {
  content: "\e91b";
}

.icon-task:before {
  content: "\e91c";
}

.icon-tick-circle:before {
  content: "\e91d";
}

.icon-close:before {
  content: "\e91e";
}

.glide__bullet--active {
  color: #27e57b !important;
}
.glide__bullet--active[class*=text-] {
  color: #27e57b !important;
}

.event-menu[open] .icon-menu:before {
  content: "\e91e";
}

.stretched-link::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}

.container-1368 {
  max-width: 1368px !important;
}

label.default:has(input):after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #000;
  width: 0;
}
label.default:has(input:checked):after {
  width: 100%;
}

label.checkbox::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 1px solid #000;
  display: grid;
  place-items: center;
}
label.checkbox:has(:checked)::after {
  content: "\e91d";
  font-family: "icomoon";
  position: absolute;
  left: 0;
  bottom: 0;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}


.box-form-home .top {
  border-radius: 8px 8px 0 0;
}
.box-form-home .bottom {
  border-radius: 0 8px 8px 8px;
}

.glide-home .glide-prev {
  left: 0;
}
.glide-home .glide-next {
  right: 0;
}

summary {
  list-style: none;
}

details > .arrow {
  display: flex;
  justify-content: space-between;
}
details > .arrow:after {
  font-family: "icomoon";
  content: "\e907";
  font-weight: normal;
  font-size: 0.8em;
  display: grid;
  place-items: center;
  width: 2em;
  cursor: pointer;
}
details[open] summary ~ * {
  animation: slideDown 0.3s ease-in-out;
}
details[open] > .arrow:after {
  transform: rotateZ(180deg);
  transition: transform 0.3s ease-in-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.backdrop {
  z-index: 1;
  display: none;
  background: #0000009A;
}

dialog {
  outline: 0;
  max-width: 100%;
  border: unset;
}
dialog::backdrop {
  background: #0000004D;
}

.slider-track input[type=range] {
  -webkit-appearance: none;
}
.slider-track input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 3;
}
.slider-track input[type=range]::-moz-range-thumb {
  height: 24px;
  width: 24px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 3;
}
.slider-track .track-selected {
  left: 0;
}

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* .container,
.container-fluid,
.container-xl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
} */

@media (min-width: 1200px) {
  .container-xl, .container {
    max-width: 1200px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-xl: 1200px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  /* width: 100%; */
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

/* .col-12 {
  flex: 0 0 auto;
  width: 100%;
} */

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

/* .d-block {
  display: block !important;
} */

.d-flex {
  display: flex !important;
}
.property-price{
  color: #24e47b !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.glide-home-ranking .glide__slide .rounded-8 {
  height: 260px; /* Adjust height as needed */
  display: flex;
  flex-direction: column;
}

.glide-home-ranking .glide__slide .rounded-8 img {
  height: 155px !important;
  /* Ensure image covers the top part */
  width: 100%;
  object-fit: cover;
}
/* .d-none {
  display: none !important;
} */

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-25 {
  top: 25% !important;
}

.top-50 {
  top: 50% !important;
}

.top-75 {
  top: 75% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-25 {
  bottom: 25% !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-75 {
  bottom: 75% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-25 {
  left: 25% !important;
}

.start-50 {
  left: 50% !important;
}

.start-75 {
  left: 75% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-25 {
  right: 25% !important;
}

.end-50 {
  right: 50% !important;
}

.end-75 {
  right: 75% !important;
}

.end-100 {
  right: 100% !important;
}

.inset-0 {
  inset: 0 !important;
}

.inset-50 {
  inset: 50% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #E9E9E9 !important;
}

.border-2 {
  border: 2px solid #E9E9E9 !important;
}

.border-0 {
  border: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #f3f3f3 !important;
}
.border-end {
  border-right: 1px solid #f3f3f3 !important;
}

.border-383F47 {
  border-color: #383F47 !important;
}

.border-F3F3F3 {
  border-color: #F3F3F3 !important;
}

.border-DDDDDD {
  border-color: #DDDDDD !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.mw-100 {
  min-width: 100% !important;
}

.h-2 {
  height: 2px !important;
}

.h-100 {
  height: 100% !important;
}

.mh-85vh {
  max-height: 85vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.me-7 {
  margin-right: 7px !important;
}

.me-8 {
  margin-right: 8px !important;
}

.me-16 {
  margin-right: 16px !important;
}

.me-20 {
  margin-right: 20px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ms-5 {
  margin-left: 5px !important;
}

.ms-28 {
  margin-left: 28px !important;
}

.ms-33 {
  margin-left: 33px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-80 {
  padding: 80px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.px-12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.px-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.px-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pe-8 {
  padding-right: 8px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.ps-8 {
  padding-left: 8px !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-7 {
  font-weight: 700 !important;
}

.fw-4 {
  font-weight: 400 !important;
}

.fw-5 {
  font-weight: 500 !important;
}

.fw-6 {
  font-weight: 600 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-56 {
  line-height: 56px !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-383F47 {
  color: #383F47 !important;
}

.text-717171 {
  color: #717171 !important;
}

.text-fff {
  color: #fff !important;
}

.text-000 {
  color: #000 !important;
}

.text-646D84 {
  color: #646D84 !important;
}

.text-D1193F {
  color: #27e57b !important;
}

.text-6D6D6D {
  color: #6D6D6D !important;
}

.text-FFD335 {
  color: #FFD335 !important;
}

.text-F3F3F3 {
  color: #F3F3F3 !important;
}

.text-B0B5C1 {
  color: #B0B5C1 !important;
}

.text-hover-D1193F:hover {
  color: #27e57b !important;
}

.placeholder-6D6D6D::placeholder {
  color: #6D6D6D !important;
}

.bg-ffffff {
  background-color: #ffffff !important;
}

.bg-D1193F {
  background-color: #27e57b !important;
}

.bg-B5D5E0 {
  background-color: #B5D5E0 !important;
}

.bg-F3F3F3 {
  background-color: #F3F3F3 !important;
}

.bg-FFF7F7 {
  background-color: #FFF7F7 !important;
}

.bg-383F474D {
  background-color: rgba(56, 63, 71, 0.3019607843) !important;
}

.bg-ECEDF1 {
  background-color: #ECEDF1 !important;
}

.bg-0 {
  background-color: #00000000 !important;
}

.bg-hover-F3F3F3:hover {
  background-color: #F3F3F3 !important;
}

.bg-hover-B5D5E0:hover {
  background-color: #B5D5E0 !important;
}

.bg-gradient-1 {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

.rounded-16 {
  border-radius: 16px !important;
}

.rounded-24 {
  border-radius: 24px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.order--1 {
  order: -1 !important;
}

.order {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-10 {
  opacity: 1 !important;
}

.shadow-1 {
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.1333333333) !important;
}

.shadow-2 {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1490196078) !important;
}

.shadow-3 {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1019607843) !important;
}

.object-cover {
  object-fit: cover !important;
}

.object-contain {
  object-fit: contain !important;
}

@media (min-width: 1200px) {
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-scroll {
    overflow: scroll !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .top-xl-0 {
    top: 0 !important;
  }
  .top-xl-25 {
    top: 25% !important;
  }
  .top-xl-50 {
    top: 50% !important;
  }
  .top-xl-75 {
    top: 75% !important;
  }
  .top-xl-100 {
    top: 100% !important;
  }
  .bottom-xl-0 {
    bottom: 0 !important;
  }
  .bottom-xl-25 {
    bottom: 25% !important;
  }
  .bottom-xl-50 {
    bottom: 50% !important;
  }
  .bottom-xl-75 {
    bottom: 75% !important;
  }
  .bottom-xl-100 {
    bottom: 100% !important;
  }
  .h-xl-2 {
    height: 2px !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xl-14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .my-xl-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-15 {
    margin-top: 15px !important;
  }
  .mt-xl-30 {
    margin-top: 30px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !important;
  }
  .me-xl-7 {
    margin-right: 7px !important;
  }
  .me-xl-8 {
    margin-right: 8px !important;
  }
  .me-xl-16 {
    margin-right: 16px !important;
  }
  .me-xl-20 {
    margin-right: 20px !important;
  }
  .mb-xl-7 {
    margin-bottom: 7px !important;
  }
  .mb-xl-12 {
    margin-bottom: 12px !important;
  }
  .mb-xl-14 {
    margin-bottom: 14px !important;
  }
  .mb-xl-16 {
    margin-bottom: 16px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .mb-xl-24 {
    margin-bottom: 24px !important;
  }
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .ms-xl-5 {
    margin-left: 5px !important;
  }
  .ms-xl-28 {
    margin-left: 28px !important;
  }
  .ms-xl-33 {
    margin-left: 33px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-7 {
    padding: 7px !important;
  }
  .p-xl-8 {
    padding: 8px !important;
  }
  .p-xl-12 {
    padding: 12px !important;
  }
  .p-xl-14 {
    padding: 14px !important;
  }
  .p-xl-15 {
    padding: 15px !important;
  }
  .p-xl-16 {
    padding: 16px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .p-xl-24 {
    padding: 24px !important;
  }
  .p-xl-30 {
    padding: 30px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-7 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
  .px-xl-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xl-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-xl-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .py-xl-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .py-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xl-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xl-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .py-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-xl-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pt-xl-16 {
    padding-top: 16px !important;
  }
  .pt-xl-30 {
    padding-top: 30px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !important;
  }
  .pe-xl-8 {
    padding-right: 8px !important;
  }
  .pb-xl-12 {
    padding-bottom: 12px !important;
  }
  .pb-xl-14 {
    padding-bottom: 14px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .ps-xl-8 {
    padding-left: 8px !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .fs-xl-7 {
    font-size: 7px !important;
  }
  .fs-xl-8 {
    font-size: 8px !important;
  }
  .fs-xl-10 {
    font-size: 10px !important;
  }
  .fs-xl-12 {
    font-size: 12px !important;
  }
  .fs-xl-13 {
    font-size: 13px !important;
  }
  .fs-xl-14 {
    font-size: 14px !important;
  }
  .fs-xl-15 {
    font-size: 15px !important;
  }
  .fs-xl-16 {
    font-size: 16px !important;
  }
  .fs-xl-18 {
    font-size: 18px !important;
  }
  .fs-xl-20 {
    font-size: 20px !important;
  }
  .fs-xl-24 {
    font-size: 24px !important;
  }
  .fs-xl-25 {
    font-size: 25px !important;
  }
  .fs-xl-32 {
    font-size: 32px !important;
  }
  .fs-xl-40 {
    font-size: 40px !important;
  }
  .fw-xl-7 {
    font-weight: 700 !important;
  }
  .fw-xl-4 {
    font-weight: 400 !important;
  }
  .fw-xl-5 {
    font-weight: 500 !important;
  }
  .fw-xl-6 {
    font-weight: 600 !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .order-xl--1 {
    order: -1 !important;
  }
  .order-xl {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .opacity-xl-3 {
    opacity: 0.3 !important;
  }
  .opacity-xl-10 {
    opacity: 1 !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .main-menu .sub-menu {
    position: absolute;
  }
}
@media screen and (min-width: 1200px) {
  .container-xl-550 {
    max-width: 550px;
  }
  .main-menu .sub-menu {
    height: unset !important;
  }
  .main-menu > summary {
    display: none;
  }
  .main-menu .menu-link.active {
    background-color: #F3F3F3;
  }
  .main-menu .sub-menu2 {
    position: absolute;
    box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.1333333333);
  }
  .glide-home .glide-prev {
    left: -1em;
  }
  .glide-home .glide-next {
    right: -1em;
  }
}

/* Add hover effect for property images */
.property-thumbnail-wrapper img {
    transition: transform 0.3s ease-in-out;
}

.property-item:hover .property-thumbnail-wrapper img {
    transform: scale(1.05);
}

.property-thumbnail-wrapper {
    overflow: hidden;
    border-radius: 8px;
}

/* Add hover effect for images in Hanoi and HCMC sections */
.row.g-3.g-xl-4 > div > .row.mx-0:hover img {
    transform: scale(1.05);
}

.row.g-3.g-xl-4 > div > .row.mx-0 img {
    transition: transform 0.3s ease-in-out;
}

.row.g-3.g-xl-4 > div > .row.mx-0 .position-relative {
    overflow: hidden;
    border-radius: 8px;
}

/* Add hover effect for images in Latest News section */
.row.flex-nowrap.overflow-auto.g-3.g-xl-4 > div > .position-relative:hover img {
    transform: scale(1.05);
}

.row.flex-nowrap.overflow-auto.g-3.g-xl-4 > div > .position-relative img {
    transition: transform 0.3s ease-in-out;
}

.row.flex-nowrap.overflow-auto.g-3.g-xl-4 > div > .position-relative {
    overflow: hidden;
    border-radius: 8px;
}

/*# sourceMappingURL=style.css.map */

.search-input-no-border:focus {
    outline: none;
    border-color: transparent;
}

.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{
  padding-left: 0px !important;
}
.menu-link-underline {
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    /* outline: 1px solid red; Temporary: Visualize bounding box */
}
.property-detail-detail .fa {
    color: #27e57b;
}
.menu-link-underline::after {
    content: '';
    position: absolute;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    background-color: #27e57b;
    visibility: hidden;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.menu-link-underline:hover::after {
    visibility: visible;
    transform: scaleX(1);
}

.menu-link-underline:hover {
    text-decoration: none !important; /* Ensure no text decoration on hover */
    border-bottom: none !important; /* Ensure no border bottom on hover */
}

.main-menu .navbar-nav li.dropdown {
    position: relative; /* Needed for z-index to work */
    z-index: 1000; /* Set a high z-index to appear above other elements */
}

#apus-header {
    position: relative; /* Ensure z-index works */
    z-index: 2000; /* Set a higher z-index than the dropdown */
}

.user-icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.filter-bar-sticky-wrapper .dropdown-menu{
  border-radius: 0 0 10px 10px !important;
  margin: 14px 0 0 !important;

}
.filter-mobile{
  border-radius:none !important;
  box-shadow: none !important;
}

.filter-mobile .filter-refresh{
  width: 53px !important;
  height: auto !important;
}

iframe{
  width: 100% !important;
}

.icon-circle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    /* Thêm shadow hoặc border nếu muốn */
}

.icon-search-1{
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
}