/*project_list*/

.view-project_developers button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter,
.view-project_developers .filter-search-bar.btn-group {
    display: none;
}

.view-project_developers .slideshow-photo img,
.view-project_details .slideshow-photo img {
    aspect-ratio:5 / 3;
    object-fit:cover;
}
.com_sam_project_list .slick-dots li{
    margin:0;
    width:12px;
}
.com_sam_project_list .slick-dots li button{
    padding:5px !important;
}
.com_sam_project_list .slick-dots li button:before {
    font-size: 25px !important;
    color: #D9D9D9 !important;
    opacity: 1 !important;
}

.com_sam_project_list .slick-dots li.slick-active button:before {
    color: #767676 !important;
    opacity: 1 !important;
}

.com_sam_project_list .slideshow-slider {
    max-width: 100%;
    padding: 15px 5px 30px 15px;
    background:rgb(255 255 255 / 40%);
    border-radius:16px;
}

.com_sam_project_list .slick-dots {
    bottom: 5px;
    text-align: center;
}
.com_sam_project_list .slick-slide.slideshow-photo img{
    height:100% !important;
    width:100% !important;
    border-radius:8px;
}
.com_sam_project_list .slick-slide.slideshow-photo{
    padding-right:10px;
}
.view-project_developers .developer-cards .col-md-4.mb-4 {
    padding:0 8px !important;
    margin-bottom:16px !important;
}
.view-project_developers .developer-name-card {
    font-family: 'Inter';
    font-weight: 700 !important;
    color: #333;
    font-size: 16px !important;
    text-transform:capitalize;
    transition:0.5s;
    z-index: 1;
    height: 100%;
    margin: 0;
    width: 100%;
}
.view-project_developers .developer-card:hover .developer-name-card,
.view-project_developers .developer-card:focus .developer-name-card{
    opacity:1;
}
.view-project_developers .developer-name-card a{
    height:100%;
    width:100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:20px;
}
.view-project_developers .developer-name-card img{
    margin:0 0 15px 0 !important;
    
}
.view-project_developers .developer-name-card a br{
    display:none;
}
@media (max-width:767px){
    .view-project_developers .developer-name-card a {
        font-size: 14px !important;
    }
}
.view-project_developers .developer-card {
    height: 200px;
    background: 
        linear-gradient(135deg, rgb(228 239 252), rgb(215 234 255)) padding-box,  /* Inner box background */
        linear-gradient(45deg, #ffffff, rgb(255 255 255 / 40%), rgb(255 255 255 / 60%)) border-box; /* Gradient border */
    color: #100808;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 10px; */
    border-radius: 15px !important;
    position:relative;
    overflow:hidden;
    padding: 0px;
    transition:0.5s;
    border: 1px solid transparent;  /* Must be transparent for the gradient to show */
}
.view-project_developers .developer-card:before{
    content:'';
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    opacity:0;
    transition:0.5s;
}
.view-project_developers .developer-card:hover:before,
.view-project_developers .developer-card:focus:before{
    opacity:0.4;
}
.view-project_developers .pagination, 
.view-project_details .pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: rgb(255 255 255 / 40%);
    --bs-pagination-bg: #ffffff00;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: rgb(255 255 255 / 40%);
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: rgb(255 255 255 / 20%);
    --bs-pagination-hover-border-color: rgb(255 255 255 / 40%);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: rgb(248 215 135 / 20%);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
    --bs-pagination-active-color: #ffffff;
    --bs-pagination-active-bg: #ffffff;
    --bs-pagination-active-border-color: #ffffff;
    --bs-pagination-disabled-color: #2e3840;
    --bs-pagination-disabled-bg: #ffffff00;
    --bs-pagination-disabled-border-color: rgb(255 255 255 / 40%);
    display: flex;
    padding-left: 0;
    list-style: none;
}
.view-project_developers .pagination>li>a, .view-project_developers .pagination>li>span,
.view-project_details .pagination>li>a, .view-project_details .pagination>li>span {
    color: #302828;
}
.dashboard-panel-body .page-link{
    border: var(--bs-pagination-border-width) solid #2a2a4f;
}
.view-project_developers .pagination>.active>a, .pagination>.active>span,
.view-project_details .pagination>.active>a, .pagination>.active>span{
    border-color: rgb(255 255 255 / 40%) !important;
    background-color: rgb(255 255 255) !important;
}
.view-project_developers .pagination>.active>a:hover, 
.view-project_developers .pagination>.active>a:focus, 
.view-project_developers .pagination>.active>span:hover, 
.view-project_developers .pagination>.active>span:focus,
.view-project_details .pagination>.active>a:hover, 
.view-project_details .pagination>.active>a:focus, 
.view-project_details .pagination>.active>span:hover, 
.view-project_details .pagination>.active>span:focus{
    border-color: rgb(51 51 51) !important;
    background-color: rgb(255 255 255 / 50%) !important;
}

