#RootContent_maincontent_0_ctl03_divBlock>.container {
    display: flex
}
#RootContent_maincontent_0_ctl03_divBlock>.container>* {
    flex: 1;
    padding: 0 10px
}
#RootContent_maincontent_0_ctl03_divBlock>.container>*:first-child {
    padding-left: 0
}
#RootContent_maincontent_0_ctl03_divBlock>.container>*:last-child {
    padding-right: 0
}
.howItWorks .howItWorksItem {
    width: 21%
}
.contentQuote h2 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-weight: 500
}
.videoDanhgiaKH>.container>.clearfix>li>div>iframe, .videoDanhgiaKH>.container>.clearfix>li>div>video {
    height: 190px
}
.popupBGN .questioner-title__text, .popupBGN .quick-modal_io1178 #officeSize .questioner-title__text {
    font-size: 30px;
    background: #fff
}
.popupBGN .quick-modal {
    overflow-y: hidden
}
.questioner-answers__radio-group .questioner-answers, .questioner-radio-out {
    height: 320px;
    overflow-y: auto;
    margin: 0;
    display: block
}
.popupBGN .questioner-title {
    display: none
}
.popupBGN .backForm {
    top: 10px;
    height: 30px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-size: 20px
}
.popupBGN .questioner-control {
    margin: 10px 0
}
.popupBGN .questioner-answers__input-wrapper:before {
    height: 45px
}
.popupBGN .questioner-answers__input, .popupBGN .questioner-control .questioner-answers__input {
    height: 50px
}
.popupBGN .quick-modal__container .questioner .nextForm {
    border-color: #bce25a;
    background: #bce25a;
    color: white!important;
    margin: auto;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    border: solid 1px #bce25a;
    text-transform: uppercase;
    padding: 10px 40px;
    font-size: 26px;
    width: 100%;
    outline: none
}
.popupBGN .quick-modal__container form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 180px)
}
#master {
    min-height: auto
}
.imgTeaser .txtSection .contentEditable {
    overflow: hidden;
    max-height: 6.12em;
    text-align: justify
}
.relatedWidget-news {
    background: #fff;
    border-top: unset
}
.relatedWidget-news .relatedWidgetTitle>span {
    font-size: 3rem;
    color: #1d1d1d;
    font-weight: 300;
    padding: 0 0 10px 0;
    display: inline-block;
    border-bottom: 2px solid #bce25a
}
.discoverLocations .locationsTeasers .imgTeaser h4 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-size: 2rem
}
.mainContent>.container.list-county>.inner>.inner_wrapper {
    display: flex
}
.mainContent>.container.list-county>.inner>.inner_wrapper>.sidebar_wrapper {
    width: 30%!important;
    min-width: 270px;
    padding-top: 0px
}
.propList .propItem .propPriceVirtual * {
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-size: 12px!important;
    font-weight: 400!important
}
.propList .propItem .propPriceVirtual>* {
    display: none
}
.propList .propItem .propPriceVirtual>*:first-child {
    display: block
}
.discoverLocations .locationsTeasers .colR .imgTeaser h4 {
    font-size: 3.4rem
}
.twoColumnContainer .twoColumn_hasRight.twoColumnContent:before {
    width: 0
}
.twoColumnContainer .twoColumn_hasRight {
    border-left: 0px solid #b5b5b5
}
.twoColumnContainer .twoColumn_hasRight>.leftBarWrapper>.leftBar>.leftBarSection .leftBarText * {
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-size: 1.4rem!important;
    font-weight: 400!important
}
.twoColumnContainer .twoColumn_hasRight .propertySliderItemLink>.office-highlight {
    height: 370px;
    background-size: contain
}
.propItemStreet a {
    font-weight: bold;
    border-bottom: unset
}
.propItemStreet a:hover {
    font-weight: bold;
    border-bottom: unset;
    text-decoration: underline!important
}
.caseContentDesc blockquote {
    text-align: justify
}
.mainContent .campaign:before {
    background: rgba(3, 3, 3, 0.45);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%
}
.propList .propItemPriceCol .out-propItemPriceCol>div {
    padding-right: 10px
}
.mainContent .campaign .container {
    z-index: 2
}
.office-highlight {
    width: 100%;
    height: 225px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.list-county .propItem .propImageContainer {
    height: 225px
}
.input-tag-search {
    min-width: 400px
}
.containerSh {
    margin: unset!important
}
#master.slick .mainHeader .mainHeaderLogo {
    margin-left: 0
}
.footerLogoContainer {
    padding-left: 0
}
.footerContact {
    padding-right: 0
}
.discoverLocations .locationsTeasers .imgTeaser .body {
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    display: flex
}
.discoverLocations .locationsTeasers .imgTeaser .body .txtSection {
    flex-direction: column;
    justify-content: space-between;
    display: flex
}
.discoverLocations .locationsTeasers .imgTeaser .body .txtSection {
    justify-content: flex-end
}
.discoverLocations .locationsTeasers .imgTeaser .body .txtSection .contentEditable {
    padding-bottom: 0;
    flex: 1;
    display: flex;
    flex-direction: column
}
.footerTopContainer .footerContact .awards__container {
    width: 70%;
    margin: 20px 0;
    float: right
}
.awards__container_track-winner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 -5px
}
.awards__container_track-winner .track-winner {
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat
}
tags-input .tags {
    padding: 1.75px !important;
}
.input-tag-search tags-input .tags .tag-item {
    background: #4d4f53!important;
    color: #fff
}
.input-tag-search tags-input .tags .tag-item .remove-button {
    color: #fff!important
}
.searchTabsCtrl .sortBy .select-holder>select {
    width: 100%
}
.searchTabsCtrl .input-tag-duong-content .sortBy.sortByinputtab {
    position: relative;
    z-index: 1000
}
.searchTabsCtrl .input-tag-duong-content .sortBy.sortByinputtab tags-input .tags {
    box-shadow: none
}
.searchTabsCtrl .input-tag-duong-content .sortBy.sortByinputtab tags-input .host {
    margin: 0
}
.searchTabsCtrl .input-tag-duong-content .sortBy.sortByinputtab tags-input .autocomplete {
    margin-top: 0
}
.searchLayout .propItem {
    display: flex
}
.leftBarWrapper {}
.searchLayout .propItem.propItemFeatured .propImageContainer {
    padding-top: 10px
}
.input-tag-search, #autocomplete-page-map_value {
    min-width: 45vw
}
.sliderRelContainer>.propertySliderItemDesc {
    padding: 12px 0
}
.sliderRelContainer>.propertySliderItemDesc>p {
    padding: 0;
    color: #fff;
    width: 85%;
    margin: auto;
    text-align: center
}
.searchTabsCtrl .sortBy.sortByinputtab .select-holder tags-input .tags .input {
    width: 90px;
    min-width: 125px;
}
.btn-timkiem-search>input {
    margin-left: 5px;
    font-size: 1.2rem
}
.paging.paging-center {
    padding: 20px 0
}
.relatedWidget .relatedWidgetList .relatedWidgetImage {
    padding-bottom: 0;
    height: 180px
}
.relatedWidget .relatedWidgetList .relatedWidgetImage .office-highlight {
    height: 180px
}
.relatedWidget.relatedWidget-news .relatedWidgetList .relatedWidgetImage {
    padding-bottom: 0;
    height: 225px
}
.relatedWidget.relatedWidget-news .relatedWidgetList .relatedWidgetImage .office-highlight {
    height: 225px
}
.relatedWidget .relatedWidgetList .spinner-container {
    background: transparent
}
.post_img.ppb_column_fullwidth {
    height: auto!important
}
.post_inner_wrapper.half.header {
    margin: 0
}
.post_inner_wrapper>.post_header_wrapper.half {
    float: none
}
.twoColumnContent-Maps .leftBar {
    width: 73.6%
}
footer {
    z-index: 99
}
.enquireFormContainer .enquireList .enquireListItem .office-highlight {
    height: 160px
}
.enquireFormContainer .enquireList .enquireListItem .enquireListDesc {
    display: flex;
    height: 160px;
    justify-content: space-between;
    flex-direction: column
}
footer .footerPhone .icon-phone {
    background-position: 0;
    background: url(images/phone_footer.png) no-repeat;
    background-size: 20px;
    filter: brightness(1)
}
.searchTabsCtrl {
    height: auto!important;
    background: #fff;
    position: relative;
    z-index: 99;
    width: 100%;
    padding: 0!important
}
.searchTabsCtrl>.input-tag-duong {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5
}
.searchTabsCtrl.active {
    position: fixed;
    top: 50px;
    background: #fff;
    z-index: 999;
    width: 100%;
    padding: 0!important
}
.twoColumnContent.twoColumn_hasRight .propertyContentBlock>* {
    padding: 20px 20px 0
}
.twoColumnContent.twoColumn_hasRight>.propertyContentBlock * {}
.active-height .twoColumnContent-Maps #map {
    height: calc(100vh - 130px)
}
.img-slider .owl-carousel .owl-nav button {
    height: 40px
}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.6)
}
.enquireListItem .enquireListImageOver {
    height: 100%;
    padding-bottom: 0%!important
}
.formWrapper .enquireFormContainer .enquireList .enquireListItem {
    display: flex
}
.formWrapper .enquireListItem .enquireListImageOver {
    flex: 1
}
.formWrapper .enquireFormContainer .enquireList .enquireListItem .enquireListDesc {
    padding-left: 10px
}
.enquireFormContainer .enquireList .enquireListItem {
    padding-top: 20px;
    border-bottom: 1px solid #b5b5b5
}
.enquireFormContainer .enquireList .enquireListItem:first-child {
    padding-top: 0px
}
.enquireFormContainer .enquireList .enquireListItem:last-child {
    border-bottom: unset
}
.enquireFormContainer .enquireList .enquireListItem h3 a {
    border: unset
}
.enquireFormContainer .enquireList .enquireListItem h3 a:hover {
    border: unset;
    text-decoration: underline!important
}
.enquireFormContainer .enquireList .enquireListItem h3 a, .Custom_Recent_Posts>ul.posts>li>strong.title {
    display: block
}
.enquireFormContainer .enquireList .enquireListItem h3 a, .Custom_Recent_Posts>ul.posts>li>strong.title, .post_inner_wrapper>.block-with-text-2row, .relatedWidgetList .relatedWidgetItemDesc, .propItemDesc, .propItemPriceCol .out-propItemPriceCol .propPriceContainer .propPriceVirtual>p {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 4em;
    text-align: justify;
    margin-right: 0em;
    padding-right: 1em
}
.post_inner_wrapper>.block-with-text-2row {
    height: 3.9em;
    max-height: 3.9em
}
.Custom_Recent_Posts>ul.posts>li>strong.title {
    max-height: 2.5em;
    margin: auto
}
.relatedWidget-news .relatedWidgetList .relatedWidgetItemDesc {
    height: 5.2em;
    max-height: 5.2em
}
.relatedWidgetList .relatedWidgetItemDesc {
    max-height: 5.2em
}
.enquireFormContainer .enquireList .enquireListItem h3 a:before, .Custom_Recent_Posts>ul.posts>li>strong.title:before, .post_inner_wrapper>.block-with-text-2row:before, .relatedWidgetList .relatedWidgetItemDesc:before, .propItemDesc:before, .propItemPriceCol .out-propItemPriceCol .propPriceContainer .propPriceVirtual>p:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0
}
.enquireFormContainer .enquireList .enquireListItem h3 a:after, .Custom_Recent_Posts>ul.posts>li>strong.title:after, .post_inner_wrapper>.block-with-text-2row:after, .relatedWidgetList .relatedWidgetItemDesc:after, .propItemDesc:after, .propItemPriceCol .out-propItemPriceCol .propPriceContainer .propPriceVirtual>p:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff
}
.relatedWidgetList .relatedWidgetItemDesc:after {
    background: #f4f4f4
}
.relatedWidget.relatedWidget-news .relatedWidgetItemDesc:after {
    background: #fff
}
.post_inner_wrapper>.block-with-text-2row:after {
    height: 3.9em
}
.propItemPriceCol .out-propItemPriceCol .propPriceContainer .propPriceVirtual>p:after {
    background: #bce25a!important
}
.Custom_Recent_Posts .propKeyInfoNB>div>p, .propList .propDescContainer .propKeyInfoNB>div>p, .locationContentWrapper .propKeyInfoNB>div>p, .list-county .propKeyInfoNB>div>p {
    flex: 1
}
footer .logo-doitac .office-highlight {
    background-size: contain
}
footer .logo-doitac .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent
}
.Custom_Recent_Posts .img-slider strong.title, .locationContentWrapper .img-slider>div>strong.title {
    display: block;
    font-size: 1.3em
}
.footerMenu ul li a {
    display: block;
    border-bottom: unset
}
.footerMenu ul li a:hover {
    border-bottom: unset;
    text-decoration: underline!important
}
.footerMenu ul li a>p {
    display: block;
    color: #fff
}
.footerMenu ul li a>p:hover {
    display: block;
    color: #fff
}
.relatedWidgetList .relatedWidgetItemTitle {
    color: #3277be
}
.list-county .propKeyInfoNB>div>a {
    color: #1d1d1d;
    font-weight: 300;
    text-align: justify
}
.list-county .propKeyInfoNB>div>a:hover {
    color: #1d1d1d;
    text-decoration: underline!important
}
.block-with-text-one-footer, .footerMenu ul li a>p, .Custom_Recent_Posts .propKeyInfoNB>div>p, .Custom_Recent_Posts .img-slider strong.title, .post_header.half h4, .propList .propDescContainer .propKeyInfoNB>div>p, .propList .propDescContainer .propItemStreet, .locationContentWrapper .img-slider>div>strong.title, .locationContentWrapper .propKeyInfoNB>div>p, .list-county .propKeyInfoNB>div>a, .list-county .propItemStreet, .relatedWidgetList .relatedWidgetItemTitle, .block-with-text-one {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
.angucomplete-dropdown {
    width: 100%
}
#autocomplete-page_value {
    border: 1px solid #4d4f53;
    height: 35px;
}
.propKeyInfoNB>div>a:hover {
    color: #1d1d1d;
    text-decoration: underline!important
}
.post_wrapper .post_inner_wrapper a.hyperlink {
    color: #20A1FF!important;
    font-size: 16px;
    font-weight: 400
}
.post_wrapper .post_inner_wrapper a.hyperlink:hover {
    text-decoration: underline!important
}
.questioner-answers__input--company:before {
    background-size: 25px;
    background-position: center
}
.datepicker {}
.quick-modal-progress__text, .quick-modal-progress__title, .guideContent p, .propItemPrice, label, .scfRadioButtonListLabel, .contentEditable, .howItWorks .howItWorksDesc span, .list-county .propKeyInfoNB>div>a, p {
    font-weight: 400
}
/*=============================*/
.tabsContent.searchResultCol {
    padding-right: 0;
    width: 100%;
}
.searchTabsCtrl .sortBy, .searchTabsCtrl {
    padding-right: 0% !important;
}
#master {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#content_wrapper .inner .inner_wrapper .sidebar_content, #content_wrapper .inner .inner_wrapper .sidebar_wrapper {
    margin-top: 10px;
}
#content_wrapper .post_inner_wrapper h2 {
    font-size: 26px;
    padding: 20px 0;
    line-height: 1.5;
}
#content_wrapper .post_inner_wrapper h2 span {
    font-weight: bold;
}
#content_wrapper .post_inner_wrapper p {
    font-weight: 500;
    text-align: justify;
}
#content_wrapper .post_inner_wrapper ul {
    list-style-type: disc;
}
#content_wrapper table thead tr th {
    background: #b5d335!important;
}
#content_wrapper table, #content_wrapper th, #content_wrapper td {
    border: 1px solid #ddd;
}
#content_wrapper .post_tag a:hover, #content_wrapper .post_category a:hover, #content_wrapper .post_tag a:active, #content_wrapper .post_category a:active {
    background: #bce25a !important;
    border-color: #bce25a !important;
    color: #fff !important;
    text-decoration: none !important;
}
#content_wrapper .cat-item a, #content_wrapper .sidebar_widget strong a, #content_wrapper .post_header_wrapper.half h4 a {
    color: #4d4f53 !important;
}
#content_wrapper .cat-item a:hover, #content_wrapper .sidebar_widget strong a:hover, #content_wrapper .post_header_wrapper.half h4 a:hover {
    text-decoration: underline !important;
}
#content_wrapper .Custom_Recent_Posts .propKeyInfoNB figure {
    height: 20px;
}
#content_wrapper .Custom_Recent_Posts .propKeyInfoNB figure img {
    height: 100%;
}
@media screen and (max-width: 960px) {
    #content_wrapper .inner .inner_wrapper .sidebar_content {
        padding-right: 0;
        padding-bottom: 0;
    }
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper {
        margin-top: 0;
    }
}
@media screen and (max-width: 580px) {
    #content_wrapper .mainContent {
        padding-top: 70px;
    }
}
/*.footerLogoContainer .footerLogo img {
    max-width: 225px;
    max-height: 50px;
    object-fit: contain;
}*/
/* ---------- OVERRIDE FINAL: fixed 2 rows x 5 cols using grid-template-areas ---------- */
.locationsTeasers.grid-mosaic {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) repeat(2, 1fr) !important; /* 5 cols: 3 left + 2 right */
  grid-template-rows: auto auto !important; /* 2 rows only */
  grid-template-areas:
    "left-top left-top left-top right-big right-big"
    "left-1   left-2   left-3   right-big right-big" !important;
  gap: 12px !important;
  align-items: start !important;
  box-sizing: border-box !important;
  grid-auto-rows: minmax(0, auto) !important;
}
/* map classes to areas (đảm bảo class trong HTML: left-top, left-small, right-big) */
.locationsTeasers.grid-mosaic .left-top,
.locationsTeasers.grid-mosaic > .left-top {
  grid-area: left-top !important;
  align-self: start !important;
  justify-self: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  outline: none !important;
}
/* Nếu bạn dùng left-small mà vẫn không có left-1/2/3 classes, ánh xạ theo thứ tự xuất hiện */
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(1) { grid-area: left-1 !important; }
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(2) { grid-area: left-2 !important; }
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(3) { grid-area: left-3 !important; }
/* Nếu bạn thay đổi Blade để render explicit classes, dùng:
.locationsTeasers.grid-mosaic .left-1 { grid-area:left-1 }
.locationsTeasers.grid-mosaic .left-2 { grid-area:left-2 }
.locationsTeasers.grid-mosaic .left-3 { grid-area:left-3 }
*/
/* Right big occupies 2x2 on right */
.locationsTeasers.grid-mosaic .right-big,
.locationsTeasers.grid-mosaic > .right-big {
  grid-area: right-big !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
/* ITEM + IMG — tránh kéo row cao */
.locationsTeasers.grid-mosaic .item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #f3f3f3 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
.locationsTeasers.grid-mosaic .img-wrap {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.locationsTeasers.grid-mosaic .img-wrap img {
  width: 100% !important;
  height: auto !important; /* quan trọng: không để img ép parent */
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* debug outlines (bật khi cần) */
/* .locationsTeasers.grid-mosaic > .left-top { outline: 3px solid red !important; }
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(1) { outline: 2px solid orange !important; }
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(2) { outline: 2px solid yellow !important; }
.locationsTeasers.grid-mosaic > .left-small:nth-of-type(3) { outline: 2px solid green !important; }
.locationsTeasers.grid-mosaic > .right-big { outline: 3px solid blue !important; } */
/* responsive: stack */
@media (max-width: 768px) {
  .locationsTeasers.grid-mosaic {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-template-areas:
      "left-top"
      "left-1"
      "left-2"
      "left-3"
      "right-big" !important;
  }
  .locationsTeasers.grid-mosaic > .left-top,
  .locationsTeasers.grid-mosaic > .left-small,
  .locationsTeasers.grid-mosaic > .right-big {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  .locationsTeasers.grid-mosaic .item { min-height: 140px !important; }
  .locationsTeasers.grid-mosaic .img-wrap img { height: 100% !important; object-fit: cover !important; }
}
.propKeyInfoNB>div>p>span {
    color: #f5ca19;
    font-weight: 700;
} 
.img-parter{
    border-radius: 50%;
    width: 175px;
    height: 175px;
}
#position {
    background-color: #fff;
    padding: 12px 0;
    font-size: 11px;
    border-bottom: 1px solid #ededed;
}
#position ul {
    margin: 0;
    padding: 0;
    color: #555;
}
#position ul li:first-child {
    padding-left: 20px;
}
#position ul li {
    display: inline-block;
    padding-right: 8px;
    margin-right: 3px;
    position: relative;
    color: #555;
}
#position ul li:first-child:before {
    content: "";
    background-image: url('images/pin.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px;
}
#position ul li:after {
    content: "";
    background-image: url('images/right.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 3px;
}
#position ul li:last-child:after {
    display: none;
}
#position ul li a {
    color: #333;
}
.img-tags {
    display: flex;
    align-items: center; /* căn giữa theo chiều dọc */
    gap: 6px;
    flex-wrap: wrap;
    min-height: 30px;
}
.img-tags a {
    height: 33px;
    color: #f5ca19 !important;
    margin-left: 1px;       
}
.icon-tag {
    background-image: url('images/tags.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    margin-top: 10px;
    display: inline-block;
}
.tags a {
    display: inline-block;
    margin: 5px 14px 10px 0;
    height: 33px;
    line-height: 33px;
    background-color: #ededed;
    background-image: url(images/dot.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 20px; /* chỉnh kích thước chấm nếu cần */
    padding: 0 28px 0 11px;
    color: #555;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: background .5s ease;
}
.logo-doitac {
    overflow: hidden!important;
    height: auto;
    padding: 40px 0 40px;
}
#content_wrapper {
    width: auto;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    word-wrap: break-word;
}
.propertyPage {
    width: 100%;
    border-top: 1px solid #ededed;
    overflow: hidden;
    z-index: 9;
    position: relative;
}
.propertyKeyInfo {
    font-size: 0;
    position: relative;
    background: #f4f4f4;
    border-bottom: 1px solid #b5b5b5;
    padding: 10px;
    width: 100%;
}
.propertyKeyInfoSetRow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 0;
    gap: 10px;
    align-items: center;
    justify-content: space-around;
}
.propertyKeyInfoSetRow li {
    width: auto;
    display: flex;          /* Dùng flex cho đẹp */
    align-items: center;    /* Icon + text thẳng hàng */
    gap: 6px;               /* Khoảng cách giữa icon và chữ */
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #1d1d1d;
    white-space: normal;
    margin-bottom: 0px;
    padding-right: 15px;
    word-break: break-word;
}
.img-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Không cho icon bị co */
}
.logo-zalo{
    height: 40px;
}
.twoColumnContainer .twoColumn_hasRight {
    margin-right: 29% !important;
    margin-left: 0 !important;
    border-right: 1px solid #b5b5b5;
    border-bottom: 0px solid #b5b5b5;
    margin-bottom: 30px;
}
.locationWidgetText {
    font-size: 14px; /* Chữ trên: lớn hơn */
}
#RootContent_maincontent_0_tubeLnkLength span {
    font-size: 12px; /* Chữ dưới: nhỏ hơn */
    font-weight: normal;
    display: block; /* Mỗi dòng xuống hàng */
    margin-top: 4px;
}
.locationWidgetIcon {
    display: flex;
    justify-content: center; /* Căn giữa theo chiều ngang */
    align-items: center;     /* Căn giữa theo chiều dọc */
    height: 100%;            /* Đảm bảo có chiều cao để căn giữa */
}
.propertyContent {
    width: 100%;
}
.amenities-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.group-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.group-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.group-title {
    font-weight: bold;
    font-size: 16px;
    max-width: 17%;
    /*width: 18%;*/
}
.group-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.items {
    background-color: transparent;
    padding: 12px 12px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
    text-align: -webkit-center;
}
.propertyContentBlock {
    padding-bottom: 20px !important;
}
.twoColumnContainer .twoColumn_hasRight .leftBar {
    padding-right: 0;
    padding-left: 20px;
    padding-bottom: 20px;
}
.relate-title{
    margin-bottom: 20px;
}
.discoverLocations {
    background: #f4f4f4;
    border-bottom: unset;
    padding-top: 40px;
    padding-bottom: 40px;
}
.caseStudies {
    padding: 40px 0 40px 0 !important;
}
.list-county .propKeyInfoNB>div>a, p {
    padding-left: 5px;
    padding-right: 5px;
}
.pageHeader{
    padding-bottom: 30px;
}
.news-blog{
    padding-top: 20px;
}
#content_wrapper .inner .inner_wrapper .sidebar_content, .sidebar_content{
    padding-bottom: 20px;
}
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}
.contactTabsCtrl {
    margin-top: 20px;
    border-top: 0;
}
.containerForm {
    margin-bottom: 40px;
}
/* Bật Flexbox cho hàng chính (Hàng 1) */
.mSearchRow.main-search-row {
    display: flex;
    /*gap: 10px; */
    /*margin-bottom: 0;*/
    align-items: flex-start; 
}
/* 1. Khu Vực: Chiếm 30% */
.mSearchSet.district-set.area-30 {
    flex: 1; 
    margin-right: 20px;
}
/* 2. Cần Tìm: Chiếm 70% */
.mSearchSet.search-input-set.area-70 {
    flex: 0 0 60%;
}
/* Hàng 2: Định dạng cho Nút Tìm Kiếm (Căn phải) */
.seacrh-bntt{
    display: flex;
    justify-content: flex-end; /* Quan trọng: Căn nút sang bên phải */
}
/* Hàng 2: Định dạng cho Nút Tìm Kiếm (Căn phải) */
.seacrh-bnttt {
    display: flex;
    justify-content: flex-end; /* Quan trọng: Căn nút ra sát bên phải */
    margin-bottom: 20px;
}
/* Quan trọng: Loại bỏ flex-grow khỏi mSearchSet chứa nút */
.seacrh-bntt {
    flex-grow: 0; /* Đảm bảo nhóm nút không mở rộng */ 
}
/* Nút tìm kiếm (lButton) */
.lButton {
    width: auto; /* Chiều rộng cố định cho nút */
    padding: 10px 25px; 
    height: 35px; 
    font-weight: bold;
    cursor: pointer;
    border: none;
    background-color: #bce25a; 
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.mSearchFields {
    margin-top: 25px;
    display: inline-block;
    width: 66%;
    max-width: 680px;
    min-width: 320px;
}
.mSearchField {
    position: relative;
    width: 100%;
    padding-left: 80px;
    float: left;
    height: auto;
}
.mSearchField .selecter .selecter-selected {
     padding: 7px 30px 7px 12px;    
}
.mSearchRow {
    margin-top: 5px; 
    margin-bottom: unset;
}
.pagination-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-wrapper {
    display: flex;
    align-items: center;
}
.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    height: 35px;
    overflow: hidden;
    background-color: #fff;
}
.search-input {
    padding: 8px 12px;
    border: none;
    outline: none;
    width: 220px;
    font-size: 14px;
    height: 40px;
}
.search-button {
    background-color: #bce25a;
    border: none;
    padding: 0 12px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffff;
    font-weight: bold;
}
.search-button:hover {
    background-color: #4d4f53; /* Màu xám mới khi hover */
}
.search-icon {
    width: 20px;
    height: 20px;
}
.blockHeader-titel {
    display: flex;
    justify-content: space-between; /* đẩy 2 đứa ra 2 bên */
    align-items: center;
    width: 100%;
}
.blockHeader-titel h3 {
    font-size: 26px;
    font-size: 2.6rem;
    color: #1d1d1d;
    font-weight: 300;
    padding: 0 0 8px 0;
    display: inline-block;
    border-bottom: 2px solid #bce25a;
}
.icon-phone {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    background: url(images/phone_footer.png) no-repeat;
    height: 20px;
    width: 18px;
    margin-bottom: -3px;
    background-size: 18px 20px
}
#cookieConsent {
    background: rgba(20, 20, 20, 0.9);
    color: #ccc;
    min-height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 10px 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
}
#acceptCookies {
    background: #bce25a;
    color: black;
}
#rejectCookies {
    background: #f5ca19;
    color: black;
    border: unset;
}
.btn-cookies{
    width: 70px;
}
.text-cookie{
    width: auto;
    color: #ffff;
    text-align: center;
}
.footerMenus{
    color: #ffff;
    font-weight: bold;
    font-size: 20px;
}
.footerMenu h3{
    width: max-content;
    padding-left: 2px;
    margin-left: 2px;
    padding-bottom: 13px;
}
.footerTopContainer {
    width: 74%;
}
.footerLogoContainer {
    width: unset;
}
.menu-right{
    float: left;
    list-style: none;
    width: max-content;
    padding-top: 12px;
}
.menu-right p{
    color: #ffff;
}
.menu-right p:hover{
    text-decoration: underline;
}
.title-footer{
    text-align: justify;
    color: #ffff;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    width: fit-content;
}
.img-phone{
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.phone{
    display: flex;
}
.menu-right h3 {
    width: max-content;
    padding-left: 2px;
    padding-bottom: 13px;
}
.logo-lienket{
    display: flex;
    width: 20px;
}
.img-fluid{
    margin-top: 7px;
    height: 20px;
    width: auto;
    margin-left: 5px;
}
.caseContentDesc blockquote h5 {
    margin-bottom: 5px;
}
#footer .footer-main {
    padding: 40px 0 40px 0;
}
.footer_inner-container {
     padding-top: unset;
     display: flex; 
}
.paging ul li a.next:hover {
    background: unset;
    border: 1px solid #b5b5b5;
}
.propKeyInfoNB>div .propKeyInfoNB-info {
    width: 35%;
}
.mainHeader{
    border-top: unset;
}
#imagelightbox-close{
    width: unset;
    height: 70px;
}
#imagelightbox-close:before, 
#imagelightbox-close:after {
    width: 4px;
}
#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #4d4f53;
    color: white; /* Giữ lại nếu bạn muốn dùng text, nhưng sẽ bị hình ảnh đè lên */
    cursor: pointer;
    width: 35px; /* Thêm kích thước để hình ảnh hiển thị */
    height: 35px; /* Thêm kích thước để hình ảnh hiển thị */
    border-radius: 50%; /* Dùng 50% để đảm bảo tròn */
    transition: background-color 0.3s;
    border: 1px solid #bce25a;
    /* Thuộc tính hình ảnh */
    background-image: url(images/uparrow3.png);
    background-size: 60%; /* Tùy chỉnh kích thước hình ảnh bên trong */
    background-position: center; /* Căn giữa hình ảnh */
    background-repeat: no-repeat;
}
#backToTop:hover {
    background-color: #bce25a;
}
.btn-phones{
    display: flex;
    justify-content: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.propItemControls {
    width: 80px;
}
#master.slick .headerNav {
    margin-top: -30px;
}
.footerLogoContainer .footerLogo img {
    width: 165px;
    max-width: none;
}
.text-title{
    text-align: left;
    color: #ffff;
    font-weight: bold;
    font-size: 20px;
}
.footerTopContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*padding-left: 5px;
    padding-right: 5px;*/
}
.footer-left{
    padding-top: 10px;
    padding-bottom: 20px;
}
.footer-left p{
    color: #ffff;
    margin-bottom: 5px;
    font-size: 14px;
}
.footer-right{
    margin-top: 10px;
    padding-bottom: 20px;
}
.footer-right p{
    color: #ffff;
    margin-bottom: 5px;
    font-size: 14px;
}
.footer-end{
    margin-bottom: 20px;
}
.loading-bar-contact {
    /* Đảm bảo nó nằm trên form và căn giữa */
    position: absolute; /* Hoặc relative tùy thuộc vào container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Nền mờ */
    display: flex; /* Dùng flexbox để căn giữa nội dung */
    flex-direction: column;
    justify-content-content: center;
    align-items: center;
    z-index: 100; /* Đảm bảo nó nằm trên form */
}
.spinner {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #bce25a; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite; /* Áp dụng animation quay */
    margin-bottom: 10px; /* Khoảng cách với chữ */
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.footer-end li{
    margin-left: 10px;
}
.custom-404-container {
    background-color: #fff;
    padding: 40px;
    border-radius: 8px;
    text-align: center;
}
/* KHỐI 1: Tiêu đề lớn (Lỗi) */
.custom-404-pageHeader h1 {
    color: #f5ca19;
    font-size: 3em;
    margin-bottom: 20px;
    padding-bottom: 15px;
    display: block;
}
/* Cụm thông báo */
.custom-404-shortListSubHeader {
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
}
/* Đoạn thông báo chính */
.custom-404-main-message {
    margin-bottom: 5px; /* Giảm khoảng cách giữa 2 dòng thông báo */
    font-size: 1.1em;
}
/* Gợi ý nổi bật (workspace) */
.custom-404-highlight-suggestion {
    color: #5cb85c;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
}
/* Khối hành động */
.custom-404-action-block {
    margin-top: 20px;
}
/* Văn bản "Thử vào những trang..." */
.custom-404-try-text {
    margin-bottom: 15px;
    font-size: 1em;
}
/* Nút Trang chủ */
.custom-404-homepage-link {
    display: inline-block;
    background-color: #4d4f53;
    color: #fff;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 50px;
    margin-bottom: 25px; /* Tăng khoảng cách dưới nút */
    font-weight: bold;
    transition: background-color 0.3s;
}
.custom-404-homepage-link:hover {
    background-color: #bce25a;
    color: #ffff;
}
/* Thông tin liên hệ */
.custom-404-contact-info { 
    margin-top: 25px;
    font-size: 0.95em;
    color: #6c757d;
    padding-top: 15px;
    border-top: 1px solid #eee;
}
/* Ẩn div trống */
.custom-404-pageFormContainer {
    display: none;
}
.img-content p {
    margin-bottom: 15px; /* Tạo khoảng cách giữa các đoạn văn */
    line-height: 1.6;    /* Cho chữ dễ đọc hơn */
    text-align: justify; /* Căn đều 2 bên cho giống web mẫu */
}
.img-content h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 26px;
}
/* Style cho thẻ bao danh sách (để có khoảng cách lề trái và dưới) */
.img-content ul, 
.img-content ol {
    margin-bottom: 15px;
    padding-left: 25px; /* Thụt đầu dòng để dấu chấm/số không bị sát lề */
}
/* Style cho từng mục danh sách (li) */
.img-content li {
    margin-bottom: 8px;  /* Tạo khoảng cách nhỏ giữa các gạch đầu dòng */
    line-height: 1.6;    /* Giãn dòng giống thẻ p cho dễ đọc */
    text-align: justify; /* Căn đều 2 bên (tùy chọn, giống thẻ p) */
}
/* 1. Reset thẻ UL để có khoảng cách chuẩn */
.img-content ul {
    margin-bottom: 15px;
    padding-left: 25px; /* Thụt vào để chừa chỗ cho dấu chấm */
    list-style-type: disc; /* Dạng chấm tròn đặc mặc định */
}
/* 2. Style cho từng dòng */
.img-content ul li {
    margin-bottom: 8px;
    line-height: 1.6;
    text-align: justify;
}
/* 3. MAGIC: Chỉnh riêng cái "Dấu chấm" (::marker) */
.img-content ul li::marker {
    font-size: 1.2em; /* Cho dấu chấm to hơn chữ một chút */
    font-weight: bold;
}
.time-user{
    width: 100%; 
    overflow: hidden; 
    display: block;
}
.date-times{
    float: left;
}
.user-edit{
    float: right; 
    text-align: right;
}
.box-footer-left{
    max-width: 55%;
}
.propertyKeyInfoSetRow {
    display: flex;
    flex-wrap: wrap;       /* Cho phép rớt dòng */
    width: 100%;
    gap: 15px;             /* Khoảng cách giữa các cục */
    justify-content: center; /* Căn giữa toàn bộ khối (để hàng dưới 2 cục nằm giữa) */
    padding: 0;            /* Reset padding mặc định của ul */
}
/* Style cho từng cục (thẻ li) */
.propertyKeyInfoSetRow li {
    /*flex: 0 0 calc(28% - 16px); */
    display: flex;
    align-items: center;
    justify-content: center; /* Căn giữa nội dung (icon và chữ) trong từng cục */
    list-style: none;        /* Bỏ dấu chấm đầu dòng */
    box-sizing: border-box;
    font-size: 14px;         /* Set lại size chữ vì cha đang để font-size: 0 */
}
.campaign {
    height: 180px;
}
/*.text-colors{
    color: #fff;
}*/
/* --- Style Khung Ruy băng --- */
.ribbon_3 {
    position: relative;
    display: inline-block;
    padding: 6px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: -10px; /* Kéo lùi ra ngoài lề trái để tạo hiệu ứng ôm cột */
    box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
    z-index: 1;
}
/* Tạo cái nếp gấp tam giác tối màu (Hiệu ứng 3D) */
.ribbon_3::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-top: 8px solid; /* Chiều cao nếp gấp */
    border-left: 10px solid transparent; 
    filter: brightness(0.6); /* Làm màu tối đi tự động để tạo bóng */
    z-index: -1;
}
/* --- MÀU SẮC CHỐT NHANH (Vàng) --- */
.ribbon_3 {
    background: #f5ca19;
    color: #fff;
}
/* Màu nếp gấp */
.ribbon_3::before {
    border-top-color: #f5ca19;
}
/* --- MÀU SẮC THƯƠNG LƯỢNG (Xanh) --- */
.ribbon_3.popular {
    background: #0168ff;
    color: #fff;
}
/* Màu nếp gấp */
.ribbon_3.popular::before {
    border-top-color: #0168ff;
}
/* Hiệu ứng nhích nhẹ khi hover */
.ribbon_3:hover {
    padding-right: 25px; /* Dài ra một chút */
    transition: all 0.3s ease;
}
.leftBarText{
    font-size: 1.4rem;
}
/* Container chung */
.tag-pro {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #e5e7eb; /* Nét đứt nhìn nghệ hơn nét liền */
}
/* Căn chỉnh icon và list nằm ngang hàng nhau đẹp hơn */
.tag-pro li {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    flex-wrap: wrap;
    gap: 8px; /* Khoảng cách giữa các phần tử */
}
/* Icon cái thẻ tag to ở đầu */
.tag-pro i.fa-tag, 
.tag-pro i.icon-tags {
    color: #0168ff; /* Màu xanh chủ đạo */
    font-size: 16px;
    margin-right: 5px;
    opacity: 0.8;
}
/* --- STYLE CHÍNH CHO TAG --- */
.tag-pro a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: #555; 
    background-color: #fff; /* Nền trắng */
    border: 1px solid #d1d5db; /* Viền xám nhạt sang trọng */
    padding: 6px 14px;
    border-radius: 6px; /* Bo góc nhẹ (vuông vắn hơn tròn) */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Hiệu ứng khi Hover */
.tag-pro a:hover {
    color: #0168ff; /* Chữ chuyển xanh */
    border-color: #0168ff; /* Viền chuyển xanh */
    background-color: #f0f7ff; /* Nền chuyển xanh siêu nhạt */
    transform: translateY(-2px); /* Bay nhẹ lên */
    box-shadow: 0 4px 6px rgba(1, 104, 255, 0.15); /* Đổ bóng nhẹ */
}
.propKeyInfoNB>div .propKeyInfoNB-info{
    width: unset;
}