body.site.com-portfolio.view-projects section#sp-main-body {
    padding: 80px 0px;
}
@media(max-width:991px){
body.site.com-portfolio.view-projects section#sp-main-body {
    padding: 30px 0px;
}}

.project-detail.card h1 {
    font-size: 30px;
    color: #6d6d6d;
    font-weight: 600;
    margin: 0px 0px 12px;
}

.project-location-container {
    color: rgb(0 67 165 / 85%);
    margin-bottom: 30px;
}

.thumbnail-row {
    padding-top: 15px;
    margin-top: 16px;
    border-top: 1px solid rgb(0 67 165 / 85%);
    overflow: auto;
    white-space: nowrap;
}

img.demo.cursor {
    padding-right: 10px;
}

.project-description {
     border-top: 1px solid rgb(0 67 165 / 85%);
}

ul.project-detail-list {
    padding-left: 8px;
    list-style-type: none;
    margin-bottom: 30px;
}

.thumbnail-row .column {
    padding: 5px;
}


.project-description h3, .project-info h3, .client_testimonial h3, .unit_available h3, .location_map h3, .site_plan h3,  .floor_plan h3{
    font-size: 20px;
    text-transform: capitalize;
    color: #3b0a0a;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 30px;
    position: relative;
}

.card-body h3 {
    position: relative;
}

.card-body h3:before {
      position:absolute;
      content:'';
      width: 50px;
      height: 3px;
      margin: auto;
      bottom: -12px;
      background: rgb(0 67 165 / 85%);
      left:0px;
}

/**project list**/
.project-detail-list i {
    padding-right: 15px;
    color: #4f0c0c;
}

.project.card {
    box-shadow: 3px 3px 6px #d6d6d6ad;
    background: #fff;
  	height: 100%;
}
.card-body {
    padding: 10px;
}
img.card-img-top {
    object-fit: cover;
    max-height: 220px !important;
    margin-top: 0px;
    height: 197px !important;
    display: flex;
    align-items: center;
    width: 102% !important;
}

.project.card p.card-title {
    color: #3d0707;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.project.card p.card-location {
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
    font-size: 13px;
}

.project.card.project.card i {
    color: rgb(0 67 165 / 85%);
}

.project.card p.card-category {
    font-size: 12px;
    color: rgb(0 67 165 / 85%);
}

.project.card p.card-title:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    left: 0px;
    bottom: -6px;
    background: rgb(0 67 165 / 85%);
    margin-bottom: 0px;
    transition: 0.3s;
}

@media(min-width:1190px){
.projects .row {
    display: flex;
    flex-wrap: wrap;
  }}
  
.projects .row>div {
    margin-bottom: 20px;
}

.thumbnail-row::-webkit-scrollbar {
    height: 6px;
}

.thumbnail-row::-webkit-scrollbar-track {
  background: #e5e5e5; /* color of the tracking area */
}
.thumbnail-row::-webkit-scrollbar-thumb {
	background: rgb(38 95 178); /* color of the scroll thumb */
	border-radius: 20px; /* roundness of the scroll thumb */
}

.thumbnail-row::-webkit-scrollbar-thumb:hover{
	background: rgb(19 62 125); /* color of the scroll thumb */
}


.thumbnail-row {
  cursor:pointer
}

img.thumbnail_img {
	aspect-ratio: 1 / 1 !important;
	object-fit:cover;
	height:190px;
	width:190px;
}

@media (max-width:767px){
	img.thumbnail_img{
		height:120px;
		width:120px;
	}
}
/**filter*/
.js-stools .js-stools-container-filters select.active, .js-stools .js-stools-container-filters .chzn-container.active .chzn-single {
    border: 2px solid #ff5b5b3b;
}

.project-list-filter label {
      display: none;
    border-bottom: 3px solid #ce1c1c;
    color: #8e8e8e;
    padding-right: 2px;
    margin-right: 20px;
}

.project-list-filter button.btn.hasTooltip.js-stools-btn-filter {
    padding: 0px 30px;
    font-size: 14px;
    height: 34px;
    transition: 0.3s;
    background: transparent;
    color: #6d1717cf;
    border: 1px solid #000;
}

.project-list-filter button.btn.hasTooltip.js-stools-btn-filter:hover {
  opacity:40%;
}

.project-list-filter {
    margin-bottom: 40px ;
}
  
@media(max-width:991px){
.project-list-filter {
    margin-bottom: 30px;
}}
  
button.btn.hasTooltip.js-stools-btn-clear {
    padding: 2px 29px;
    height: 33px;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    color: #6e6e6e;
    border: 1px solid #bdbdbd;
}

button.btn.hasTooltip.js-stools-btn-clear:hover {
    opacity: 40%;
}

.btn:active:focus, .btn:focus {
    outline: none;
}

.input-append .btn.hasTooltip {
    background: #f6f6f6;
    border: 1px solid #000;
    height: 34px !important;
    color: #d63838;
    padding: 6px 13px;
}