.view-project_developers .choices[data-type*=select-one] .choices__inner .choices__item,
.view-project_details .choices[data-type*=select-one] .choices__inner .choices__item{
    font-size: 12px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.view-project_developers .choices[data-type*=select-one] .choices__list--dropdown .choices__item,
.view-project_details .choices[data-type*=select-one] .choices__list--dropdown .choices__item{
    font-size: 12px;
}

/*.view-project_details #sp-component h1, .view-project_detailform #sp-component h1, .view-project_developers #sp-component h1, .view-project_developerform #sp-component h1 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px !important;
    margin-bottom: 30px;
    background: -webkit-linear-gradient(45deg, #bf9153, #f4cf7b, #fdf8cc);
    -webkit-background-clip: text;
    /*-webkit-text-fill-color:  transparent;*/
    /*color: transparent !important;
    width: fit-content;
}*/
@media (max-width:767px){
    .view-project_details #sp-component .sp-column{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .view-project_details #sp-component h1, .view-project_detailform #sp-component h1, .view-project_developers #sp-component h1, .view-project_developerform #sp-component h1 {
        font-size:28px !important;
    }
}

.view-project_detailform .form-horizontal .controls .btn-primary, 
.view-project_developerform .form-horizontal .controls .btn-primary {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    background: #36ab03 !important;
    padding: 10px 15px;
    color:#fff;
}
.view-project_detailform .form-horizontal .controls .btn-primary:hover, 
.view-project_developerform .form-horizontal .controls .btn-primary:hover,
.view-project_detailform .form-horizontal .controls .btn-primary:focus, 
.view-project_developerform .form-horizontal .controls .btn-primary:focus{
    background: #1e6300 !important;
    color:rgb(255 255 255 / 60%) !important;
}

.view-project_detailform .form-horizontal .controls .btn-danger, 
.view-project_developerform .form-horizontal .controls .btn-danger {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    padding: 10px 15px;
    background: #e30000 !important;
    transform: translate(5px, 0.5px);
}
.view-project_detailform .form-horizontal .controls .btn-danger:hover, 
.view-project_developerform .form-horizontal .controls .btn-danger:hover,
.view-project_detailform .form-horizontal .controls .btn-danger:focus, 
.view-project_developerform .form-horizontal .controls .btn-danger:focus{
    background: #a40000 !important;
    color:rgb(255 255 255 / 60%) !important;
}

button[aria-controls="projectdetail"], button[aria-controls="projectdeveloper"] {
    display: none !important;
}

.view-project_detail .fwre-property-title {
    font-family: 'Montserrat';
    font-weight: 700 !important;
    margin-bottom: 15px;
    background: -webkit-linear-gradient(45deg,#bf9153, #f4cf7b,#fdf8cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    width: fit-content;
    text-shadow: none !important;
    padding:0 15px;
    line-height:1.3;
}

.view-project_detail .fwre-big-image-wrapper img {
    width: 100%;
    height: auto;
}

.view-project_detail .slider.fwre-slider-nav img {
    cursor: pointer;
    border: 8px solid transparent;
    opacity: 0.5;
}

.view-project_detail .fwre-slider-nav .slick-track .slick-current img, .view-project_detail .fwre-slider-nav .slick-track img:hover {
    opacity: 1 !important;
}

.view-project_detail .fwre-slider-nav .slick-track {
    justify-content: flex-start !important;
}

.view-project_detail .slider.fwre-slider-nav .slick-current img {
    border-color: rgb(255 255 255 / 15%);
}

.view-project_detail .fwre-property-location .fwre-property-price {
    font-size: 32px;
    display: block;
    margin: 15px 0px 30px 0px !important;
    color: #fff;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 70%) !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    font-family: 'Montserrat';
}

.view-project_details #project_detailList td, .view-project_details #project_detailList th {
    color: #ffffff;
}
.view-project_details .btn-secondary:focus{
    color:#fff;
}
.view-project_detail .slick-list.draggable {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius:20px;
}

