:root{
    --cta-color:#C3935f;
    --shadow-props: 0 1px 8px rgb(0 0 0 / 20%);
    --title-color: #26262e;
    --description-color: #565857;
    --img-radius: 8px;
    --progress-bar: #C3935f;
}
.banner-infos{width: 100%;max-width:1920px;margin:0 auto;position: relative;display: block;}
.banner-props{position: relative;background:url('https://cdn.jashnrealty.com/assets/v2/images/3-bhk-flats-in-lucknow-page-Banner.jpg') center center no-repeat;background-size:cover;height:556px;}
.banner-props-about{position: relative;background:url('https://cdn.jashnrealty.com/assets/v2/images/about/brand-banner.png') center center no-repeat;background-size:cover;height:556px;}
.banner-content{position: relative;height:100%;background:rgba(46,44,117,0.2);padding-top: 72px;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-left:15px;padding-right:15px;}
.title-captions{font-size:70px;}
.about-details.font-props{font-size:24px;color:#fff;}
@media screen and (max-width:1199px){
    .banner-props{height: 440px;}
    .banner-content{padding-top:60px;}
    .title-captions{font-size:50px;}
}
@media screen and (max-width:767px){
    .title-captions{font-size:40px;}
}
/* Seperator css */
.seperator{border-bottom:var(--cta-color) solid 1px;}
.seperator:before{position: absolute;content: "";background: url('https://cdn.jashnrealty.com/assets/v2/images/home/j-icon-white.svg') center center no-repeat;left:50%;right:0;bottom:-40px;width:80px;height:80px;transform: translateX(-50%);}


/* banner css */
a.website-url,
a.website-url:hover,
a.website-url:focus{color:#551A8B;font-weight:500;}
.gh-request-callback-modal-form .error_field{position: relative;left:0;bottom:0;}
.projects-banner-caption{position: relative;display:block;padding-top:26.04%;height:0;border-radius:20px;}
.projects-banner-caption img{position:absolute;top:0;}
.project-banner .banner-carosel{border-radius:20px;}
.project-banner .commercial-overlay{bottom:0;z-index: 1;left:0px;right:0px;width:auto;}
.projects-caption{padding:60px 0;}
.container-caption{width:100%;max-width:1170px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;}
.container-caption .housing-description{text-align:left;}
.housing-description.add-extra-space .margin-propss{margin-top:24px;}
@media screen and (max-width:1100px){
    .projects-banner-caption{padding-top:45.45%;}
}
@media screen and (max-width:767px){
    .projects-caption{padding:50px 0;}
    .project-banner .banner-carosel.projects-banner-props{margin-bottom:15px;}
    .housing-description.add-extra-space .margin-propss{margin-top:12px;}
}
@media screen and (max-width:500px){
    .projects-banner-caption{padding-top:120%;}
}
/* Projects page changes css start */
.projects-wrapper{width:100%;max-width:1920px;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;margin-top:85px;}
.project-banner{position: relative;padding-left:15px;padding-right:15px;z-index:1;}
.project-banner img{border-radius:20px;}
.project-banner .banner-carosel{margin-bottom:15px;}
.project-banner .heading-title{position: absolute;top:calc(50% - 38px);left:50%;transform:translate(-50%,-50%);z-index:2;}
.swiper-slide.add-img-overlay{position: relative;}
.swiper-slide.add-img-overlay:before{position: absolute;content:"";top:0;left:0;right:0;bottom:4px;background: rgba(0,0,0,0.6);border-radius:20px;}
@media screen and (max-width:1100px){
    .project-banner .heading-title{font-size:50px;}
    .project-banner .heading-title span{font-size:24px;}
}
@media screen and (max-width:1024px){
    .projects-wrapper{margin-top:60px;}
}
@media screen and (max-width:991px){
    .projects-wrapper .breadcrumb-info.samsara-bd{padding-left:15px;}
}
@media screen and (max-width:767px){
    .project-banner .heading-title{font-size:24px;position: relative;transform: none;left: 0;top: 0;color: var(--title-color-props);margin-top: 30px;margin-bottom: 30px;}
    .project-banner .heading-title span{margin-top:8px;font-size:14px;}
    .project-banner .banner-carosel{margin-bottom:30px;}
}
/* Projects page changes css end */
/* Breadcrumb css start */
.breadcrumb-info{position: relative;width:100%;}
.breadcrumb-info .container-infos{flex-direction: row;padding:15px 10px 0px;}
.breadcrumb-info.samsara-bd .container-infos{max-width:1920px;padding:12px 15px;}
.breadcrumb-link{display: inline-flex;padding-right: 30px;position: relative;}
.breadcrumb-info .breadcrumb-link:last-child{padding-right: 0px;}
.breadcrumb-info .breadcrumb-link:last-child a{pointer-events: none;}
.breadcrumb-info .breadcrumb-link.remove-breadcrumb{display:none;}
.breadcrumb-link:after{position: absolute;content:"/";top:-1px;left:-18px;color:#26262e;}
.breadcrumb-info .breadcrumb-link:first-child:after,
.breadcrumb-info .breadcrumb-link.no-last-url:after{content:"";}
.breadcrumb-link a{font-size: 15px;font-weight:600;text-transform: uppercase;}
.breadcrumb-link a,
.breadcrumb-link a:hover,
.breadcrumb-link a:focus{color:#26262e;}
.breadcrumb-link a:hover{text-decoration: underline;}
/* Breadcrumb css end */
/* Project lists css */
.inquiry-btn.download-option{color: var(--cta-color);color: var(--cta-color);margin-left: 16px;}
.inquiry-btn.contact-option, .inquiry-btn.download-option{border: var(--cta-color) solid 2px;box-shadow: var(--shadow-props);}
.inquiry-btn{align-items: center;border: 2px solid var(--cta-color);padding: 2px 24px 2px 2px;font-size: 16px;font-weight: 600;color: #fff;transition: transform .3s;border-radius:8px;min-height: 48px;text-transform: uppercase;cursor: pointer;}
.inquiry-btn.download-option:hover{background: var(--cta-color);transform: none;color: #fff;}
h1.group-housing-title{font-size:28px;}
.group-housing-title{font-size: 24px;font-weight: 700;text-transform: uppercase;color: var(--title-color);text-align: center;margin-bottom: 20px;}
.housing-description{font-size: 16px;font-weight: 400;line-height: 1.6;color: var(--description-color);margin-bottom: 0px;text-align: center;}
.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);}
@keyframes placeHolderShimmer{
    0%{background-position: -468px 0;}
    100%{background-position: 468px 0;}
}
.digitour-infos .inquiry-btn{padding:0;}
.swiper-container{width:100%;overflow:hidden;}
.submit-info.alternate-btn{background:#fff;border-color:#fff;color:var(--cta-color);}
.swiper-container.projects_lists{padding-bottom:70px;position: relative;margin-top:30px;}
.projects_lists .swiper-slide{padding:5px;}
.project-img-props{display: block;overflow: hidden;border-radius:8px 8px 0 0;}
.project-detailings{border-radius:8px;background:#fff;box-shadow:var(--shadow);}
.project-detailings img{border-radius:8px 8px 0 0;transition:transform 0.5s ease-in-out;}
.project-detailings:hover img{transform: scale(1.1);}
.project-status{background: linear-gradient(98.3deg, rgb(0, 0, 0) 10.6%, rgb(255, 0, 0) 97.7%);color: #fff;padding: 4px 6px;font-weight: 700;font-size: 12px;border-radius: 4px;display: inline-block;text-transform: uppercase;box-shadow: 0 1px 8px rgb(0 0 0 / 20%);position: absolute;top:5px;right:6px;}
.project-addrds{padding:16px 10px;}
.project-addrds b{font-weight:700;}
.project-status-type{padding:0px 10px;min-height:61px;}
.project-intro-captions{padding:10px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;background: #f8f8f8;border-top: #ccc solid 1px;border-radius:0 0 8px 8px;margin-top:5px;}
.project-intro-captions .inquiry-btn.download-option,
.project-intro-captions .submit-info.testimoniolas-link{justify-content: center;margin: 0;text-align: center;display: flex;width: 100%;padding: 0;}
.project-intro-captions .submit-info.testimoniolas-link,
.project-intro-captions .inquiry-btn{font-size:15px;min-height:40px;height:40px;border-radius:4px;}
.project-intro-captions .inquiry-btn.download-option,
.project-intro-captions .submit-info:hover{border-width:1px;}
.site-detail-infos{display: block;}
.site-detail-infos + .site-detail-infos{margin-top:10px;}
.site-detail-infos.site-name-props{width:100%;display:flex;flex-wrap:wrap;align-items:center;font-size:20px;font-weight:700;}
.project-feature-titles{display:block;font-size:15px;font-weight:600;margin-top:10px;margin-bottom:4px;}
.project-phase-type{font-size: 10px;font-weight: 700;text-transform: uppercase;border-radius: 4px;margin-left:4px;color:#fff;background:linear-gradient(98.3deg, rgb(0, 0, 0) 10.6%, rgb(255, 0, 0) 97.7%);display: inline-block;padding: 2px 4px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}
.project-status-captions{padding-left:20px;margin-bottom:12px;}
.project-status-captions > li{width:100%;position: relative;list-style:disc;font-size:15px;}
.project-status-captions > li:not(:first-child){margin-top:8px;}
@media screen and (max-width:1440px){
    .project-detailings .project-intro-captions .inquiry-btn.download-option, 
    .project-detailings .project-intro-captions .submit-info.testimoniolas-link{font-size:14px;}
}
@media screen and (max-width:900px){
    .project-intro-captions{grid-template-columns: repeat(1, minmax(0, 1fr));}
}
@media screen and (max-width:767px){
    h1.group-housing-title{font-size:22px;}
    .group-housing-title{font-size:18px;}
    .housing-description{font-size: 14px;text-align: justify !important;}
}
@media screen and (max-width:500px){
    .digitour-infos .inquiry-btn.download-option{margin-left:0;}
}
/* Swiper button css */
.projects_lists .swiper-button-next.housing-btn-design{right: 50%;margin-right: -64px;}
.projects_lists .housing-btn-design{width: 36px;height: 36px;border: 2px solid var(--cta-color);display: inline-flex;align-items: center;justify-content: center;background: transparent;background-image: none !important;border-radius: 100%;top: auto;bottom: 2px;transform: translateX(-50%);}
.projects_lists .swiper-button-prev.housing-btn-design{left: 50%;margin-left: -24px;}
.projects_lists .swiper-button-prev.housing-btn-design:before,
.projects_lists .swiper-button-next.housing-btn-design:before{font-family: fontawesome;color: var(--cta-color);}
.projects_lists .housing-btn-design:after,
.projects_lists .housing-btn-design:after{content: "";}
.projects_lists .swiper-button-prev.housing-btn-design:before{content: "\f177";}
.projects_lists .swiper-button-next.housing-btn-design:before{content: "\f178";}