.project_alltabs {
  
    padding: 0;
    position: relative;
    margin:-40px auto 40px;
}
.project_alltabs  .project_alltab_item{
    background-color: #fff;
    position: relative;
    z-index: 5;
    padding: 0;
}
.project_alltabs .headline-desc h3{
    color:  #6B7280;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.projects_row2 .text-content{
    color: #374151;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; 
}

/* Chỉnh sửa class hiện tại của bạn */
.our-project-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth; /* Cuộn mượt khi bấm nút */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Ẩn scrollbar Firefox */
    gap: 12px;
    padding:0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #E5E7EB;
    width: 100%;
}

/* Ẩn scrollbar Chrome/Safari */
.our-project-tabs::-webkit-scrollbar {
    display: none;
}

/* Đảm bảo các li không bị co lại */
.our-project-tabs .nav-item {
    flex: 0 0 auto;
}

/* Style cho nút bấm */
.tab-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #E4B946;
    border:0;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.tab-nav-btn.prev { left: -15px; }
.tab-nav-btn.next { right: -15px; }

.tab-nav-btn .bi {
    color: #fff;
}
/* Ẩn nút nếu trên mobile không cần thiết (tùy chọn) */
@media (max-width: 768px) {
    
    .tab-nav-btn { }

    .tab-nav-btn.prev { left: 15px; }
    .tab-nav-btn.next { right: 15px; }
}
.our-project-tabs::-webkit-scrollbar {
    display: none;
}
.our-project-tabs {
    -ms-overflow-style: none;  /* IE và Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Đảm bảo các tab con không bị co lại */
.our-project-tabs > div, 
.our-project-tabs > a {
    flex: 0 0 auto;
}

.project-view-more {
    display: inline-block;
    padding: 16px 32px;
    background: linear-gradient(98deg, #FFE8AA 0.33%, #F3D27A 93.35%);
    border: 0;
}
.project-view-more span{
    color: #1C0F13;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}
.our-project-tabs .nav-item{
    padding: 20px 24px;
}
.our-project-tabs .nav-item.active  {
    border-bottom: 1px solid #E4B946;
} 
@media (max-width:768px) {
   .our-project-tabs .nav-item.active  {
     border-bottom: 1px solid #E4B946;
    }  
}
.our-project-hero h1 {
    font-size: 2.3rem;
    font-weight: 700;
}
.our-project-hero .subtitle {
    font-size: 0.95rem;
    max-width: 520px;
}

.our-project-tabs .nav-link {
    padding:0;
    color:  #6B7280;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; 
}
      
.our-project-tabs .nav-item.active .nav-link{
    color:#E4B946;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; 
    background: transparent;
}

.our-project-section-title {
    margin-bottom: 24px;
    color: #242527;
    font-family: Poppins;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 62px;
    text-transform: capitalize;
}
.our-project-divider {
    margin: 0px 0 16px;
    width: 90px;
    height: 9px;
    background: linear-gradient(98deg, #FFE8AA 0.33%, #F3D27A 93.35%);
    
}
.partner-block-title {
    font-weight: 600;
}
.partner-link {
    color: #c28b28;
    text-decoration: none;
}
.partner-link:hover {
    text-decoration: underline;
}
#ourProjectsTabsContent {
    margin-top: 36px;
}
.project-card {
    border: 1px solid #F3F4F6;
    background: #F3F4F6;
}
.project-card-img {
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    border: 10px solid #F3F4F6;
}
.project-card-title {
  color: #1C0F13;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.project-card-meta {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 12px 0 16px 0;
}
.project-card-meta i{
    display: inline-block;
    margin:0 10px 0 6px;
    float: left;
    width: 24px;
    height: 24px;
    color: #E4B946;
    background:url('../svg/location-market.svg');
    background-position: center;
    background-repeat:no-repeat;
}
.project-card-content {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    
}

.btn-floor-plan {
    margin-top: 16px;
    padding: 8px 24px;
    background:  #1C0F13;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #E4B946;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
}
.btn-floor-plan:hover {
  color: #1C0F13;
  background: linear-gradient(98deg, #FFE8AA 0.33%, #F3D27A 93.35%);
}
.project-action {margin-top: 24px;}

.projects_row2 .text-content {
    position: relative;
    clear: both;
    overflow: hidden;
}
@media (max-width:768px) {
    .our-project-section-title {
        margin-bottom: 8px;
    }
    .project_alltabs .headline-desc h3 {
        color:#6B7280;
        text-align: center;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 24px;
    }
}

@media (max-width: 767.98px) {

    .our-project-hero {
        min-height: 210px;
    }
    .our-project-hero h1 {
        font-size: 1.8rem;
    }
    .project_alltabs {
        margin: 0 auto;
    }
    .our-project-tabs .container {
        padding-left: 0;
        padding-right: 0;
    }
    .our-project-divider {
        margin: 0 auto 21px;
        text-align: center;
    }

   .our-project-tabs {
        display: flex;
        flex-wrap: nowrap;       
        overflow-x: auto;        
        overflow-y: hidden;
        white-space: nowrap;     
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;       
    }

    .our-project-tabs::-webkit-scrollbar {
        display: none;               
    }

   .our-project-tabs .nav-item {
        flex: 0 0 auto;              
    }
    .our-project-section-title {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        text-align: center;
        line-height: normal;
    }
    .project-card-title {
         font-size: 20px;
    }
    .project-card-meta {
        font-size: 14px;
        font-weight: 400;
        margin: 10px 0 14px 0;
    }
   
    .project-card-content,
    .projects_row2 .text-content {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
    .project-card .p-4{
        padding: 16px 16px 32px 16px!important;
    }
  
    .our-project-tabs .nav-item.active .nav-link{
    font-weight: 400;

     }
     .project-view-more {
        padding: 8px 24px;
    }
    .project-view-more span{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }
}