.view-project_detail ul.nav.nav-tabs.fwre-property-tabs {
    padding-top: 20px;
    border-bottom: 0;
}

.view-project_detail .slick-track{
    height:100%;
}

.view-project_detail .fwre-big-image-wrapper .slick-slider .slick-slide img {
    display: block;
    width: auto !important;
    height: 100% !important;
    margin: 0 auto;
}

.view-project_detail .row.fwre-property-specification .project-field-title {
    padding: 15px 15px 5px 15px;
    font-weight: 700;
    font-family: 'Montserrat';
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    max-width: 100%;
    height: 40px;
}

.view-project_detail .row.fwre-property-specification .project-field-description {
    padding: 0 15px 15px 15px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    max-width: 100%;
}

.view-project_detail table, .view-project_detail th, .view-project_detail td {
  border: 1px solid white;
}

.view-project_detail a.btn.btn-outline-primary {
    background: rgb(255 255 255) !important;
    color:#04093c !important;
    margin-top:15px;
}
.view-project_detail a.btn.btn-outline-primary:hover,
.view-project_detail a.btn.btn-outline-primary:focus{
    background: rgb(255 255 255 / 70%) !important;
    color:#04093c !important;
}
.view-project_detail .btn-danger{
    font-family: 'Montserrat' !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top:15px;
}
.view-project_detail .project-field-description a:hover{
    color:#4a7b8c;
}
.view-project_detail .fwcss .fwre-property-info .fwre-property-location .location{
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
}
.view-project_detail .fwcss .fwre-property-info .fwre-property-location .location i{
    width:fit-content;
}
.view-project_detail .social_whatsapp{
    display:flex;
    align-items:center;
    justify-content: right;
}
.view-project_detail .social_whatsapp .project-field-description{
    font-family: 'Montserrat' !important;
    padding-left:5px;
    font-size:16px;
    font-weight:700;
    transition:0.5s;
}
.view-project_detail .social_whatsapp i{
    transition:0.5s;
}
.view-project_detail .social_whatsapp:hover .project-field-description,
.view-project_detail .social_whatsapp:hover i{
    color:rgb(255 255 255 / 40%);
}
.view-project_detail .project-video{
    margin-top:30px;
}
.view-project_detail .project-video iframe {
    aspect-ratio: 16 / 9;
}
@media (max-width:991px){
    .view-project_detail .fwre-property-location .fwre-property-price{
        margin-bottom:0px !important;
    }
    .view-project_detail .fwre-property-social.row.whatsapp_number{
        margin-bottom:30px;
    }
}

