/*digitour css start*/
:root{
    --housing-color: #c3935f;
    --shadow-props: 0 1px 8px rgb(0 0 0 / 20%);
}

[class*=" fa-"], [class^=fa-] {
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
/* Header css start */
.digitour-header{width:100%;height:68px;padding:4px 45px;margin-top:0px;display: flex;align-items: center;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);background:#fff;position: static;}
.walk-through-header .digitour-header{position: fixed;top:0;left:0;right:0;z-index:5;}
.digitour-infos.group-housing-cap .digitour-header{top:0px;}
.digitour-infos.reduce-top-spaces .digitour-header{margin-top:0;}
.digitour-title{width:100%;max-width:1500px;font-size: 20px;font-weight: 700;text-transform: uppercase;color: var(--title-color);margin-left:auto;margin-right:auto;display: flex;align-items:center;justify-content: space-between;}
.back-process-btn{font-size: 22px;-webkit-text-stroke: 2px #fff;margin-right: 15px;cursor: pointer;margin-bottom:5px;}
.back-process-btn:hover{color:var(--housing-color);}
.rera-icon-props{width: 48px;height: 48px;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;background: var(--housing-color);border:2px solid var(--housing-color);color:#fff;}
.rera-icon-props:hover{background:#fff;}
.link-lists-props{display: inline-flex;}
.rera-icon-props i{font-size:30px;-webkit-text-stroke:1px var(--housing-color);}
.rera-icon-props:hover i{color:var(--housing-color);-webkit-text-stroke:1px #fff;}
.link-lists-props > li{position: relative;}
.link-lists-props > li:not(:first-child){margin-left:15px;}
#digitour_popup .link-lists-props>li.hide-walkthrough {display: block;}
.digitour-header .inquiry-btn{display: inline-flex;align-items: center;justify-content: center;min-width:186px;padding: 0px 22px;position: relative;font-size: 16px;font-weight: 600;background:var(--housing-color);border: var(--housing-color) solid 2px;color: #fff;transition: transform 0.3s;border-radius: 24px;min-height: 48px;text-decoration: none;text-transform: uppercase;cursor: pointer;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.digitour-header .inquiry-btn:hover{background:#fff;color:var(--housing-color);transform: none;}
.digitour-header .inquiry-btn.contact-option{background: #fff;color:var(--housing-color);}
.digitour-header .inquiry-btn.contact-option:hover{background: var(--housing-color);color:#fff;}
.combine-menu-lists{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 100%;background: #fff;box-shadow: var(--shadow-props);color: var(--housing-color);}
.combine-menu-lists .fa{font-size: 24px;}
.visiting-lists{position:absolute;top:58px;right:0;z-index:5;padding:0;bottom:auto;background:transparent;width:200px;display:none;}
.visiting-lists.show-contact{display: flex;flex-direction: column;background: var(--housing-color);padding:0;border-radius: 8px;}
.visiting-lists.show-contact > div{font-size:14px;font-weight:500;color:#fff;padding:8px 15px;cursor: pointer;text-transform: uppercase;}
.call-us-btn-wrapper a{color:#fff;}
.visiting-lists.show-contact > div:hover a{color:var(--housing-color);}
.visiting-lists.show-contact > div:hover{background:#fff;color:var(--housing-color);}
.visiting-lists.show-contact > div:not(:first-child){border-top:1px solid #fff;}
.visiting-lists.show-contact::after{position: absolute;content: "";right: 13px;top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(136,89,42,.7);}
.combine-wrapper{display: none;}
.social-icon-info .visiting-lists.show-contact{position: fixed;top:auto;bottom:86px;right:10px;width:190px;text-align: right;}
.social-icon-info .visiting-lists.show-contact a{font-size: 14px;font-weight: 500;color: #fff;padding: 8px 15px;border-top: 1px solid #fff;}
.social-icon-info .visiting-lists.show-contact::after{top:auto;bottom:-10px;transform: rotate(180deg);}
/* Club towers brochure css*/
.digitour-header.brochure-props{padding:0 45px;align-items: center;}
.brochure-props .logo-image{display: grid;width: 130px;}
.brochure-props .logo-captions{display: flex;align-items: flex-end;}
/* Rera Info details css */
.rera-info-callback{position:absolute;top:58px;right:0;z-index:5;padding:0;bottom:auto;background:transparent;width:400px;display:none;}
.rera-info-callback.show-contact{display: block;}
.rera-info-callback .watch-rera-details{display: flex;background: var(--housing-color);padding: 15px;border-radius: 8px;position: relative;}
.rera-info-callback .watch-rera-details::after{position: absolute;content: "";right: 13px;top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(136,89,42,.7);}
.rera-info-callback .rera-scanner-caption{width: 93px;display: inline-flex;height: 93px;}
.rera-info-callback .rera-details-caption{width: calc(100% - 93px);padding-left: 15px;}
.rera-info-callback .rera-details-caption a,
.rera-info-callback .rera-details-caption a:hover,
.rera-info-callback .rera-details-caption a:focus{color:#fff;}
.rera-info-callback .rera-details-caption a{text-decoration: underline;}
.rera-info-callback .rera-details-caption a:hover{text-decoration: none;}
.rera-info-callback .rera-details-caption > div{font-size:14px;color:#fff;}


/* Digitour page css start */
.digitour-infos{position: fixed;z-index:999;top:0;right:0;bottom:0;background:#f8f8f8;left:0;}
.back-process-btn{font-size: 22px;-webkit-text-stroke: 2px #fff;margin-right: 15px;cursor: pointer;margin-bottom: 5px;}
.project-phase-info{position: relative;display: inline-block;}
.logo-image{display: inline-block;width: 100px;}
.digitour-header .project-phase-info{display: flex;}
.digitour-header .logo-captions{display: inline-flex;align-items: flex-end;}
.digitour-header .logo-image{display: inline-grid;width:120px;}
.digitour-header .project-phase-title{bottom:6px;}
.digitour-header .back-process-btn{margin-right: 10px;}
.data-title span.project-phase-title, 
.project-phase-title{font-size: 10px;font-weight: 700;text-transform: uppercase;border-radius: 2px;color: var(--title-color);background: #f5f5f5;display: inline-block;padding: 2px 4px;position: absolute;right: -54px;bottom: 10px;box-shadow: 0px 1px 3px rgba(0,0,0,0.2);}
.digitour-video{width: 100%;height: calc(100% - 68px);}
.image-lazy-loading{animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: #F6F7F8;background: linear-gradient(to right, #F6F7F8 8%, #EEEEEE 18%, #F6F7F8 33%);background-size: 1000px 640px;position: relative;border-radius: 8px;box-shadow: var(--shadow-props);-webkit-box-shadow: var(--shadow-props);-moz-box-shadow: var(--shadow-props);-ms-box-shadow: var(--shadow-props);}
.digitour-container{width:100%;height:calc(100vh - 68px);padding:10px;position: relative;}
.digitour-video{width:100%;height:100%;}
.digitour-video iframe{border-radius:8px;width:100%;height:100%;border:none;}
.download-brochure-link.digitour-props{background:#fff;border:var(--housing-color) solid 2px;color:var(--housing-color);}
.download-brochure-link.digitour-props:hover{background:var(--housing-color);color:#fff;}
.digitour-subtitle.fixed-props{position: fixed;left: 20px;top: 88px;bottom: auto;z-index: 5;background: rgba(0,0,0,0.6);color: #fff;z-index: 5;padding: 8px 20px;border-radius: 8px;font-size: 16px;font-weight: 600;text-transform: uppercase;border-left: 2px solid var(--housing-color);box-shadow: 0px 1px 6px rgba(0,0,0,0.2);}
.video-wrapper video{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.video-wrapper{position: relative;height:100%;}
.walkthrough-video{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.4);top: 0;}
.playing-video-icon:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);}
.playing-video-icon{cursor: pointer;transition: all 0.3s;}
.playing-video-icon:hover:before{transform: translate(-50%,-50%) scale(1.2);transition: all 0.3s;}
.playing-video-icon:before{content: "";width: 120px;height: 120px;transition: all 0.3s;background-image: url('https://cdn.jashnrealty.com/assets/v2/images/group-housing-info/video-play-button.svg');}
.video-wrapper.playing .walkthrough-video-info{display: none;}
.auto-rotate-info{background:#fff;color:var(--description-color);font-size:14px;font-weight:400;line-height:1.6;padding:8px 15px 8px 48px;box-shadow:0 1px 3px rgba(0,0,0,0.3);border-radius:8px;border-left:4px solid var(--housing-color);display:none;position: relative;z-index: 2;}
.auto-rotate-info img{position: absolute;content:"";left:15px;top:9px;width:20px;height:20px;z-index: 4;}
.auto-rotate-info:before{position: absolute;content:"";top:9px;left:15px;width:20px;height:20px;background-image:url('https://cdn.jashnrealty.com/assets/v2/images/group-housing-info/rotation.svg');}
@media screen and (max-width:1199px){
    .brochure-props .logo-image{width:100px;}
}
@media screen and (max-width:767px){
    .digitour-header.brochure-props,
    .digitour-header{padding-left:10px;padding-right:10px;}
    .digitour-video.walkthrough-video-props{height:auto;}
    .digitour-video.image-lazy-loading{background:transparent;box-shadow: none;}
    .digitour-video.iframe-video{position: relative;}
    .digitour-video.iframe-video iframe{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 10px;width: 100%;height: 100%!important;}
    .playing-video-icon:before{width:70px;height:70px;}
    .playing-video-icon:after{font-size:24px;}
    .video-wrapper video,
    .video-wrapper{height:auto;}
    .auto-rotate-info{display: block;margin-top:12px;}
    .digitour-title,
    .digitour-subtitle.fixed-props{top: 25px;background: transparent;box-shadow: none;color:var(--title-color);border: none;right: 15px;left: auto;padding: 0;text-transform: none;}
    .digitour-title.hide-data-props,
    .digitour-subtitle.fixed-props.hide-data-props{display: none;}
    .digitour-container.show-scroll-props{overflow-y: auto;-webkit-overflow-scrolling:touch;}
}
@media screen and (max-width:700px){
#digitour_popup .link-lists-props>li.hide-walkthrough{display: none;}
.digitour-container .link-captions{display: none;}
.combine-wrapper{display: inline-flex;}

}
@media screen and (max-width:576px){
    .auto-rotate-info img{top:12px;}
    .rera-icon-props,
    .combine-menu-lists{width:36px;height:36px;}
    .rera-info-callback.show-contact{width:278px;}
    .rera-info-callback .rera-scanner-caption{width:60px;height:60px;margin:0 auto 15px;}
    .rera-info-callback .rera-details-caption{width:calc(100% - 0px);padding-left:0;}
    .rera-info-callback .rera-details-caption > div{word-wrap: break-word;}
    .rera-info-callback .watch-rera-details{flex-direction: column;}
    .rera-info-callback,
    .visiting-lists{top:53px;}
}
@media screen and (max-width:406px){
    .auto-rotate-info:before{top:12px;}
}
@media screen and (max-width:360px){
    .digitour-header .logo-image{width:116px;}
}

/*digitour css end*/