/* ===================================================================== #PROPERTY DETAILS ===================================================================== */



.prop-det-top-outer { display: block; }

.prop-det-top-flex { display: flex; height: 800px;}

.prop-det-top-left {flex: 1.8;background-position: center;background-size: cover;position: relative;}


#gallery  {display: none;}

.prop-det-top-left .prop-det-slider { position: absolute; top: 0; left:0; right: 0; bottom: 0; height: 800px; }
.prop-det-top-left .prop-det-slider .slide { height: 800px; background-position: center; background-size: cover; }

.prop-det-top-left .strapline{position: absolute;top: 30px;right: 30px;background-color: var(--color-secondry--80);padding: 10px 10px 8px;font-size: 1.8rem;color: var(--color-primary--100);font-weight: 600;font-family: var(--font-title);text-transform: uppercase;z-index: 5;}

.prop-det-top-left .count{position: absolute;bottom: 30px;right: 30px;z-index: 9;background: var(--color-primary--100);font-size: 1.8rem;padding: 10px;color: #ffffff;font-family: var(--font-title);display: flex;align-items: center;gap: 10px;cursor: pointer;}

.prop-det-top-left .count i{font-size: 1.8rem;position: relative;}


/* Owl Nav */
.owl-carousel.prop-det-slider .owl-nav button { position: absolute; font-size: 6rem; color: #fff; top: calc(50% - 6rem); }

.owl-carousel.prop-det-slider .owl-nav button.owl-prev { left: 10px; }

.owl-carousel.prop-det-slider .owl-nav button.owl-next { right: 10px; }


/* Owl Dots */
.owl-carousel.prop-det-slider .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; }

.owl-carousel.prop-det-slider .owl-dots .owl-dot { height: 10px; width: 10px; background: #eee; margin: 0 3px; border-radius: 50px; }

.owl-carousel.prop-det-slider .owl-dots .owl-dot.active { background: #e20b0a; }




.prop-det-top-right {flex: 1.2;padding: 50px 30px 30px;display: flex;flex-direction: column;justify-content: center;background: #fff;gap: 15px;position: relative;}

.prop-det-back {position: absolute;top: 30px;left: 30px;}
.prop-det-back a {font-size: 1.6rem;display: inline-block;color: var(--color-primary--100);background: transparent;text-transform: capitalize;text-decoration: none;font-family: var(--font-title);font-weight: 400;}
.prop-det-back a i {padding-right: 2px;}

@media(max-width:1000px){
    .prop-det-back{ position: relative; top: initial; left: initial; margin-bottom: 10px;}
}

.prop-det-status-outer { } 
.prop-det-status-outer .sale-agr {position: relative;display: inline-block;bottom: initial;left: inherit;}
.prop-det-status-outer .sale-agr img { max-height: 22px;}


.prop-det-address-one {text-wrap: balance;font-size: 4.4rem;}
.prop-det-address-two {font-family: var(--font-body);font-size: 2rem;font-weight: 400;font-style: normal;line-height: 3rem;}


.prop-det-price-outer {display: flex;flex-direction: column;align-items: baseline;width: auto;padding-bottom: 15px;font-family: var(--font-title);gap: 5px;margin-top: 10px;}
.prop-det-price-text {font-size: 1.8rem;color: var(--color-primary--80);font-weight: 400;display: flex;align-items: center;font-family: var(--font-body);font-style: italic;}
.prop-det-price-amount {font-size: 3.8rem;font-weight: 600;display: flex;align-items: baseline;color: var(--color-primary--100);}

.prop-det-price-amount .vat{font-size: 2rem;color: var(--color-primary--80);font-weight: 400;margin-left: 10px;font-family: var(--font-body);font-style: italic;}

.prop-det-price-outer.for-sale .prop-det-price-text {background: var(--forsale-teal);}
.prop-det-price-outer.for-sale .prop-det-price-amount {background: var(--forsale-teal-hover);}

.prop-det-price-outer.sale-agreed .prop-det-price-text, .prop-det-price-outer.sold .prop-det-price-text {background: var(--sold-purple);}
.prop-det-price-outer.sale-agreed .prop-det-price-amount, .prop-det-price-outer.sold .prop-det-price-amount {background: var(--sold-purple-hover);}

.prop-det-price-outer.let .prop-det-price-text, .prop-det-price-outer.let-agreed .prop-det-price-text  {background: var(--letby-orange);}
.prop-det-price-outer.let .prop-det-price-amount, .prop-det-price-outer.let-agreed .prop-det-price-amount {background: var(--letby-orange-hover);}

.prop-det-price-outer.for-rent .prop-det-price-text {background: var(--tolet-pink);}
.prop-det-price-outer.for-rent .prop-det-price-amount {background: var(--tolet-pink-hover);}

.prop-det-info {display: inline-block;width: 100%;padding: 0;}

.prop-det-info .prop-det-info-row {display: flex;justify-content: space-between;font-size: 1.6rem;padding: 12px 0;border-bottom: 1px solid rgb(0 0 0 / 10%);position: relative;font-family: var(--font-body);text-decoration: none;color: var(--color-secondry--20);}
.prop-det-info .prop-det-info-row:last-of-type { border: none; }
.prop-det-info .prop-det-info-row .prop-det-info-left {font-weight: 400;text-align: left;font-style: italic;}
.prop-det-info .prop-det-info-row .prop-det-info-right {text-align: right;font-weight: 400;color: var(--color-primary--100);}
.prop-det-info .prop-det-info-row .prop-det-info-right.prop-det-info-right--status { background: var(--primary-color); padding: 2px 5px; color:#fff;}


.prop-det-info .prop-det-info-row .prop-det-info-right a {text-decoration: none;color: var(--color-primary--100);}

.prop-det-info .prop-det-info-row .prop-det-info-right.broadband { display: flex; gap: 10px; }

.prop-det-info .prop-det-info-row .prop-det-info-right.broadband .fa-arrow-down { color: green; }
.prop-det-info .prop-det-info-row .prop-det-info-right.broadband .fa-arrow-up { color: #e20b0a; }

.prop-det-info .prop-det-info-row.for-sale .prop-det-info-right {background: var(--forsale-teal);}
.prop-det-info .prop-det-info-row.sale-agreed .prop-det-info-right, .prop-det-info .prop-det-info-row.sold .prop-det-info-right {background: var(--sold-purple);}
.prop-det-info .prop-det-info-row.let .prop-det-info-right, .prop-det-info .prop-det-info-row.let-agreed .prop-det-info-right {background: var(--letby-orange);}
.prop-det-info .prop-det-info-row.for-rent .prop-det-info-right {background: var(--tolet-pink);}


.prop-det-top-right .partner {display: inline-flex;padding: 5px 10px;border: 1px solid #ccc;border-radius: 10px;font-size: 1.4rem;gap: 3px;color: var(--color-secondry--40);margin-bottom: 10px;text-decoration: none;}

.prop-det-info-row--flex { display: flex; gap: 20px; }
.prop-address-info { flex: 1; }

.prop-partner-logo { margin-left: auto; position: relative; }  
.prop-partner-logo .img{width: 75px; height: 75px; border: 1px solid #eee; border-radius: 5px;}
.prop-partner-logo .img img { width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: 5px;}

.prop-partner-logo .provider-tip {position: absolute;background: var(--color-secondry--40);padding: 8px 10px;width: 140px;left: -140px;bottom: calc(50% - 14px);border-radius: 5px;text-align: center;font-size: 1.2rem;color: #fff;transition: all .3s ease-in-out;opacity: 0;visibility: hidden;}
.prop-partner-logo .provider-tip::before {content: "";position: absolute;right: -22px;transform: translateX(-50%);border-width: 8px;border-style: solid;top: calc(50% - 8px);bottom: auto;border-color: transparent transparent transparent var(--color-secondry--40);}

.prop-partner-logo:hover .provider-tip {visibility: visible;opacity: 1;left: -150px;}



.icons2{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.icons2 span{
	color: var(--primary-color);
	padding-right: 6px;
	font-size: 1.6rem;
} 
 

.icons2 li {
    color: #666;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    }

    .icons2 li a {color: var(--main-green);padding-left: 3px;}


.prop-det-synopsis {font-size: 1.5rem;margin: 20px 0 30px;display: inline-block;line-height: 1.8;}

.prop-det-buttons a i { padding-right: 5px; }


/* Mobile Styles */

.prop-top-mobile { background: #fff; display: none; }
.prop-top-mobile-flex { display: flex; flex-direction: column; align-items: center; padding-top: 20px; text-align: center; }
 
.prop-info-mobile { display: none; }

.shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}
.slick-arrow.dark svg { color: #000!important;}


@media(min-width:1501px) {
.prop-det-top-flex, #gallery, #gallery .slick-slide{ height:calc(100vw / 2.2);}
}


@media(min-width:1001px) and (max-width:1500px) {
.prop-det-top-flex, #gallery, #gallery .slick-slide{ height:calc(100vw / 2);}
}

@media(min-width:1001px) and (max-width:1280px) {
  .prop-det-top-right {overflow: hidden;overflow-y: scroll;justify-content: flex-start;gap: 12px;padding-top: 80px;}
  .prop-det-address-one {font-size: 3.4rem;line-height: 3.8rem;}
  .prop-det-address-two {font-size: 1.6rem;line-height: 2.7rem;}
  .prop-det-info .prop-det-info-row {font-size: 1.5rem;padding: 8px 0;}
  .prop-det-price-text {font-size: 1.6rem;}
  .prop-det-price-amount {font-size: 2.8rem;}
  .prop-det-price-amount .vat { font-size: 1.6rem;}
  .prop-det-top-flex, #gallery, #gallery .slick-slide { min-height: 700px;}
  .prop-det-info { padding-right: 0px;}
}

@media(min-width:1001px) and (max-width:1080px) {
  .prop-det-top-flex, #gallery, #gallery .slick-slide { min-height: 660px;}

}

@media(max-width:1000px) {
  .prop-det-info { padding: 0;}
  .prop-det-top-flex {display: block;width: 100%;height: auto;max-height: max-content;}
  .prop-det-top-left .prop-det-slider { position: static; top: initial; left: initial; right: initial; bottom: initial; height: auto; }
  .prop-det-top-left .prop-det-slider .slide { height: 100%; }
  
  #gallery, #gallery .slick-slide{ height:calc(100vw / 1.4);}

  .prop-det-top-left .strapline{ bottom: 30px; right: initial; top: initial; left: 25px; font-size: 1.6rem;}
  .prop-det-top-left .count{ right: 25px; font-size: 1.6rem;}
  .prop-det-top-left .count i { font-size: 1.6rem;}

  .prop-det-top-left .partner-logo{top: 25px;left: 25px;width: 60px; height: 60px;}


}

@media(max-width:800px) {
 
    .prop-det-price-amount {font-size: 3.4rem;}
    .prop-det-address-one {font-size: 3.8rem;line-height: 4.2rem;}
    .prop-det-address-two {font-size: 1.8rem;line-height: 2.6rem;}
    .prop-det-price-outer{ border-bottom: 0px; padding-bottom: 10px;}

}

@media(max-width:667px) {
    .prop-det-top-left .partner-logo { width: 50px; height: 50px;}

    .prop-partner-logo .img{width: 70px; height: 70px; }

    .prop-partner-logo .provider-tip { display: none!important;}


    .prop-det-info .prop-det-info-row {font-size: 1.5rem;padding: 12px 0;font-size: 1.4rem;}
    .prop-det-top-right {padding: 25px 25px; gap: 15px;}

    .prop-det-address-one {font-size: 3.4rem;line-height: 3.8rem;}
    .prop-det-address-two {font-size: 1.6rem;line-height: 2.4rem;}
    .prop-det-price-text {font-size: 1.6rem;}
    .prop-det-price-amount {font-size: 2.6rem;}
    .prop-det-price-amount .vat{ font-size: 1.6rem;}
    .prop-det-back a {font-size: 1.5rem;}
      .prop-det-top-left .strapline{font-size: 1.3rem;}
      .prop-det-top-left .count { font-size: 1.5rem; padding: 8px;}
      .prop-det-top-left .count i { font-size: 1.4rem;}

}

@media(max-width:480px) {
.prop-det-address-one { font-size: 3rem; line-height: 3rem; margin-bottom: 2px;}
 .prop-partner-logo .img{width: 60px; height: 60px; }


}




/* CTA BAR */

.prop-cta-bar {background-color: var(--primary-color);padding: 0px 0;}

.prop-cta-bar-flex { display: flex; justify-content: center; flex-wrap: wrap; }

.prop-cta-bar a {position: relative;color: #fff;font-size: 1.5rem;padding: 18px 15px;transition: all ease-in-out 200ms;cursor: pointer;font-weight: 400;}

.prop-cta-bar a::after {position: absolute;content: "";background: var(--secondary-color-hover);width: 1px;height: 30px;right: 0%;top: calc(50% - 15px);}
.prop-cta-bar a.rent {}
 
.prop-cta-bar a:last-of-type::after, .prop-cta-bar a.rent::after { display: none; }

.prop-cta-bar a:hover {background: var(--primary-color-hover);}
.prop-cta-bar a.rent:hover { background: var(--secondary-brand-dark);}

.prop-cta-bar a i {color: var(--main-green);margin-right: 4px;font-size: 1.5rem;}
.prop-cta-bar a i.fa-arrow-right-long  {display: none; color: #fff;}



@media(max-width:667px) {

  .prop-cta-bar {padding: 0 0 0px 0;}
  .prop-cta-bar-flex {flex-direction: column;justify-content: start;}
  .prop-cta-bar a {font-size: 1.4rem;border-bottom: 1px solid rgba(255, 255, 255, 0.068);}
  .prop-cta-bar a:last-of-type { border-bottom: none;}
  .prop-cta-bar a::after { display: none;}
  .prop-cta-bar a i.fa-arrow-right-long { display: block; float: right;}

}




/* PROP AGENT */

.prop-agent {display: inline-block;width: 100%;background: rgb(255 255 255);margin-bottom: 40px;}

/* .prop-agent:first-of-type { margin-bottom: 0; } */
/* .prop-agent:last-of-type { margin-bottom: 0; } */

.prop-agent-flex {display: flex;flex-direction: column-reverse;}


.prop-agent .prop-agent-left {width: 100%;padding: 25px;display: flex;flex-direction: column;align-items: center;}

.prop-agent .prop-agent-text {display: inline-block;width:100%;font-weight: 500;font-size: 1.4rem;color: #666;margin-bottom: 10px;line-height: 1.8rem;font-weight: 400;text-align: center;}
.prop-agent .prop-agent-name {display: inline-block;width:100%;font-weight: 500;font-size: 2rem;color: var(--primary-color);text-transform: capitalize;margin-bottom: 10px;text-align: center;}

.prop-agent .prop-agent-location {display: inline-block;width:100%;font-weight: 500;font-size: 2rem;margin-bottom: 8px;}

.prop-agent .prop-agent-number {display: inline-block;width:100%;font-weight: 700;font-size: 2.8rem;color: var(--primary-color);margin-top: 5px;margin-bottom: 15px;}

.prop-agent .prop-agent-email {display: inline-block;width: 100%;font-size: 1.4rem;margin-top: 8px;color: #666;word-break: break-word;}


.prop-agent .prop-agent-right {width: 100%;position: relative;}

.prop-agent .prop-agent-image {width: 100%;height: 100%;object-fit: cover;object-position: center;float: left;}



.prop-det-right-cta {margin-top: 20px;display: flex;gap: 15px;flex-direction: column;text-align: center;}
.prop-det-right-cta a {}


.prop-det-features {padding: 20px;background-color: var(--color-secondry--100);border-radius: 10px;margin: 10px 0;}
.prop-det-features h3 {font-size: 2.6rem;line-height: normal;}
.prop-det-features ul {display: inline-flex;gap: 12px;width: 100%;margin-top: 15px;flex-wrap: wrap;}
.prop-det-features ul li {font-size: 1.5rem;position: relative;display: flex;/* align-items: center; */padding-left: 25px;padding-right: 10px;width: calc(50% - 6px);text-wrap-style: pretty;line-height: 1.8rem;}
.prop-det-features ul li::before {position: absolute;font-family: "Font Awesome 6 Free";content: "\f00c";left: 0;color: var(--color-secondry--40);font-size: 1.8rem;}


@media(min-width:1001px) and (max-width: 1280px){
  .prop-det-features h3 { font-size: 2rem;}
  .prop-det-features ul {gap: 8px;}
  .prop-det-features ul li {width: auto;}
}

@media(max-width:667px) {
  .prop-agent-flex { flex-direction: column-reverse;}
  .prop-agent .prop-agent-left, .prop-agent .prop-agent-right { width: 100%;}
  .prop-agent .prop-agent-number { margin-top: 0px; margin-bottom: 20px; font-size: 2.4rem;}
  
  .prop-det-features { padding: 15px;}
  .prop-det-features h3 { font-size: 2rem;}
  .prop-det-features ul{gap: 13px;}
  .prop-det-features ul li {width: 100%;font-size: 1.5rem;}
  .prop-det-features ul li::before{ font-size: 1.6rem;}
  

}


/* PROP MAIN DETAILS */

.prop-det-main {margin: 40px 0;}

.prop-det-main-flex {display: flex;gap: 25px;background: #fff;}

.prop-det-main-left {flex: 1;background: #fff;/* padding: 25px; */}

.prop-det-main-block {display: inline-block;width: 100%;position: relative;line-height: 1.9;z-index: 1;}

.prop-det-main-left .prop-det-main-block {margin-bottom: 40px;background: #f4f4f4;padding: 25px 25px 35px;}

.prop-det-main-block.prop-det-main-block--small {max-height: 550px;overflow: hidden;}
.prop-det-main-block.prop-det-main-block--small::before {
    position: absolute;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 89%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 89%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#f4f4f4 65%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );
    opacity: 1;
    width: 100%; 
    height: 133px;
    bottom: 0px;
    left: 0;
    z-index: 1;
    }

    .prop-det-main-block.prop-det-main-block--small:last-of-type { margin-bottom: 0px;}

.prop-det-main-block .prop-det-title, .prop-det-title {font-weight: 500;font-size: 2.4rem;margin-bottom: 30px; }
.prop-det-main-block .prop-det-text {font-size: 1.5rem;color: var(--primary-color);line-height: 3rem;font-weight: 400;}
.prop-det-main-block .prop-det-text strong { font-weight: 600;}


.prop-det-main-block .prop-det-text ul {display: flex;flex-direction: column;gap: 2px;width: 100%;position: relative;}
.prop-det-main-block .prop-det-text li {display: flex;gap: 10px;padding-left: 15px;position: relative;}
.prop-det-main-block .prop-det-text li::before {content: "";width: 7px;height: 7px;background: #fff;border-radius: 50%;display: flex;position: absolute;left: 0;top: 12px;border: 1px solid #000;}

.prop-det-main-block .prop-det-feats {display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;}
.prop-det-main-block .prop-det-feats .feat {width: calc(50% - 10px);float: left;font-size: 1.5rem;color: var(--primary-color);display: flex;align-items: baseline;line-height: 2.4rem;font-weight: 400;}
.prop-det-main-block .prop-det-feats .feat:nth-of-type(2n) { margin-right: 0px; }
.prop-det-main-block .prop-det-feats .feat i {color: var(--forsale-teal);margin-right: 10px;font-size: 2.4rem;position: relative;top: 3px;}



.prop-det-main-block .prop-det-rooms .room-row {display: flex;font-size: 1.5rem;color: var(--primary-color);padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.prop-det-main-block .prop-det-rooms .room-name {width: 200px;padding-right: 15px;font-weight: 500;color: var(--primary-color);font-size: 1.4rem;line-height: 2.4rem;display: grid;align-content: flex-start;}
.prop-det-main-block .prop-det-rooms .room-name span  {font-size: 1.4rem; font-weight: 400; font-style: italic; }
.prop-det-main-block .prop-det-rooms .room-desc { flex: 1; }

.prop-det-main-block .prop-det-rooms.rental .room-row{ flex-direction: column;}
.prop-det-main-block .prop-det-rooms.rental .room-row  .room-name{ width: 100%; }


.block-readmore {display: flex;text-align: center;flex-direction: column;width: 100%;margin: 0 auto;position: absolute;bottom: 10px;z-index: 9;left: 0;cursor: pointer;justify-content: center;align-items: center;}
.block-readmore .block-readmore-text {font-size: 1.6rem;font-weight: 400;display: flex;align-items: center;color: var(--primary-color);text-transform: capitalize;margin-bottom: -5px;}
.block-readmore .block-readmore-icon {font-size: 2rem;color: var(--main-green);line-height: 1;}



.prop-det-main-right {width: 500px;position: relative;will-change: min-height;}


.prop-det-right-fix { transform: translate(0, 0);transform: translate3d(0, 0, 0);will-change: position, transform;}




@media(max-width:1120px) {

  .prop-det-main { padding: 0 30px;}
  .prop-det-main-flex { flex-direction: column; }

  .prop-det-main-right { width: 100%; height: auto!important; }

  .prop-det-right-fix { position: static!important; transform: none!important; width: 100%!important; }

}

@media(max-width:800px) {
  .prop-det-main-block .prop-det-title, .prop-det-title { font-size: 2.2rem;}


}

@media(max-width:667px) {

  
  .prop-det-main { padding: 0 15px;}

  .prop-det-main-block .prop-det-title, .prop-det-title {font-size: 2.2rem;margin-bottom: 20px;}

  .prop-det-main-block .prop-det-feats{  gap: 5px;}
  .prop-det-main-block .prop-det-feats .feat {width: 100%;margin-right: 0;font-size: 1.4rem;}
  .prop-det-main-block .prop-det-feats .feat i { font-size: 1.8rem;}
  .prop-det-main-block .prop-det-rooms .room-row {flex-direction: column;font-size: 1.4rem;line-height: 2.4rem;}
  .prop-det-main-block .prop-det-rooms .room-name { width: 100%; margin-bottom: 10px; }
  .prop-det-main-block .prop-det-rooms .room-desc { width: 100%; }

  .prop-det-main-block .prop-det-text {font-size: 1.4rem;line-height: 2.6rem;}
  

}

@media(max-width:480px) {
.prop-det-main-block .prop-det-title, .prop-det-title  {font-size: 2rem;}

}


/* PROP VIRTUAL TOUR */

.prop-det-virtual {padding: 40px 15px;}

.virtual-iframe-outer { position: relative; float: left; display: block; width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: calc(56.25% / 2); }

.virtual-iframe-outer:nth-of-type(2n) { margin-right: 0px; }

.virtual-iframe-outer:nth-of-type(2n+1) { clear: both; }

.virtual-iframe-outer::before { display: block; content: ""; }

.virtual-iframe-outer iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }


@media(max-width:950px) {
  
  .virtual-iframe-outer { width: calc(100%); padding-bottom: calc(56.25%); margin-right: 0; }

}







/* PROP LOCATION */

.prop-det-location-outer {}
.prop-det-location {background: #fff;margin-bottom: 50px;}


@media(max-width:1120px) {
  .prop-det-location { padding: 0 30px;}
}

@media(max-width:667px) {
  .prop-det-location { padding: 0 15px;}
}

/* PROP MORTGAGE */

.prop-det-mortgage-outer {padding: 60px 0;background: #f4f4f4;background-size: cover;background-position: center;position: relative;background-attachment: fixed;}
.prop-det-mortgage-outer::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: rgb(0 0 0 / 50%); */}
.prop-det-mortgage-outer .mortgage-calculator { position: relative;}

.prop-det-mortgage-outer .prop-det-title{
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 40px;
}
.prop-det-mortgage { padding: 20px; background: #fff; }

.prop-det-mortgage-flex { display: flex; width: 100%; gap: 15px; align-items: center; }

.prop-det-mortgage-flex .m-form-group { flex: 1; }
.prop-det-mortgage-flex .m-form-group:last-of-type { flex: 1.5; }



.prop-det-mortgage-title { display: inline-block; width: 100%; text-align: center; font-size: 1.3rem; font-weight: 500; margin-bottom: 5px;  }
.prop-det-mortgage-repayment { border: none; border: 1px solid rgb(230, 230, 230); border-radius: 0; background: none; display: block; font-family: inherit; font-size: inherit; height: auto; line-height: 1.5; padding: 10px 0; transition: border-color 0.25s, box-shadow 0.25s; width: 100%; min-height: 47px; -webkit-appearance: none; font-size: 1.5rem;  text-align: center; }
.prop-det-mortgage-link { display: inline-block; width: 100%; text-align: center; font-size: 1.3rem; font-weight: 500; margin-top: 5px;  color: var(--primary-brand-color); text-decoration: underline; }
 

@media(max-width:1000px) { 
  .prop-det-mortgage-outer { padding: 40px 0;}
  .prop-det-mortgage-flex { gap: 0; flex-wrap: wrap; }
  .prop-det-mortgage-flex .m-form-group { display: inline-block; flex: none; float: left; }

  .prop-det-mortgage-flex .m-form-group:nth-of-type(1) { width:calc(50% - 5px); margin-right:5px; }
  .prop-det-mortgage-flex .m-form-group:nth-of-type(2) { width:calc(50% - 5px); margin-left:5px; }
  .prop-det-mortgage-flex .m-form-group:nth-of-type(3) { width:calc(50% - 5px); margin-right:5px; } 
  .prop-det-mortgage-flex .m-form-group:nth-of-type(4) { width:calc(50% - 5px); margin-left:5px; } 
  .prop-det-mortgage-flex .m-form-group:nth-of-type(5) { width:calc(50% - 5px); margin-right:5px; } 
  .prop-det-mortgage-flex .m-form-group:nth-of-type(6) { width:calc(50% - 5px); margin-left:5px; }
  .prop-det-mortgage-flex .m-form-group:nth-of-type(7) { width:calc(100%); margin-top: 20px; }  

}  

.prop-det-available { padding: 30px 0; }

.prop-det-available-header { display: flex; justify-content: space-between; margin-bottom: 10px; }


.prop-det-right-box {margin-top: 20px;display: flex;gap: 10px;flex-direction: column;text-align: center;padding: 30px 25px;background: #eaf5ff url(../slideimages/19174605-7.jpg) no-repeat;background-size: cover;background-position: center;position: relative;}
.prop-det-right-box::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);}
.prop-det-right-box * { position: relative;}

.prop-det-right-box h3 {color: #fff;margin-bottom: 15px;}
.prop-det-right-box p {font-size: 1.3rem;color: #fff;line-height: 2.4rem;font-weight: 400;}
.prop-det-right-box p strong {font-weight: 500;font-size: 1.6rem;margin-bottom: 10px;float: left;padding: 0 10px;} 
.prop-det-right-box a { width: 100%;} 
    
 
.stamp-duty {
    font-size: 1.8rem; 
    text-transform: uppercase; 
    font-weight: 500; 
    color: var(--primary-color);
    line-height: 2rem;
    padding: 20px;
    background: #eaf5ff;
}
.stamp-duty .prop-det-info-left {font-weight: 500;color: var(--primary-color);margin-right: 10px;}
.stamp-duty .prop-det-info-right {color: var(--main-green);font-weight: 500;}


.prop-det-right-docs { background: #fff; padding: 25px; }  

.document-link-outer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.document-link-left {}
.document-link-left i { font-size: 2.4rem; margin-right: 6px; }
.document-link-left .document-name { font-size: 1.5rem; color: #444444; transition: all ease-in-out 200ms; }

.document-link-right { }
.document-link-right i { font-size: 1.9rem; color: var(--primary-brand-color); transition: all ease-in-out 200ms;  }

.document-link-outer:hover .document-link-right i { font-size: 2.1rem; color: var(--primary-brand-dark); transform: scale(1.02); }
.document-link-outer:hover .document-name { color: #000; }
 
   

.map-placeholder {position: relative;display: inline-block;width: 100%;height: 450px;background-image:url('../images/map-placeholder.jpg');background-position: center;background-size: cover;}
#show-map {cursor: pointer;width: auto;font-size: 1.6rem;display: block;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--primary-color);color: #fff;padding: 15px 25px 15px;box-shadow: 0px 2px 5px -5px rgb(0 0 0);font-weight: 500;transition: all ease-in-out 200ms;}
#show-map:hover {background: var(--primary-color-hover);}
.map-outer {display: none;}



.prop-det-buttons {display: flex;flex-direction: row;align-items: flex-start;gap: 15px;flex-wrap: wrap;}
.prop-det-buttons .btn {width: 100%;text-align: center;font-size: 2rem;font-weight: 500;padding: 15px 20px;}

@media(min-width:1001px) and (max-width:1280px) {
  .prop-det-buttons .btn { padding: 10px 20px;}
}

@media(max-width:667px){
  .prop-det-buttons .btn { padding: 10px 20px; font-size: 1.8rem;}
  #dev-desc a.rd-more { justify-content: center;}
  #dev-desc a.rd-more, #dev-desc .rd-more { padding: 10px 20px; font-size: 1.8rem;}
  .prop-det-buttons > a, .prop-det-buttons > .btn { width:calc(50% - 7.5px); padding: 10px 20px; font-size: 1.8rem;}
}

@media(max-width:480px){
  .prop-det-buttons .btn { padding: 10px 20px; font-size: 1.6rem;}
  #dev-desc a.rd-more { justify-content: center;}
  #dev-desc a.rd-more, #dev-desc .rd-more { padding: 10px 20px; font-size: 1.6rem;}
  .prop-det-buttons > a, .prop-det-buttons > .btn { width:calc(50% - 7.5px); padding: 10px 20px; font-size: 1.6rem;}
}


#prop-video { background-color: var(--primary-color); padding: 60px 0;}
.prop-content{ padding: 80px 0;}


.amenities{display: inline-grid;grid-gap: 25px;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;}
.amenities li{display: flex;width: 100%;align-items: flex-start;gap: 20px;}
.amenities li:has(.amenity-info .amenity-desc:empty){align-items: center;}
.amenities li .amenity-icon{width: 45px;height: 45px;display: flex;background-color: var(--color-secondry--40);border-radius: 10px;}
.amenities li .amenity-icon img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.amenities li .amenity-info{flex: 1;display: flex;flex-direction: column;gap: 8px;}
.amenities li .amenity-info .amenity-title{font-size: 1.8rem;line-height: 2.8rem;color: #fff;}
.amenities li .amenity-info .amenity-desc{font-family: var(--font-body);font-size: 1.6rem;color: #fff;}
.amenities li .amenity-info .amenity-desc:empty{display: none;}

@media(max-width:1000px) { 
    .amenities{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .amenities li .amenity-info { gap: 8px;}
    .amenities li .amenity-info .amenity-desc{font-family: var(--font-body);font-size: 1.4rem;}
}

@media(max-width:667px) {
      .amenities{grid-gap: 20px;}

    .amenities li .amenity-info { gap: 5px;}
    .amenities li .amenity-icon{width: 45px;height: 45px;}
    .amenities li .amenity-info .amenity-title{font-size: 1.5rem;line-height: 2rem;}
}
@media(max-width:480px) { 
  .amenities li{ gap: 10px;}
  .amenities{grid-gap: 15px;}
      .amenities li .amenity-icon{width: 40px;height: 40px;}

}




.units { display: inline-grid;grid-gap: 0px;grid-template-columns: repeat(1, minmax(0, 1fr));width: 100%;}
.units li {display: inline-grid;grid-gap: 0px;grid-template-columns: repeat(12, minmax(0, 1fr));width: 100%;}
.units li div {font-family: var(--font-body);font-weight: 400;text-align: center;font-size: 1.6rem;display: flex;align-items: center;justify-content: center;line-height: 2.4rem;text-wrap-style: balance;}

.units li div.floor { grid-column: 1/2; }
.units li div.desks { grid-column: 2/3; }
.units li div.size { grid-column: 3/4; }
.units li div.features { grid-column: 4/10; }
.units li div.price { grid-column:10/12; }
.units li div.enquire { grid-column: 12/13; } 

.units li.head {background-color: #fff;border: 2px solid #f4f4f4;border-bottom: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.units li.head div{/* color: #fff; */padding: 20px 15px;font-size: 2.4rem;font-family: var(--font-title);font-weight: 500;text-align: center;}
.units li.head div:not(:last-of-type){/* border-right: 2px solid #f4f4f4; */}
.units li.head .features{ justify-content: flex-start; text-align: left;}

.units li.unit {border-bottom: 2px solid #fff;background: #f4f4f4; transition: all .3s ease-in-out;}
.units li.unit:hover { background-color: #ddd; cursor: pointer;}
.units li.unit:last-child{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.units li.unit div{padding: 20px 15px;}
.units li.unit div:not(:last-of-type){border-right: 2px solid #fff;}
.units li.unit .features{justify-content: flex-start;text-align: left;text-wrap-style: pretty;}
.units li.unit .features .features-mob-heading { display: none;}

.units li.unit .enquire a{font-family: var(--font-title);font-weight: 500;font-size: 2rem;text-decoration: none;background: var(--color-secondry--80);color: var(--color-primary--100);padding: 10px;border-radius: 5px;}


@media(max-width:1000px) { 
    .units li {grid-template-columns: repeat(11, minmax(0, 1fr));}
    .units li div.price { grid-column:10/12; }
    .units li div.enquire { grid-column: 12/13; } 
    .units li.head div{ font-size: 2rem;}
    .units li div{ font-size: 1.5rem; line-height: 2.2rem;}

    .units li div.floor { grid-column: 1/3; }
    .units li div.desks { grid-column: 3/6; }
    .units li div.size { grid-column: 6/9; }
    .units li div.price { grid-column:9/12; }

    .units li.head div.features{display: none;}
    .units li.head div.enquire{display: none;}
    
    .units li.head div.price { border-right: 2px solid #fff!important; }
    .units li.unit div.price {border-right: 2px solid #f4f4f4!important;}
    .units li div.features { grid-column: 1/10; grid-row: 2/3; border-right: 2px solid #f4f4f4!important; border-top: 2px solid #fff!important; }
    .units li div.enquire { grid-column: 10/12; grid-row: 2/3; border-right: 2px solid #f4f4f4!important; border-top: 2px solid #fff!important; }

    .units li.unit {margin-bottom: 10px;} 
    .units li.unit .enquire a { font-size: 1.8rem;} 
    
}

@media(max-width:667px) {  
    .units li.head div{ font-size: 1.8rem;}
    .units li div{ font-size: 1.4rem; line-height: 2rem;} 
    .units li.unit div{ padding: 10px; }
    .units li div.features {grid-column: 1/12;grid-row: 2/3;font-size: 1.3rem;align-items: flex-start;gap: 5px;}
    .units li div.enquire {grid-column: 1/12;grid-row: 3/4;padding: 0px;border-right: 0px!important;}
    .units li.unit .enquire a {width: 100%;font-size: 1.6rem;padding: 8px 10px;border-top-left-radius: 0px;border-top-right-radius: 0px;}

    .units li.unit .features .features-mob-heading {display: flex;font-weight: 500;padding: 0 10px 0 5px;font-family: var(--font-title);font-size: 1.6rem;}

}



@media(max-width:800px) { 
.prop-det-right-box h3 {font-size: 2rem;}
.prop-det-right-box p {font-size: 1.3rem;line-height: 2rem;} 
.prop-det-right-box p strong { font-size: 1.4rem;}
}

@media(max-width:667px) { 
    .prop-content{  padding: 40px 0;}
    .stamp-duty {font-size: 1.5rem; }
}

.similiar-properties-outer { padding: 60px 0; background-color: #fff;}
.similiar-properties-outer #list .info { border-color: #ddd!important;}

@media(max-width:600px) { 
  .similiar-properties-outer { padding: 40px 15px;}
  
}