/*Specification*/
.view-project_detail .fwre-property-section-header{
    font-family: 'Montserrat' !important;
}
.view-project_detail .fwre-property-specification .row{
    position:relative;
    align-content: flex-start;
}
.view-project_detail .fwre-property-specification .row.type {
    width:calc(25% - 15px);
    padding-left:50px;
    order:1;
    background:#4d5d7c;
    margin-left:15px;
    border-radius:15px 0 0 0;
}
.view-project_detail .fwre-property-specification .row.type:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/type.png");
    background-size:contain;
    width:25px;
    height:25px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.developer{
    width:calc(75% - 15px);
    padding-left:50px;
    order:2;
    background:#4d5d7c;
    margin-left:15px;
    border-radius:0 15px  0 0;
}
.view-project_detail .fwre-property-specification .row.developer:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/developer.png");
    background-size:contain;
    width:27px;
    height:27px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.complete_years {
    width:calc(25%);
    padding-left:50px;
    order:4;
    background:#4d5d7c;
    margin-left:15px;
    border-radius:0;
}
.view-project_detail .fwre-property-specification .row.complete_years:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/complete_years.png");
    background-size:contain;
    width:25px;
    height:25px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.site_area {
    width:calc(25% - 15px);
    padding-left:50px;
    order:3;
    background:#4d5d7c;
    margin-left:15px;
    border-radius:0 0 0 15px;
}
.view-project_detail .fwre-property-specification .row.site_area:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/site_area.png");
    background-size:contain;
    width:24px;
    height:24px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.project_tenure {
    width:calc(25%);
    padding-left:50px;
    order:5;
    background:#4d5d7c;
    margin-left:15px;
}
.view-project_detail .fwre-property-specification .row.project_tenure:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/tenure.png");
    background-size:contain;
    width:25px;
    height:25px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.total_units {
    width:calc(25% - 15px);
    padding-left:50px;
    order:6;
    background:#4d5d7c;
    margin-left:15px;
    margin-right:15px;
    border-radius:0 0 15px 0;
}
.view-project_detail .fwre-property-specification .row.total_units:before{
    content:'';
    position:absolute;
    top:50%;
    left:28px;
    transform:translate(0, -50%);
    background-image:url("/images/001-sam/dashboard/total_units.png");
    background-size:contain;
    width:28px;
    height:28px;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(154deg) brightness(105%) contrast(101%);
}
.view-project_detail .fwre-property-specification .row.project_tower {
    margin-top: 30px;
    order:7;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
    border-radius:15px 15px 0 0;
}
.view-project_detail .fwre-property-specification .row.components {
    order:8;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
}
.view-project_detail .fwre-property-specification .row.components table{
    width:100%;
}
.view-project_detail .fwre-property-specification .row.components table td:first-child{
    width:15%;
}
.view-project_detail .fwre-property-specification .row.units_per_level {
    order:9;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
}
.view-project_detail .fwre-property-specification .row.units_per_level table{
    width:100%;
}
.view-project_detail .fwre-property-specification .row.units_per_level table td:first-child{
    width:15%;
}
.view-project_detail .fwre-property-specification .row.unit_details {
    order:10;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
}
.view-project_detail .fwre-property-specification .row.unit_details table{
    width:100%;
}
.view-project_detail .fwre-property-specification .row.unit_details table td:first-child{
    width:15%;
}
.view-project_detail .fwre-property-specification .row.orientation {
    order:11;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
    border-radius:0 0 15px 15px;
}
.view-project_detail .fwre-property-specification .row.carpark {
    order:12;
    margin-top:30px;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
    border-radius:15px 15px 0 0;
}
.view-project_detail .fwre-property-specification .row.carpark table{
    width:100%;
}
.view-project_detail .fwre-property-specification .row.carpark table td:first-child{
    width:15%;
}
.view-project_detail .fwre-property-specification .row.carpark_level {
    order:13;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
    border-radius:0 0 15px 15px;
}
.view-project_detail .fwre-property-specification .row.facilities_level {
    order:14;
    margin-top:30px;
    background:#4d5d7c;
    width:calc(33.33%);
    margin-left:15px;
    border-radius:15px 0 0 0;
}
.view-project_detail .fwre-property-specification .row.total_lifts {
    order:15;
    margin-top:30px;
    background:#4d5d7c;
    width:calc(33.33%);
    border-radius:0;
}
.view-project_detail .fwre-property-specification .row.ceiling_heights {
    order:16;
    margin-top:30px;
    background:#4d5d7c;
    width:calc(33.33%);
    margin-left:15px;
    border-radius:0 15px 0 0;
}
.view-project_detail .fwre-property-specification .row.project_remarks{
    order:17;
    background:#4d5d7c;
    width:calc(100% - 30px);
    margin-left:15px;
    border-radius:0 0 15px 15px;
}
.view-project_detail .fwre-property-specification .row.main_fee{
    order:18;
    margin-top:30px;
    background:#4d5d7c;
    margin-left:15px;
    width:calc(50% - 15px);
    border-radius:15px 0 0 15px;
}
.view-project_detail .fwre-property-specification .row.bookingfee{
    order:19;
    margin-top:30px;
    background:#4d5d7c;
    margin-left:15px;
    width:calc(50% - 15px);
    border-radius:0 15px 15px 0;
}
.view-project_detail .fwre-property-specification .row.project_packages{
    order:20;
    padding-top:15px;
    background:#4d5d7c;
    margin-left:15px;
    width:calc(100% - 30px);
    border-radius:15px 15px 0 0;
    margin-top: 30px;
}
.view-project_detail .fwre-property-specification .row.cash_buyer_rebate{
    order:21;
    background:#4d5d7c;
    margin-left:15px;
    width:calc(100% - 30px);
    padding-bottom:15px;
    border-radius:0 0 15px 15px;
}
.view-project_detail .fwre-property-specification .row.cash_buyer_rebate table{
    width:100%;
}
.view-project_detail .fwre-property-specification .row.pdf{
    order:22;
    margin-top:30px;
    margin-bottom:15px;
    background:#4d5d7c;
    margin-left:15px;
    width:calc(100% - 30px);
    padding-bottom:15px;
    border-radius:15px;
}
.view-project_detail .fwre-property-specification .row.pdf .project-field-title{
    padding-bottom:0px;
}
.view-project_detail .fwre-property-specification .row.pdf .project-field-description .project-field-pdf-2{
    display:flex;
    flex-wrap:wrap;
}
.view-project_detail .fwre-property-specification .row.pdf .project-field-description .project-field-pdf-2 p{
    width:100%;
    margin-bottom:0;
    margin-top:10px;
}
.view-project_detail .fwre-property-specification .row.pdf .project-field-description>div a{
    padding:15px;
    background:rgb(0 0 0 / 10%);
    margin-right:10px;
    border-radius:10px;
    border:1px solid rgb(255 255 255 / 50%);
    color:#ffffff;
    transition:0.5s;
}
.view-project_detail .fwre-property-specification .row.pdf .project-field-description .project-field-pdf{
    padding:15px 0;
    margin-bottom:5px;
}

