header.latest-header{
  background: var(--territiary-color);
  position:relative;
}
section.property-detail-sec {
    padding: 0;
  position:relative;
  padding-bottom:40px;
}
section.property-detail-sec .container-fluid{
 padding:0; 
}
.detail-left {
    width: 70%;
    /* position: relative; */
}
.banner-slider {
    width: 100%;
    height: 350px;
    /* position: relative; */
    /* background: #73665D; */
}
.banner-bg {
    width: 100%;
  height: 350px;
    position: absolute;
    left: 0;
    top: 0;
  background: #73665D;
}
div#pro-slider {
    width: 100%;
    height: 350px;
    position: relative;
    left: 0;
    top: 0;
}
div#pro-slider img{
  width: 100%;
  height: 350px;
  object-fit:cover;
}
div#pro-slider .owl-nav button.owl-next, div#pro-slider .owl-nav button.owl-prev{
  width:45px;
  height:45px;
  background:var(--white-color);
  display:flex;
  align-items:center;
  justify-content:center;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  z-index: 2;
  border-radius:100%;
}
div#pro-slider .owl-nav button.owl-next:hover, div#pro-slider .owl-nav button.owl-prev:hover{
background:var(--btn-hover);
  color:var(--white-color);
}
div#pro-slider .owl-nav button.owl-next{
  left: auto;
  right: 25px;
}
.banner-slider .main-btn{
          display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: var(--white-color);
    color: var(--secondary-color);
    border-radius: 20px;
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 25px;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: capitalize;
}
.banner-slider .main-btn:hover{
  background: var(--secondary-color);
    color: var(--white-color);
  transform: translateY(0px);
}
header.latest-header{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
.details-upper {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
}
.details-upper-left a{
 color:var(--white-color);
 display: inline-flex;
 align-items: center;
 gap: 8px;
 text-shadow: 0 0 3px #00000054;
}
.details-upper-right {
    display: flex;
    gap: 20px;
}
.details-upper-right a{
   color:var(--white-color);
 display: inline-flex;
 align-items: center;
 gap: 8px;
 text-shadow: 0 0 3px #00000054;
}
.details-upper-left a:hover, .details-upper-right a:hover{
 /* color:var(--secondary-color); */
}
.icon-share {
    position: relative;
}
.icon-share .icon-area {
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 40px;
    right: 0;
    background: var(--white-color);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    z-index:1;
}
.icon-share .icon-area svg{
    width: 14px;
}
.icon-share:hover .icon-area{
    display:block;
}
.icon-share .icon-area a{
    display: inline-block;
    background: transparent;
    border: transparent;
    color: var(--black-color);
    font-size: var(--f14);
    font-weight: 400;
    padding: var(--p8);
    width: 100%;
    text-align: center;
}

.icon-share .icon-area a:hover{
    background: var(--btn-color);
    border: var(--btn-color);
    color:var(--white-color);
    box-shadow: inset 0 0px 0 0 var(--btn-color);
}
.icon-share .icon-area a:hover svg{
    fill: var(--white-color);
}
.left-content-details {
    padding-left: 25px;
    padding-right: 12px;
}
.pro-gallery .gallery-img {
    width: 19%;
    position: relative;
}
.pro-gallery .gallery-img.hidden-gallery{
 display:none; 
}
.pro-gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 1.25%;
    margin-top: -45px;
    z-index: 2;
    position: relative;
}
.pro-gallery .gallery-img img{
  width: 100%;
    height: 160px;
    object-fit: cover;
    border: 1px solid var(--white-color);
    border-radius: 12px;
}
.pro-gallery .gallery-cont {
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 12px;
    background: #000000d9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pro-gallery .gallery-cont h5{
      color: var(--white-color);
    margin-bottom: 0;
    font-weight: 700;
    font-size: 28px;
}
.pro-gallery .gallery-cont p{
     color: var(--white-color);
    margin-bottom: 0;
    font-size: 13px; 
}
.details-head-info {
    margin-top: 30px;
}
.details-head-info h1{
 font-size:36px; 
}
.address-list {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
  margin-bottom:10px;
}
.address-list img{
 width:18px; 
}
.address-list li{
 font-size:15px; 
  display:flex;
  align-items:center;
  gap:8px;
}
.address-list li i{
 color:var(--secondary-color); 
}
.pro-amn li{
  display: flex;
    align-items: center;
    gap: 8px;
  font-size:15px; 
}
.pro-amn li img{
   width:18px;
}
ul.pro-amn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #00000063;
}
.left-content-details h4{
 font-size:22px;
  margin-bottom:15px;
}
.abt-less{
 display:none; 
}
.pro-description-about {
    width: 62%;
}
.pro-description-about .abt-para{
 height: 120px;
 overflow:hidden;
 margin-bottom: 10px;
}
.pro-description-right {
    width: 36%;
}
.pro-description-right ul{
  padding: 12px;
  background: var(--lt-bg-color);
    border-radius: 12px;
  width:100%;
}
.pro-description {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #00000063;
}
.pro-description-right li img{
 width:25px; 
}
.pro-description-right li{
 font-size:15px;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}

