.scroll-top,
.back-to-top,
#scroll-top,
.tf-btn-scroll-top,
.progress-wrap {
    display: none !important;
}
@media (min-width: 992px) {
    .main-header .logo-box {
        margin-left: 80px !important;
    }
}
.slider-content .tf-btn.primary {
    background-color: #0a4773 !important;
    border-color: #0a4773 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    font-size: 16px !important;
}

.slider-content .tf-btn.primary:hover {
    background-color: #B58F58 !important;
    border-color: #B58F58 !important;
}
/* Banner */
.flat-slider.home-1{
    position:relative;
    overflow:hidden;
    min-height:100vh;
}

/* Video */
.hero-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}

/* Desktop */
.hero-video-desktop{
    display:block;
}

/* Mobile */
.hero-video-mobile{
    display:none;
}

/* Overlay */
.hero-video-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.20),
        rgba(0,0,0,.35),
        rgba(0,0,0,.45)
    );
    z-index:1;
}

/* Nội dung */
.flat-slider.home-1 .container,
.flat-slider.home-1 .content,
.flat-slider.home-1 .overlay{
    position:relative;
    z-index:2;
}

/* Mobile */
@media(max-width:768px){
    .hero-video-desktop{
        display:none;
    }
    .hero-video-mobile{
        display:block;
    }
    .flat-slider.home-1{
        min-height:100svh;
    }
}
@media (max-width:768px){
    .flat-slider.home-1 .slider-content{
        padding-left:5px;
        padding-right:100px;
    }
    .flat-slider.home-1 .heading h1,
    .flat-slider.home-1 .subtitle,
    .flat-slider.home-1 .btn{
        text-align:left;
        margin-left:0;
    }
}
.flat-slider.home-1 .slider-content{
    display:flex;
    align-items:flex-end;
    min-height:100vh;
    padding-bottom:170px;
}
.body-1 {
    font-weight: 700;
    line-height: 26px;
}
.flat-slider.home-1 .slider-content .subtitle {
    margin-top: 15px;
}
.mobile-header-action{
    display:flex;
    align-items:center;
    gap:12px;
}

.mobile-book-btn{
    padding:6px 12px;
    border-radius:3px;
    font-size:17px;
    font-weight:600;
    text-decoration:none;
}
.flat-section {
    padding: 30px 0;
}
p {
    color: #5c6368;
    font-size: 18px;
    font-weight: 300;
}
.text-center {
    text-align: left !important;
}
.flat-title-page .page-title {
    font-size: 45px;
    font-weight: 700;  
}
.h1, h1 {
        font-size: 27px;
        line-height: 1.3;
}
h2 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}
h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 14px;
    line-height: 1.3;
}
.flat-title-page.style-2 .breadcrumb {
    justify-content: flex-start !important;
    text-align: left !important;
}
.flat-slider.home-1 .slider-content {
    text-align: left !important;
}
.hero-content h1,
.hero-content h1 .cd-words-wrapper,
.hero-content h1 .item-text {
    text-align: left !important;
}
.flat-slider.home-1 .slider-content .heading,
.flat-slider.home-1 .slider-content .subtitle {
    text-align: left !important;
}

.flat-slider.home-1 .slider-content .subtitle {
    padding: 0 !important;
    margin-top: 15px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: block !important;
}
/* Laptop/Desktop: ưu tiên hiển thị trên một dòng */
@media (min-width: 768px) {
    .flat-slider.home-1 .slider-content .subtitle {
        white-space: nowrap !important;
    }
}

/* Điện thoại: cho phép tự xuống dòng để không tràn màn hình */
@media (max-width: 767px) {
    .flat-slider.home-1 .slider-content .subtitle {
        white-space: normal !important;
        width: 100% !important;
    }
}
/* 1. Kéo dòng chữ subtitle lên cao */
.flat-slider.home-1 .slider-content .subtitle {
    margin-top: -20px !important;
}

/* 2. Bỏ khoảng cách phía dưới của tiêu đề LÊ CẢNH (h1) */
.flat-slider.home-1 .slider-content .heading,
.flat-slider.home-1 .slider-content h1 {
    margin-bottom: 10px !important;
    padding-bottom: 20px !important;
}
.hero-content h1 .cd-words-wrapper,
.hero-content h1 .item-text {
    font-size: 27px !important;    
    line-height: 1.2 !important;
    margin-top: -1px !important;
    display: block;
}
.chu-dam {
    font-weight: 700;
}
.ck-content strong,
.ck-content b {
    font-weight: 700;
}
.single-detail.ck-content p:not([class]) {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.6;
}
.flat-banner-about .section-title {
    font-weight: 900;
    line-height: 1.15;
}
.flat-banner-about .section-title .title-line1 {
    display: block;
    font-weight: 700;
    color: inherit;
}

.flat-banner-about .section-title .title-line1 .title-main {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 500;
    color: #0a4773;
    background: linear-gradient(90deg, #0a4773, #0a4773);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flat-banner-about .section-title .title-line1 .title-sub {
    font-size: 0.75em;
    font-weight: 300;
}

.flat-banner-about .section-title .title-accent {
    display: inline-block;
    margin-top: 10px;
    font-size: 1.05em;
    font-weight: 700;
    color: #0a4773;
    background: linear-gradient(90deg, #161e2d, #161e2d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-subtitle {
    font-size: 20px;
    line-height: 24px;
}
.single-property-desc .ck-content,
.single-property-desc .ck-content p,
.single-property-desc .ck-content li,
.flat-blog-detail .ck-content,
.flat-blog-detail .ck-content p,
.flat-blog-detail .ck-content li {
    font-size: 18px !important;
    line-height: 30px !important;
}
.hotline-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--primary-color, #ff6600);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    text-decoration: none;
}

.hotline-float i,
.hotline-float svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 24px;
}

.hotline-float::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary-color, #ff6600);
    opacity: 0.6;
    animation: hotline-pulse 1.8s infinite;
    z-index: -1;
}

@keyframes hotline-pulse {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.6); opacity: 0; }
}
/* ===== Chỉnh lại layout khối Overview (Thông tin) trang chi tiết BĐS ===== */
.single-property-overview .info-box {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 32px !important;
    margin: 0 !important;
}

@media (max-width: 575px) {
    .single-property-overview .info-box {
        grid-template-columns: 1fr !important;
    }
}

.single-property-overview .info-box .col.item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

.single-property-overview .info-box .box-icon {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
    background: #eef2f7;
}

.single-property-overview .info-box .box-icon i,
.single-property-overview .info-box .box-icon svg {
    font-size: 20px;
    color: #0a4773;
}

.single-property-overview .info-box .content {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0;
    font-size: 16px;
    line-height: 1.4;
}

.single-property-overview .info-box .content .label {
    display: inline !important;
    font-size: 16px;
    font-weight: 400;
    color: #5c6368;
    white-space: nowrap;
}

.single-property-overview .info-box .content span:not(.label) {
    display: inline !important;
    font-size: 16px;
    font-weight: 700;
    color: #12141a;
    white-space: normal;
    word-break: break-word;
    margin-left: 4px;
}

.single-property-overview .title {
    margin-bottom: 24px !important;
}
@media (max-width: 767px) {
    .box-filter-tab {
        flex-wrap: wrap;
        gap: 10px;
    }
    .box-filter-tab .btn-filter-mobile {
        width: 100%;
    }
}