/* Banner css */
.home-banner-infos{width: 100%;max-width:1920px;margin:0 auto;padding-top:58.906%;position: relative;display: block;}
.home-banner-props{position: relative;overflow: hidden;}
.home-banner-infos img{position: absolute;left: 0;top: 0;height: 100vh;}
.banner-content.abs-props{position: absolute;flex-direction:column;top:0;right:0;bottom:0;left:0;background:rgba(46,44,117,0.6);padding-top:60px;z-index: 1;}
.banner-slider .swiper-slide{animation-duration: 1s;transition-duration:1s!important;opacity: 0;transition: opacity 0.4s ease;}
.banner-slider .swiper-slide.swiper-slide-active{opacity: 1;}
.swiper-pagination.banner-pagination{width: 100%;max-width: 1530px;margin: 0 auto;top: 50%;transform: translate(-50%, -50%);left: 50%;display: none;flex-direction: column;}
.common-slider-props.next-prev-caption .pagination-props .swiper-pagination .swiper-pagination-bullet,
.banner-pagination .swiper-pagination-bullet{width:2px;height:70px;margin:0;border-radius:0px;opacity: 0.5;transition:opacity 1s ease;}
.banner-pagination .swiper-pagination-bullet{background:#fff;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.common-slider-props.next-prev-caption .pagination-props .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--cta-color);border-radius:12px;opacity: 1;width:8px;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{margin-left:-3px;}
.subtitle-captions{font-size:28px;font-weight:500;}
.samsara-logos{margin-bottom:10px;}
.rera-infos{font-size:20px;margin-top:40px;}
.rera-infos span{font-weight:600;}
.home-banner-infos.home-banner-propss{padding-top: 48%;}
.home-banner-props .luxary-info-props{height: 100vh;position: relative;}
.home-banner-props .slide-text{position: absolute;width:100%; color:#fff;top:50%;transform: translateY(-50%);z-index: 4;text-align: left}
.home-banner-props .slide-text-wrapper{max-width: 1690px;padding: 0 80px;margin:0px auto;}
.home-banner-props .slide-text-inner-wrapper{max-width: 500px;}
.home-banner-props .slide-text .slide-heading{font-size: 50px;}
.home-banner-props .slide-text .slide-desc{font-size: 28px;font-weight: 400;}
.home-banner-props .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(46,44,117,0.7);z-index: 2;}
.home-banner-props .slide-rera-no{color:#fff; display:none;}
.rera-info-props{position:absolute;top: 115px;width: 100%;max-width: 1690px;padding-left:80px;padding-right:80px;left: 50%;transform: translateX(-50%);display: flex;justify-content: flex-end;font-size: 15px;z-index: 4;color:rgba(255,255,255,0.8);font-weight:500;}
.home-banner-props .slide-rera-no span{font-weight: 600;}
.rera-detail{display: none;}
@media screen and (max-width:1366px){
    .rera-info-props{top:90px;}
}
@media screen and (max-width:1280px){
    .title-captions{font-size:60px;}
    .home-banner-props .slide-rera-no{display:block;}
    .home-banner-props .slide-rera-no.corner-props{display: none;}
}
@media screen and (max-width:1199px){
    .title-captions{font-size:50px;}
}
@media screen and (max-width:991px){
    .banner-content.abs-props{display: flex;justify-content: center;align-items: center;text-align:center;flex-direction: column;padding:60px 15px 0;}
    .samsara-logos img{max-width:330px;}
    .rera-info-props{display: none;}
    .rera-detail{display: block;margin-top:12px;color:#fff;font-size: 15px;}
    .subtitle-captions{font-size:24px;}
    .home-banner-props .slide-text{transform: none;top:150px;}
}
@media screen and (max-width:767px){
    .samsara-logos img{max-width:220px;}
    .title-captions{font-size:40px;}
    .subtitle-captions{font-size:24px;padding-left:15px;padding-right:15px;}
    .rera-infos{margin-top:14px;}
    .home-banner-infos.home-banner-propss{padding-top: 64%;}
    .swiper-pagination.banner-pagination{top:unset;bottom:50px;}
    .home-banner-props .slide-text-wrapper{padding: 0 15px;}
    .home-banner-props .slide-text .slide-desc{padding:0;}
    .home-banner-props .slide-text .slide-heading{font-size:30px;}
    .home-banner-props .slide-text .slide-desc{font-size: 18px;}
    .home-banner-props .slide-text-inner-wrapper{max-width: 300px;}
    .home-banner-props .slide-text{top:90px;}
}
@media screen and (max-width:576px){
    .samsara-logos img{max-width:135px;}
}
@media screen and (max-width:480px){
    .home-banner-infos{padding-top:100%;}
    .home-banner-infos img{height:100vh;}
}
/* Seperator css */ 
.seperator{border-bottom:var(--cta-color) solid 1px;}
.seperator:before{position: absolute;content: "";background:#fff url('https://cdn.jashnrealty.com/assets/v2/images/home/j-icon.svg') center center no-repeat;left:50%;right:0;bottom:-40px;width:80px;height:80px;transform: translateX(-50%);}
.bd-left-design{padding-left:40px;padding-top:40px;position: relative;}
.bd-left-design::before{position:absolute;content:"";top:0;left:0;height:calc(100% - 60px);width:70%;border:var(--cta-color) solid 1px;}

/* Scroll tab design css */
.tabs__menu{width:100%;margin-bottom:60px;float:left;background:var(--tabs-menu-color);position:sticky;position:-webkit-sticky;top:0px;z-index:5;padding:2px 15px;}
.tabs__menu-inner-scroll{display:flex;justify-content:flex-start;overflow-x: auto;white-space: nowrap;scroll-behavior: smooth;}
.tabs__menu-inner-scroll::-webkit-scrollbar{display: none;}
.tabs__menu-inner-scroll .tabs__menu-button:not(:first-child){margin-left:4px;}
.tabs__menu-button{display: inline-block;margin: 0;padding: 16px 24px;cursor: pointer;font-weight:500;color:#fff;border-radius:4px;}
.tabs__menu-button:hover{background:#fff;color:var(--tabs-menu-color);border-radius:4px;}
.tabs__menu-button.active{color:var(--tabs-menu-color);background:#fff;border-radius:4px;}
.tabs__menu-inner {width:auto;text-align:center;}
.tabs__menu-inner .swiper-slide{width:auto;}
.tabs__menu.label-slider-exist .tabs__menu-inner-scroll{justify-content:flex-start;}
.wrap-tab-menus{padding:2px 15px;width:100%;max-width:1560px;margin-left:auto;margin-right:auto;}
.swiper-container.tabs__menu-inner{position:static;}
.tabs__menu-inner.tab_label_slider_props{width:100%;}
.tab_label_slider_props .tabs__menu-inner-scroll{justify-content:flex-start;}
.tab-label-swiper-btn{width: 24px;height: 24px;border: 2px solid black;display: inline-flex;align-items: center;justify-content: center;background: transparent;background-image: none !important;border-radius: 100%;}
.prev_tabs__menu-inner{left: 0;margin: 0;bottom: auto;top: 50%;transform: translateY(-50%) rotate(180deg);}
.next_tabs__menu-inner{right: 0;margin: 0;bottom: auto;top: 50%;transform: translateY(-50%);}
@media screen and (max-width:767px){
    .tabs__menu-button{padding:11px 10px;}
}
/* Villas info css */ 
.villa-type-infos{display: inline-flex;height: 48px;border: var(--cta-color) solid 2px;border-radius: 8px;overflow: hidden;background: #fff;} 
.villa-type-name.selected{background: var(--cta-color);color: #fff;}
.villa-type-name{padding: 0px 20px;height: 100%;color: var(--cta-color);font-size: 18px;font-weight: 500;display: inline-flex;text-transform: capitalize;align-items: center;cursor: pointer;}
.villa-type-caption{display:none;margin-top:30px;}
.villa-type-infos .villa-type-name:not(:first-child){border-left:var(--cta-color) solid 2px;}
.villa-type-caption .layout-props-img{padding-top:68.433%;position: relative;display: block;}
.villa-type-caption .layout-props-img img{position: absolute;left:0;top:0;right:0;bottom:0;max-height:100%;}
.request-infos{margin-top:30px;}
@media screen and (max-width:767px){
    .request-infos{margin-top:0px;}
}
@media screen and (max-width:480px){
    .villa-type-name{padding:0 8px;}
}
/* Overview css */
.subtitle-infos{font-size:32px;font-weight:500;color:var(--title-color);}
.description-captions{max-width:1170px;margin-left:auto;margin-right:auto;line-height:1.3;}
.description-captions .line-break{margin-top:8px;}
@media screen and (max-width:1199px){
    .subtitle-infos{font-size:26px;}
}
@media screen and (max-width:767px){
    .subtitle-infos{font-size:24px;}
}
/* Amenities css */
.mt-32{margin-top:32px;}
.mt-16{margin-top:16px;}
.key-features-list .swiper-slide{height:auto;}
.wrap-all-feature{height:100%;}
.wrap-all-feature .amenity-title{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.3);z-index: 2;color: #fff;display: flex;align-items: flex-end;padding: 24px;font-size: 32px;font-weight: 500;text-transform: uppercase;}
.amenities-grid{width:100%;max-width:900px;margin:40px auto 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap:300px;}
.amenities-title{font-size:30px;font-weight:500;color:var(--heading-color);margin-bottom:24px;}
.club-amenity-title{font-size:18px;font-weight:500;color:#fff;line-height:1.2;margin-top:20px;}
.wrap-all-feature .amenity-title{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.3);z-index: 2;color: #fff;display: flex;align-items: flex-end;padding: 24px;font-size: 32px;font-weight: 500;text-transform: uppercase;}
.amenity-text-caption{background:#F0F4FD;padding:30px;border-radius:8px;box-shadow:var(--shadow);margin-top:60px;}
.swiper-container.amenity-infos{padding:2px 4px 80px;}
.amenity-text-caption .swiper-slide,
.amenity-text-caption .amenity-titles{opacity:0;visibility: hidden;}
.amenity-text-caption .swiper-slide.swiper-slide-active,
.amenity-text-caption .swiper-slide-active .amenity-titles{opacity:1;visibility: visible;}
.amenity-titles{font-size:24px;font-weight:500;margin-bottom:16px;}
.amenity-grids{display: grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.amenity-grids > li{position:relative;border-radius:4px;background: #fff;display: flex;flex-wrap:wrap;justify-content: flex-start;align-items: center;box-shadow: var(--shadow);padding: 12px 15px;}
@media screen and (max-width:1199px){
    .wrap-all-feature .amenity-title{font-size:24px;}
}
@media screen and (max-width:991px){
    .amenities-grid{padding-left:15px;padding-right:15px;gap:100px;}
    .amenity-text-caption{padding:20px 15px;}
}
@media screen and (max-width:900px){
    .amenity-grids{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
}
@media screen and (max-width:767px){
    .amenity-caption{flex:0 0 calc(50% - 20px);}
    .club-amenity-title{font-size:14px;}
    .amenities-title{font-size:24px;}
}
@media screen and (max-width:576px){
    .wrap-all-feature .amenity-title{font-size:20px;}
    .amenities-grid{gap:24px;}
    .amenity-grids{grid-template-columns:repeat(1,minmax(0,1fr));}
}
@media screen and (max-width:480px){
    .amenity-caption{flex:0 0 calc(100% - 0px);margin:10px 0;}
}
/*  Layout css */
.wrap-plan{margin-top:60px;display: flex;}
.label-info-caption{width:300px;padding-top:20px;}
.label-detail-caption{width:calc(100% - 300px);padding-left:60px;}
.plan-detail-props{display:none;}
.plan-detail-props.active{display: block;background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:30px;}
.plan-label-info{padding:15px 0;color:#fff;font-size:24px;font-weight: 500;position: relative;}
.wrap-plan-label .plan-label-info:not(:first-child){border-top:rgba(255,255,255,0.8) solid 1px;}
.plan-label-info:hover,
.plan-label-info.active{color:var(--cta-color);}
.plan-label-info:hover:before,
.plan-label-info.active:before{position: absolute; content:"\f054";font-size:17px;font-family: fontawesome;top:50%;right:0;transform: translateY(-50%);color:var(--cta-color)}
.cursor{cursor: pointer;}
.layout-props-img img{width:100%;border-radius:8px;box-shadow:var(--shadow);}
.layout-details{margin-top:16px;}
@media screen and (max-width:900px){
    .plan-detail-props.active{padding:30px 15px;}
}
@media screen and (max-width:767px){
    .wrap-plan{flex-direction: column;margin-top: 30px;}
    .label-info-caption{width:100%;border:rgba(255,255,255,0.8) solid 1px;padding-top:0;}
    .plan-label-info{padding:15px;font-size:20px;}
    .plan-label-info:hover,
    .plan-label-info.active{color:#fff;}
    .plan-label-info.active{background:var(--cta-color);}
    .plan-label-info:before,
    .plan-label-info:hover:before{content: "\f078";color: #fff;right: 15px;position: absolute;font-family: 'FontAwesome';font-size: 18px;top: 50%;transform: translateY(-50%);}
    .plan-label-info.active:before{content:"\f077";right:15px;color:#fff;}
    .label-detail-caption{width:100%;padding-left:0;margin-top:30px;}
}

/* Pattern css */
.pattern{background:url('https://cdn.jashnrealty.com/assets/images/club-towers/pattern.jpg') center center no-repeat;background-size:cover;}
/* Map View css */
iframe.location-props{height:500px;}
@media screen and (max-width:576px){
    iframe.location-props{height:300px;}
}

/* Image gallery css */
.gallery-caption img{position: relative;}
.swiper-container{overflow: hidden;padding:1px 0 0 1px;position: relative;}
.swiper-container.mt-32{margin-top:42px;}
.swiper-container.hz-pagination{padding-bottom:60px;}
.pdb-30 .swiper-container.hz-pagination{padding-bottom:30px;}
.hz-pagination .swiper-pagination{left:50%;transform: translateX(-50%);bottom:0;display: inline-flex;align-items: center;}
.hz-pagination .swiper-pagination-bullet{width:70px;height:3px;background:#e6e6e6;border-radius:0;opacity: 0.8;}
.hz-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--cta-color);height:8px;border-radius:4px;}
@media screen and (max-width:576px){
    .mt-32{margin-top:24px;}
}
/* Get in touch */
.section-props.pdb-100.remove-bottom-space{padding-bottom:0;}
.remove-bottom-space .contact-details{margin-bottom:10px;}
/*  Location Advantage */
.pdt-100{padding-top:100px;}
.testimonial-banner-infos{width: 100%;max-width:1920px;margin:0 auto;padding-top:62.604%;position: relative;display: block;}
.testimonial-banner-props{position: relative;background:url('https://cdn.jashnrealty.com/assets/v2/images/testimonial-banner.png');background-size: cover;}
.testimonial-banner-content{position: relative;top:0;right:0;bottom:0;left:0;background:rgba(46,44,117,0.6);z-index: 1;}
.testimonial-slider iframe{height:450px;position: relative;z-index:2;}
.testimonial-slider .swiper-slide{padding-left:40px;padding-bottom:40px;}
.testimonial-slider .bd-left-design::before{width:calc(50% - 40px);height:calc(50% - 40px);z-index: 1;top:auto;}
.swiper-container.testimonial-slider{padding-bottom:60px;}
.testimonial-slider .image-lazy-loading{height:450px;}
.customer-list-name .testimonial-slider .slider-btn-props{top:50%;transform: translateY(-50%);}
.customer-list-name .testimonial-slider .swiper-button-prev{left:19.2%;margin-left: 0;}
.customer-list-name .testimonial-slider .swiper-button-next{right:17%;margin-right: 0;}
.location-info{position: relative;z-index: 3;}
.testimonial-banner-content{padding-left:15px;padding-right:15px;}
@media screen and (max-width:1199px){
    .testimonial-slider .swiper-slide{padding-left:0;padding-top: 0;padding-bottom:0;}
    .bd-left-design::before{border: none;width:0;height:0;}
    .swiper-container.testimonial-slider{padding-bottom: 0;}
    .testimonial-slider.hz-pagination .swiper-pagination{display: none;}
    .customer-list-name .testimonial-slider .swiper-button-prev{left:0;margin-left: 0;}
    .customer-list-name .testimonial-slider .swiper-button-next{right:0;margin-right: 0;}
}
@media screen and (max-width:1199px){
    .pdt-100{padding-top:60px;}
}

/* Common slider btn */
.customer-list-name .swiper-button-prev{left: 50%;margin-left: -36px;}
.customer-list-name .swiper-button-prev:before{content: "\f053";font-family: fontawesome;color: #fff;-webkit-text-stroke:2px var(--cta-color);}
.customer-list-name .swiper-button-next:before{content: "\f054";font-family: fontawesome;color: #fff;-webkit-text-stroke:2px var(--cta-color);}
.customer-list-name .swiper-button-next{right: 50%;margin-right: -76px;}
.customer-list-name .slider-btn-props:after{content:"";}
.customer-list-name .slider-btn-props{width: 48px;height: 48px;border: 2px solid var(--cta-color);background:var(--cta-color);color:#fff;display: inline-flex;align-items: center;justify-content: center;background-image: none !important;border-radius: 100%;top: auto;bottom: 2px;transform: translateX(-50%);}
.customer-list-name .slider-btn-props:hover:before{color:#fff;}
.customer-list-name .swiper-button-prev.s-prev,
.customer-list-name .swiper-button-next.s-next{top:auto;}
.customer-list-name .swiper-button-prev.s-prev{left:50%;right:auto;transform: translateX(-50%);}
.customer-list-name .swiper-button-next.s-next{top: auto;transform: translateX(-50%);right: 50%;left: auto;}