.amn-sec-list li{
 width: 24%;
 display:flex;
 align-items:center;
 gap:8px;
 font-size:15px;
 justify-content: center;
}
.amn-sec-list li img{
 width: 25px;
 min-width: 25px;
}
.amn-sec-list ul{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap: 25px 1.33%;
}
.amn-sec-list ul.hidden-amn{
 display:none; 
}
.amn-listing {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}
.amn-sec-list {
    width: 100%;
}
.amn-link {
    min-width: 200px;
    text-align: right;
}
.amn-sec {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #00000063;
}
.loc-left {
    width: 100%;
}
.loc-left iframe{
 width:100%;
  height:250px;
  border-radius:12px;
}
.loc-right {
    width: 36%;
  display:none;
}
.location-sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #00000063;
}
.loc-right li img{
  width:20px;
  margin-top: 2px;
}
.loc-right li{
 font-size:15px;
 align-items: flex-start;
 display:flex;
 gap:10px;
  margin-bottom:10px;
}
.loc-right li span{
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; 
  font-size:14px;
}
.loc-right ul{
 margin-bottom:15px; 
}
.reviews-left {
    width: 20%;
    margin-right: 18px;
}
.reviews-left .guest-icon-sec {
    background: var(--lt-bg-color);
    text-align: center;
    padding: 20px 15px;
    border-radius: 12px;
}
.left-content-details .reviews-left .guest-icon-sec h4{
 font-size:36px;
  font-weight:bold;
  margin-bottom:5px;
}
.reviews-left .guest-icon-sec .ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-bottom:5px;
}
.reviews-left .guest-icon-sec .ratings i{
 color:var(--secondary-color);
 font-size: 11px;
}
.reviews-left .guest-icon-sec p{
 font-size:12px;
  margin-bottom:0;
}
.reviews-list-items {
    background: var(--body-color);
    box-shadow: 0 1px 5px #00000047;
    width: 48%;
    border-radius: 12px;
    overflow: hidden;
    padding: 8px 12px;
}

.offcanvas-body  .reviews-list-items{
    width : 100%;
}