@media (max-width:1400px){
    .view-project_detail .fwre-property-specification .row.type {
        width:calc(50% - 15px);
        order:2;
        border-radius:0 0 0 0;
    }
    .view-project_detail .fwre-property-specification .row.developer{
        width:calc(100% - 30px);
        order:1;
        border-radius:15px 15px  0 0;
    }
    .view-project_detail .fwre-property-specification .row.complete_years {
        width:calc(50% - 15px);
        order:3;
        border-radius:0 0 0 0;
    }
    .view-project_detail .fwre-property-specification .row.site_area {
        width:calc(33.33%);
        padding-left:50px;
        order:4;
        border-radius:0 0 0 15px;
        margin-left:15px;
    }
    .view-project_detail .fwre-property-specification .row.project_tenure {
        width:calc(33.33% - 15px);
        order:5;
    }
    .view-project_detail .fwre-property-specification .row.total_units {
        width:calc(33.33% - 15px);
        order:6;
        border-radius:0 0 15px 0;
    }
    
}
@media (max-width:767px){
    .view-project_detail .fwre-property-specification .row.type {
        width:100%;
        order:1;
        border-radius:15px 15px 0 0;
        margin-left:0px;
    }
    .view-project_detail .fwre-property-specification .row.developer{
        width:100%;
        order:2;
        border-radius:0;
        margin-left:0px;
    }
    .view-project_detail .fwre-property-specification .row.complete_years {
        width:100%;
        order:3;
        border-radius:0;
        margin-left:0px;
    }
    .view-project_detail .fwre-property-specification .row.site_area {
        width:100%;
        order:4;
        margin-left:0px;
        border-radius:0;
    }
    .view-project_detail .fwre-property-specification .row.project_tenure {
        width:100%;
        order:5;
        margin-left:0px;
    }
    .view-project_detail .fwre-property-specification .row.total_units {
        width:100%;
        order:6;
        border-radius:0 0 15px 15px;
        margin-left:0px;
    }
    .view-project_detail .fwre-property-specification .row.project_tower{
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.unit_details{
        overflow:hidden;
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.unit_details .project-field-description{
        overflow-x:scroll;
    }
    .view-project_detail .fwre-property-specification .row.unit_details .project-field-description::-webkit-scrollbar{
        display:none;
    }
    .view-project_detail .fwre-property-specification .row.unit_details table{
        table-layout:fixed;
        width:700px;
    }
    .view-project_detail .fwre-property-specification .row.units_per_level{
        overflow:hidden;
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.units_per_level .project-field-description{
        overflow-x:scroll;
    }
    .view-project_detail .fwre-property-specification .row.units_per_level .project-field-description::-webkit-scrollbar{
        display:none;
    }
    .view-project_detail .fwre-property-specification .row.units_per_level table{
        table-layout:fixed;
        width:700px;
    }
    .view-project_detail .fwre-property-specification .row.components{
        overflow:hidden;
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.components .project-field-description{
        overflow-x:scroll;
    }
    .view-project_detail .fwre-property-specification .row.components .project-field-description::-webkit-scrollbar{
        display:none;
    }
    .view-project_detail .fwre-property-specification .row.components table{
        table-layout:fixed;
        width:700px;
    }
    .view-project_detail .fwre-property-specification .row.orientation{
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.carpark{
        overflow:hidden;
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.carpark .project-field-description{
        overflow-x:scroll;
    }
    .view-project_detail .fwre-property-specification .row.carpark .project-field-description::-webkit-scrollbar{
        display:none;
    }
    .view-project_detail .fwre-property-specification .row.carpark table{
        table-layout:fixed;
        width:700px;
    }
    .view-project_detail .fwre-property-specification .row.carpark_level{
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.facilities_level{
        margin-left:0;
        width:100%;
        border-radius:15px 15px 0 0;
    }
    .view-project_detail .fwre-property-specification .row.total_lifts{
        margin-left:0;
        width:100%;
        margin-top:0;
    }
    .view-project_detail .fwre-property-specification .row.ceiling_heights{
        margin-left:0;
        width:100%;
        margin-top:0;
        border-radius:0;
    }
    .view-project_detail .fwre-property-specification .row.project_remarks{
        margin-left:0;
        width:100%;
    }
    .view-project_detail .fwre-property-specification .row.main_fee{
        margin-top:30px;
        width:100%;
        margin-left:0px;
        border-radius:15px 15px 0 0;
    }
    .view-project_detail .fwre-property-specification .row.bookingfee{
        margin-top:0px;
        width:100%;
        margin-left:0px;
        border-radius:0 0 15px 15px;
    }
    .view-project_detail .fwre-property-specification .row.cash_buyer_rebate{
        overflow:hidden;
    }
    .view-project_detail .fwre-property-specification .row.cash_buyer_rebate .project-field-description{
        overflow-x:scroll;
    }
    .view-project_detail .fwre-property-specification .row.cash_buyer_rebate .project-field-description::-webkit-scrollbar{
        display:none;
    }
    .view-project_detail .fwre-property-specification .row.cash_buyer_rebate table{
        table-layout:fixed;
        width:700px;
    }
    .view-project_detail .fwre-property-specification .row.project_packages{
        margin-left:0px;
        width:calc(100%);
    }
    .view-project_detail .fwre-property-specification .row.cash_buyer_rebate{
        margin-left:0px;
        width:calc(100%);
    }
    .view-project_detail .fwre-property-specification .row.pdf{
        margin-left:0;
        width:100%;
    }
}
/*EO Specification*/

.view-project_detail .slideshow-slider.slick-initialized.slick-slider.slick-dotted, 
.view-project_detailform .slideshow-slider.slick-initialized.slick-slider.slick-dotted,
.view-project_developerform .slideshow-slider.slick-initialized.slick-slider.slick-dotted{
    display: none;
}
.view-project_detailform joomla-tab[view=tabs]>div[role=tablist]{
    border:0;
}
.view-project_detailform .fileColumn {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.view-project_detailform .fileColumn div span.image{
    top:5px !important;
    left:5px !important;
}
.view-project_detailform .fileColumn div img{
    aspect-ratio:1 / 1;
    object-fit:cover;
    width:100%;
}
.view-project_detailform .fileColumn div a{
    padding-left:18px;
    padding-right:10px;
    color:#004308;
}
.view-project_detailform .fileColumn div a:hover{
    color:#10841e;
}
.view-project_detailform button.btn.btn-success.fileButton {
    margin-top:10px;
}
.view-project_detailform #form-project_detail .control-group input,
.view-project_detailform #form-project_detail .control-group textarea{
    margin-left: 0px;
}
.view-project_detailform #form-project_detail .subform-repeatable-group{
    margin:10px 15px;
    width:calc(100% - 30px);
    box-shadow: none;
}
.view-project_detailform .subform-repeatable-group .btn-toolbar.text-end {
    justify-content:right;
}
.view-project_detailform .subform-repeatable-group .btn-toolbar.text-end .btn-group button{
    border-radius: .375rem !important;
    height:27px;
    width:27px;
    background:rgb(25 25 70 / 70%) !important;
    border:0 !important;
    transition:0.5s;
    padding:0;
    margin-bottom:-15px;
}
.view-project_detailform .subform-repeatable-group .btn-toolbar.text-end .btn-group button span{
    font-size:12px !important;
    transition:0.5s;
}
.view-project_detailform .subform-repeatable-group .btn-toolbar.text-end .btn-group button:hover{
    background:rgb(25 25 70 / 30%) !important;
}
.view-project_detailform .subform-repeatable-group .btn-toolbar.text-end .btn-group button:hover span{
    color:#fff;
    transition:0.5s;
}
.view-project_detailform .subform-repeatable-group .subform-repeatable-group{
    background: rgb(0 0 0 / 15%);
    /* border: 1px solid; */
}
.view-project_detailform .control-group .subform-repeatable-wrapper{
    border: 1px solid rgb(9 29 68 / 20%);
    background:#fff;
    border-radius: 10px;
    padding: 15px 15px 10px 15px;
    box-shadow:none;
}
.view-project_detailform .control-group .subform-repeatable-wrapper .subform-repeatable-wrapper{
    background: #ffffff;
    border:0;
} 
.view-project_detailform .control-group .form-label{
    margin-bottom:0;
    margin-top:20px;
}
@media (min-width:992px){
  .view-project_detail .fwcss .fwre-property-info .fwre-property-location {
      flex: 0 0 90% !important;
      max-width: 90% !important;
  }
  .view-project_detail .fwcss .fwre-property-info .fwre-property-social{
      flex: 0 0 10% !important;
      max-width: 10% !important;
  }
}


@media (min-width:992px) and (max-width:1200px){
    .view-project_developers .developer-cards .col-md-4.mb-4 {
        width:50% !important;
    }
}
@media (min-width:576px) and (max-width:767px){
    .view-project_developers .developer-cards .col-md-4.mb-4 {
        width:50% !important;
    }
}
@media (max-width:991px){
    .view-project_developers #sp-component .sp-column,
    .view-project_detail #sp-component .sp-column,
    .view-project_detailform #sp-component .sp-column{
        padding-left:15px !important;
        padding-right:15px !important;
        padding-top: 100px !important;
    }
    .view-project_developers .developer-name-card{
		font-size: 18px !important;
	}
}

/*COMM*/
.comm-title h2 {
    font-family: 'Montserrat';
    font-weight: 700 !important;
    margin-bottom: 15px;
    background: -webkit-linear-gradient(45deg,#bf9153, #f4cf7b,#fdf8cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    width: fit-content;
    text-shadow: none !important;
    padding:0 15px;
    line-height:1.3;
}
.comm-button.btn-primary, .comm-button.sppb-btn-primary {
    background: #198754;
    border:0;
    transition:0.5s;
}
.comm-button.btn-primary:hover, 
.comm-button.sppb-btn-primary:hover,
.comm-button.btn-primary:focus, 
.comm-button.sppb-btn-primary:focus{
    background: #0b5634;
    border:0;
}


/*EO project_list*/