.project-list-filter input#filter_search {
    border: 1px solid #000;
    border-right: 0px;
}

@media(max-width:561px){
.project-list-filter input#filter_search {
    border: 1px solid #000;
    width: 77%;
    border-right: 0px;
}}

/**projectslider**/
.slide-fade{
	animation-name: slide-fade;
    animation-duration: 1.5s;
}

.project-detail.card button.btn.btn-primary {
    border-radius: 10px;
    background: transparent;
    border: 1px solid #910d0d;
    color: #910d0d;
}

@keyframes slide-fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* Position the image container (needed to position the left and right arrows) */
.gallery-container {
  position: relative;
  max-width: 100%;
  margin: 0px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  padding: 16px;
  color: white;
  background:rgb(0 67 165 / 85%);
  font-size: 14px;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.thumbnail-row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
    display: inline-block;
    vertical-align:top;
    width: 200px;
    white-space:normal;
}
@media (max-width:767px){
	.column {
	    width: 140px;
	}
}

a.prev:hover {
    color: #ffffffa1;
    background: #2c2c2c99;
}

.next:hover {
        color: #ffffffa1;
    background: #2c2c2c99;
}

table {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0px 15px !important;
}

.project-detail-table tbody tr:first-child {
    border: 1px solid rgb(0 67 165 / 85%) !important;
    background: rgb(0 67 165 / 85%);
    color: #fff;
    vertical-align: middle;
    height: 50px;
}

.project-detail-table tbody tr:nth-child(even), .units_available .unit_type {
    background: #efefef;
    color: #000;
}

.project-detail-table th, .project-detail-table td, .units_available th, .units_available td, .sold_unsold_unit th, .sold_unsold_unit td {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 20px 15px !important;
}

.project-detail.card {
    padding: 10px;
	border: none;
}

.gallery-container {
    margin: 0 auto;
    overflow: hidden;
}

.gallery-images {
    display: flex;
    transition: transform 0.3s ease;
}

.gallery-image {
    flex: 0 0 100%;
}

.gallery-image .gallery-slide {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-slide img {
    max-width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.prev {
	left: 20px;
}

.next {
	right: 20px;
}

.prev, .next {
    position: absolute;
    top: calc(50% - 170px);
    margin:auto;
    height:50px;
    color: white;
    font-weight: bold;
    background-color: rgb(0 67 165 / 85%);
}
@media (max-width:767px){
	.prev, .next {
	    top: calc(50% - 100px);
	}
	.prev:hover, .next:hover{
		color: white;
		background-color: rgb(0 67 165 / 85%);
	}
}
img.location_map_img {
    max-height: 600px;
}

/* filter */
.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {
  display: none;
}

.js-stools-container-bar {
    padding: 0 5px;
}

.js-stools-container-bar .btn-toolbar {
    display: block; margin-bottom:20px;
}

.js-stools-container-bar .ordering-select {
    margin-inline-end: 0;
    display: inline-block;
    float: right;
}

.js-stools-container-filters .js-stools-field-filter {
    display: inline-block;
}

.js-stools-container-filters {
    padding: 0;
    grid-gap: 0;
    flex-wrap: wrap;
}

.js-stools-container-filters-visible {
    display: flex !important;
}

.js-stools-container-filters .js-stools-field-filter select {
    width: 100%;
    padding: 0px 20px;
    border-radius: 4px;
}

.js-stools-field-filter {
	margin-inline-end: 0;
	margin: 0;
	padding: 5px;
}


@media (max-width: 991px) {
.js-stools-container-bar .ordering-select {float: none;} 
.js-stools-container-filters-visible {display: grid;}
.js-stools-container-filters .js-stools-field-filter {width: 50%;}
}

button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
    border-radius: 5px;
}


/**/

/* module */
.mod_portfolio {
    width: 50%;
}

.mod_portfolio_listing {
    display: flex;
    overflow: auto;
}

.mod_portfolio_name {
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    color: white;
}

.mod_portfolio_title {
    position: absolute;
    left: -80px;
    z-index: 1;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    display: block;
    height: 100 %;
    color: white;
    text-transform: uppercase;
    float: right;
    background: #1f1f1f;
    padding-top: 20px !important;
    color: #fff;
    letter-spacing: 5px;
}

.sold_unsold_unit {
    margin-top: 20px;
}


/* .floor_plan .floor_plan_container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; 
} 

.floor_plan .floor_plan_item {
    flex: 0 1 calc(50% - 10px); 
}

/*.floor_plan .floor_plan_item img {
    width: 100%;
    height: auto;
}*/

/* .floor_plan .floor_plan_item img {
    max-width: 80%;
    height: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
} */

.floor_plan_container {
    display: flex;
    flex-wrap: wrap; 
    gap: 5px;
}

.floor_plan_item {
    flex: 1 1 45%; 
    width: 45%; 
}

.floor_plan_item img {
    width: 100%; 
    height: auto;
}

@media (max-width: 768px) {
    .floor_plan_item {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .js-stools-container-filters .js-stools-field-filter {width: 100%;}
}