.reviews-list-items .reviews-head img{
      width: 55px;
    height: 55px;
    min-width: 55px;
    object-fit: cover;
    border-radius: 100%;
}
.reviews-list-items .reviews-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.reviews-list-items .reviews-head p{
 font-size: 13px;
    margin-bottom: 0; 
}
.reviews-list-items .reviews-head p.head{
 font-weight:bold;
  margin-bottom:5px;
}
.reviews-list .reviews-para p{
 font-size:14px; 
}
.reviews-list .reviews-para{
 height: 90px;
 overflow:hidden;
 margin-bottom:10px;
}
.reviews-list-items .ratings {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    margin-bottom:5px;
}
.reviews-list-items .ratings i{
 color:var(--secondary-color);
 font-size: 11px;
}
.reviews-list-items.hidden-reviews{
 display:none; 
}
.reviews-right {
    width: 78%;
    display: flex;
    gap: 20px 4%;
}
.reviews-list {
    display: flex;
}
.reviews-btn {
    min-width: 190px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.side-sec {
        box-shadow: 0 0 3px #00000054;
        border-radius: 12px;
        background: var(--white-color);
        padding: 20px 15px;
        width: 100%;
        /* position: sticky; */
        /* top: 20px; */
}

.detail-right {
    width: 30%;
    padding-left: 20px;
    padding-right:25px;
    z-index: 1;
    position: sticky;
    top: 10px;
    margin-top: 50px;
}
.detail-sec {
    display: flex;
    width: 100%;
    align-items: flex-start;
}
.sidebar {
    position: relative;
    /* top: 50px; */
    /* margin-top: 50px; */
}
.side-sec p{
 font-size:14px;
  margin-bottom:0px;
}
.side-price {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 10px;
}
.side-price h3{
 margin-bottom:0;
 font-weight: 600;
 /* font-family: var(--primary-font); */
}
.side-reviews {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
}
.side-reviews .ratings {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
}
.side-reviews .ratings i{
  color: var(--secondary-color);
    font-size: 13px;
}
.side-sec .col-6, .side-sec .col-12{
 padding-left:0;
  padding-right:0;
}
.side-sec .col-6{
 width:48.5%; 
}
.side-sec .row{
 justify-content:space-between; 
}
.side-sec label{
 font-size:11px;
 text-transform:uppercase;
 font-weight:500;
 margin-bottom:3px;
 margin-top: 20px;
}
.side-sec input{
 font-size: 13px;
    border: 1px dotted #00000063;
    padding: 8px;
    border-radius: 6px;
    width: 100%; 
}
.side-sec select{
  font-size: 13px;
    border: 1px dotted #00000063;
    padding: 8px;
    border-radius: 6px;
    width: 100%; 
}
.side-sec .forms-input {
    position: relative;
}
.side-sec .forms-input i{
 color: var(--secondary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px; 
}
.side-sec .tax-list {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.side-sec .tax-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.side-sec .tax-price p{
 font-size:13px; 
}
.side-sec .tax-price.total-price {
    border-top: 1px dotted #00000063;
    margin-top: 10px;
    padding-top: 10px;
}
.side-sec .tax-price.total-price p{
 font-weight:bold; 
}
.side-sec .tax-price.total-price p.right-tax{
  font-size:20px;
  font-family:var(--heading-font);
}
.side-sec .reserve-btn button{
 width:100%; 
}
.side-list {
    margin-top: 15px;
}
.side-list li img{
 width:20px; 
  margin-top:2px;
}
.side-list li{
 display:flex;
  align-items:flex-start;
  margin-bottom:8px;
  gap:8px;
  font-size:13px;
}
section.other-pro {
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
}
section.other-pro .container-fluid{
 padding-left:0;
  padding-right:0;
}
section.other-pro h4{
     font-size: 22px;
    margin-bottom: 15px; 
}
section.other-pro .pro-info {
    border-radius: 12px;
    overflow: hidden;
    background: var(--body-color);
    box-shadow: 0 1px 5px #00000047;
    margin: 2px;
    position: relative;
    transition: all .3s ease-in-out;
}
section.other-pro .pro-info .pro-images {
    width: 100%;
    height: 215px;
    position: relative;
    overflow: hidden;
}
section.other-pro .pro-info .pro-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}
section.other-pro .heart-icon {
    width: 28px;
    height: 28px;
    background: var(--white-color);
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px #00000036;
    color: var(--secondary-color);
}
section.other-pro .pro-content {
    padding: 12px;
}
section.other-pro .pro-loc {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    margin-bottom: 8px;
}
section.other-pro .pro-content h4 {
    font-size: 22px;
    margin-bottom: 12px;
    height: 30px;
    overflow: hidden;
}
section.other-pro .pro-content .pro-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
section.other-pro .pro-content .pro-list-item p {
    font-size: 12px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
section.other-pro .pro-info:hover {
    transform: translateY(-4px);
}
section.other-pro .pro-info a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}
section.other-pro .owl-carousel .owl-nav button.owl-next, section.other-pro .owl-carousel .owl-nav button.owl-prev{
  width: 35px;
  height: 35px;
  position: relative;
  top: 0;
  /* left: -15px; */
  z-index: 1;
  background: var(--body-color);
  border-radius: 100%;
  color: var(--secondary-color);
  /* transform: translateY(-50%); */
  box-shadow: 0 0 1px #00000036;
  transition: all .2s ease-in-out;
  border: 1px solid var(--secondary-color);
  margin-top: 0px;
  /* display: flex; */
}
section.other-pro .owl-carousel .owl-nav button.owl-next:hover, section.other-pro .owl-carousel .owl-nav button.owl-prev:hover{
     border-color: var(--secondary-color);
     background: var(--secondary-color);
     color: var(--white-color);
}
section.other-pro .owl-carousel .owl-nav{
 margin-top:30px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 20px;
}
#amn .modal-dialog{
 max-width:780px; 
}
#amn .modal-content {
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 32px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
    outline: 0;
}
#amn .modal-header {
    padding: 0;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 50px;
    position: sticky;
    top: 0;
}
#amn .modal-header .btn-close {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 24px;
    top: 24px;
}
#amn .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 24px;
    height: 430px;
    overflow-y: auto;
}
.left-content-details #amn h4{
 font-size:28px; 
  margin-bottom:25px;
}
.single-amenity-list h5{
      font-size: 22px;
      margin-top: 25px;
      margin-bottom: 5px;
}
.single-amenity-list li img{
  width:25px;
}
.single-amenity-list li{
  display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #00000063;
}