@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
html, body {
    overscroll-behavior: none; /* Ye 'End ka Jhatka' rok dega */
    scroll-behavior: auto !important;
}
.container-fluid{padding-left:70px;padding-right:70px}
.topContainer{display:flex;align-items:center;justify-content:space-between;height:85px}
.topLeft{display:flex;align-items:center;gap:32px}
.topRight{display:flex;align-items:center;gap:26px}
.banner figure img{width:100%;height:644px;object-fit:cover}
.topLeft svg{width:32px;height:29px}
.topLeft svg path{fill:#6e6e6e}
.globe span{font-family:"Instrument Sans",sans-serif;font-size:15px;color:#3D3D3D}
figure{margin-bottom:0}
.profileTop span{color:#949494;font-size:20px;font-family:"Instrument Sans",sans-serif;font-weight:400}
.profileTop span strong{color:#000;font-weight:400}
.profileTop{display:flex;align-items:center;gap:6px}
.banner{position:relative}
.comingSoonText{font-size:64px;font-weight:700;text-transform:uppercase;line-height:150%;position:absolute;left:0;top:60px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:4px;color:#fff;transform:rotate(180deg)}
.projectName h2{font-family:"Inter",sans-serif;font-size:24px;line-height:150%;color:#fff;margin:0}
.projectName span svg{width:18px;height:21px}
.projectName{padding:19px 26px;font-size:16px;font-weight:600;color:#fff;background:#ffffff0f;border:1px solid #ffffff59;border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:all .35s ease;padding-right:60px}
.projectName span{font-family:"Inter",sans-serif;font-size:18px;line-height:150%;font-weight:400}
.projectName span svg path{fill:#fff}
.banner{position:relative}
.comingSoonText{font-size:64px;font-weight:700;text-transform:uppercase;line-height:150%;position:absolute;left:0;top:60px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:4px;color:#fff;transform:rotate(180deg)}
.projectName h2{font-family:"Inter",sans-serif;font-size:24px;line-height:150%;color:#fff;margin:0}
.projectName span svg{width:18px;height:21px}
.projectName{padding:19px 26px;font-size:16px;font-weight:600;color:#fff;background:#ffffff0f;border:1px solid #ffffff59;border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:all .35s ease;padding-right:56px}
.projectName span{font-family:"Inter",sans-serif;font-size:18px;line-height:150%;font-weight:400}
.projectName span svg path{fill:#fff}
.videoBanner video{height:644px;width:100%;object-fit:cover}
.bannerContent a{color:#000;font-family:"Instrument Sans",sans-serif;font-size:24px;font-weight:600;text-decoration:none;width:100%;background:#fff;display:flex;border-radius:15px;height:70px;align-items:center;justify-content:center}
.bannerContent{position:absolute;top:0;left:128px;top:40px;display:flex;flex-direction:column;gap:15px}
.bannerWhatsAppIcon{position:absolute;top:33px;right:33px;padding:11px 33px;background:#000;border-radius:15px}
.bannerWhatsAppIcon svg{width:39px;height:39px}
.c-search-bar{background:#fff;border-radius:50px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;width:100%;max-width:950px;height:70px;padding:5px 8px;position:relative;border:1px solid #e0e0e0;margin:0 auto}
.c-divider{width:1px;height:30px;background-color:#ddd;margin:0 5px}
.c-input-wrapper{flex:1.5;padding-left:20px;height:100%;display:flex;align-items:center}
.c-search-input{width:100%;border:none;outline:none;font-size:15px;color:#333;background:transparent;height:100%}
.c-dropdown-container{flex:1.2;position:relative;height:100%;min-width:220px}
.c-dropdown-trigger{height:100%;width:100%;display:flex;align-items:center;padding:0 10px;cursor:pointer;gap:8px;border-radius:30px;transition:background .2s;position:relative;z-index:1}
.c-tags-wrapper{flex:1;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;padding:0 10px}
.c-placeholder{color:#555;font-size:15px;font-weight:500}
.c-tag{background:#e0e0e0;color:#333;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;max-width:90px}
.c-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-tag-close{font-size:12px;color:#666;cursor:pointer}
.c-tag-close:hover{color:#000}
.c-counter-badge{font-size:11px;color:#666;background:#eee;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.c-arrow{color:#333;transition:transform .3s;flex-shrink:0}
.c-dropdown-trigger.active .c-arrow{transform:rotate(180deg)}
.c-dropdown-menu{position:absolute;top:115%;left:0;width:260px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:0;overflow:hidden;z-index:100;visibility:hidden;}
.c-dropdown-option
{
	padding:10px 15px;cursor:pointer;font-size:14px;color:#444;display:flex;justify-content:space-between;transition:background .2s;margin:0
}
.c-dropdown-option:hover{background-color:#f7f7f7}
.c-dropdown-option.selected{color:#c20000;font-weight:600;background-color:#fff5f5}
.c-dropdown-option.selected::before
{
    content: '\EB7B';
    font-family: 'remixicon';
    position: relative;
    margin-right: 4px;
    top: 2px;
}
.c-real-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.c-search-btn-wrapper{padding-left:5px;z-index:2}
.c-search-btn{width:54px;height:54px;background-color:#c20000;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;transition:transform 0.2s,background .2s;box-shadow:0 2px 10px #d900004d}
.c-search-btn:hover{background-color:#c20000;transform:scale(1.05)}
.c-search-input{width:400px;color:#555;font-size:15px;font-weight:500}
.c-dropdown-container{min-width:100px;max-width:100px}
.c-dropdown-container.propertDropdown{min-width:220px;max-width:210px}
.mb-100{margin-bottom:100px}
.mt-100{margin-top:100px}
.bannerBottom{text-align:center}
.bannerBottom h1{font-family:"Instrument Sans",sans-serif;font-size:48px;color:#000;line-height:113%;margin-bottom:25px;font-weight:500}
.bannerBottom p{font-size:23px;line-height:155%;margin-bottom:50px}
.formBottomText{margin-top:30px;color:#919191;font-family:"Instrument Sans",sans-serif;font-size:20px;line-height:155%}
.commonHeading a{font-size:20px;border-bottom:1px solid #000;font-family:"Instrument Sans",sans-serif}
:root{--slide-speed:40s;--slide-width:200px;--slide-height:100px;--total-slides:9;--bg-color:#f5f5f5}
.slider{height:var(--slide-height);margin:auto;overflow:hidden;position:relative;width:100%;display:flex;align-items:center}
.slider::before,.slider::after{background:linear-gradient(to right,var(--bg-color) 0%,#fff0 100%);content:"";height:100%;position:absolute;width:150px;z-index:2;pointer-events:none}
.slider::before{left:0;top:0}
.slider::after{right:0;top:0;transform:rotateZ(180deg)}
.slide-track{display:flex;width:calc(var(--slide-width) * var(--total-slides) * 2);animation:scroll var(--slide-speed) linear infinite}
.slider:hover .slide-track{animation-play-state:paused}
.slide{height:var(--slide-height);width:var(--slide-width);display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box}
.slide img{max-width:100%;max-height:80%;opacity:.7;transition:.3s}
.slide img:hover{filter:grayscale(0%);opacity:1}
@keyframes scroll {
0%{transform:translateX(0)}
100%{transform:translateX(calc(var(--slide-width) * var(--total-slides) * -1))}
}
body {
    background: #F9FAFB;
}
:root{--primary-red:#c20000;--text-dark:#222;--text-gray:#666;--card-radius:12px}
.listings-container{display:grid;flex-wrap:wrap;justify-content:center;gap:30px;grid-template-columns:repeat(4,1fr)}
@keyframes slideInUp {
from{opacity:0;transform:translateY(50px)}
to{opacity:1;transform:translateY(0)}
}
.property-card{background:#fff;border-radius:var(--card-radius);box-shadow:0 5px 15px #00000014;overflow:hidden;position:relative;cursor:pointer;transition:box-shadow .3s;width:100%;opacity:0;animation:slideInUp .6s ease-out forwards}
.property-card:nth-child(1){animation-delay:.1s}
.property-card:nth-child(2){animation-delay:.3s}
.property-card:nth-child(3){animation-delay:.5s}
.property-card:nth-child(4){animation-delay:.7s}
.card-image-wrapper{position:relative;width:100%;overflow:hidden}
.card-image-wrapper img{width:100%;height:267px;object-fit:cover;transition:transform .5s ease}
.property-card:hover .card-image-wrapper img{transform:scale(1.05)}
.badge{position:absolute;top:15px;left:15px;background:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;z-index:2;box-shadow:0 2px 5px #0000001a;color:#333}
.action-icons{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:10px;z-index:2}
.icon-btn{background:#fff;width:35px;height:35px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026;color:var(--text-dark);opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease,background-color .2s}
.property-card:hover .icon-btn{opacity:1;transform:translateY(0)}
.property-card:hover .icon-btn:nth-child(1){transition-delay:0s}
.property-card:hover .icon-btn:nth-child(2){transition-delay:.1s}
.property-card:hover .icon-btn:nth-child(3){transition-delay:.2s}
.icon-btn:hover{background:var(--primary-red);color:#fff;transition-delay:0s!important}
.card-content{padding:20px}
.property-title{font-size:16px;font-weight:600;margin-bottom:5px;color:#333}
.property-location{font-size:14px;color:#919191;margin-bottom:15px;display:flex;align-items:center;gap:5px;font-weight:500}
.features{display:flex;gap:15px;margin-bottom:15px}
.feature-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#919191;font-weight:500}
.divider{border-top:1px solid #9b9b9b;margin-bottom:15px;opacity:.25!important}
.card-footer1{display:flex;justify-content:space-between;align-items:center}
.price{font-size:14px;color:#333;font-weight:500}
.price strong{font-size:20px;font-weight:700}
.details-btn{padding:9px 18px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s}
.details-btn:hover{background:#c20000}
.details-btn{background:none;border:1px solid #CACACA;color:#313131;font-size:14px;text-decoration:none}
h3.property-title a{color:#000;text-decoration:none}
.property-card:hover a.details-btn{background:#c20000;color:#fff;border-color:#c20000}
.choose-title{font-size:32px;font-weight:700;margin-bottom:10px}
.choose-subtitle{font-size:15px;color:#777;margin-bottom:50px}
.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.choose-card{border:1px solid #000;border-radius:12px;padding:30px 25px 30px 30px;text-align:left;transition: background-color .3s, box-shadow .3s, border-color .3s;will-change: transform, opacity;}
.choose-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014;background:#fff}
.choose-icon{font-size:26px;margin-bottom:11px}
.choose-card-title{font-size:24px;font-weight:600;margin-bottom:6px}
.choose-card-text{font-size:20px;color:#7a7a7a;margin-bottom:0}
.choose-btn-wrap{margin-top:40px;text-align:center}
.choose-btn{display:inline-block;padding:8px 42px;border:1px solid #b9b9b9;border-radius:10px;text-decoration:none;color:#585858;font-size:16px;transition:all .3s ease;font-weight:500}
.choose-btn:hover{background:#c20000;color:#fff}
@media (max-width: 992px) {
.choose-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px) {
.choose-grid{grid-template-columns:1fr}
}
.commonHeading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.commonHeading a{text-decoration:none;color:#000;font-family:"Instrument Sans",sans-serif}
.commonHeading h2{font-size:28px;color:#000;font-family:"Instrument Sans",sans-serif;font-weight:600}
.choose-container .commonHeading{text-align:center;justify-content:center}
.choose-container .commonSubHeading{text-align:center;width:60%;margin:0 auto;margin-bottom:34px}
.choose-icon img{width:40px}
.borderContainer{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:60px;padding-bottom:60px}
.explore-header{text-align:center;margin-bottom:50px}
.explore-title{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:15px}
.explore-description{font-size:15px;color:#666;line-height:1.6;max-width:800px;margin:0 auto}
.explore-tabs{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:30px}
.explore-tab{padding:10px 25px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px;color:#333}
.explore-tab:hover{border-color:#c20000;color:#c20000}
.explore-tab.explore-active{background:#c20000;color:#fff;border-color:#c20000}
.explore-tab-content{display:none;animation:fadeIn .5s}
.explore-tab-content.explore-active-content{display:block}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.explore-properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}
.explore-card{border-radius:8px;overflow:hidden;transition:transform 0.3s,box-shadow .3s;width:100%}
.explore-card:hover{transform:translateY(-5px);box-shadow:0 2px 10px #0000000a;background:#fff}
.explore-image-wrapper{position:relative;width:100%;height:370px;overflow:hidden}
.explore-container{background:#ebebeb;padding:60px 0}
.explore-image{position:absolute;top:0;left:0;width:100%;height:370px;object-fit:cover}
.explore-arrow-btn{position:absolute;bottom:15px;right:15px;width:45px;height:45px;background:#c20000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.explore-arrow{width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.explore-card-content{padding:20px}
.explore-property-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:15px}
.explore-property-details{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;font-size:13px;color:#666}
.explore-price{font-size:20px;font-weight:700;color:#1a1a1a}
.explore-currency{font-size:12px;color:#666;font-weight:400;margin-right:3px}
@media (max-width: 768px) {
.explore-properties{grid-template-columns:1fr}
.explore-title{font-size:26px}
}
.commonSubHeading{text-align:center;width:60%;margin:0 auto;margin-bottom:34px}
.text-center{text-align:center}
.justify-center{justify-content:center}
.explore-tabs{background:#fff;width:fit-content;margin:0 auto;padding:10px;border-radius:10px;box-shadow:0 0 15px #00000014;gap:8px}
.explore-tab{border:none;font-family:"Inter",sans-serif;font-size:15px;font-weight:500;color:#7a7a7a}
.explore-properties .property-title{font-size:20px}
.explore-properties .feature-item{font-size:15px;margin-top:3px}
.explore-properties .price strong{font-size:24px}
.explore-properties .price{font-size:18px}
.redArrowFlex{display:flex;align-items:center;justify-content:space-between}
.redArrow{opacity:0;transition:.5s all ease}
.explore-card:hover .redArrow{opacity:1;transition:.5s all ease}
.explore-card:hover .icon-btn{opacity:1;transform:translateY(0)}
.explore-card:hover .icon-btn:nth-child(1){transition-delay:0s}
.explore-card:hover .icon-btn:nth-child(2){transition-delay:.1s}
.explore-card:hover .icon-btn:nth-child(3){transition-delay:.2s}
.icon-btn:hover{background:var(--primary-red);color:#fff;transition-delay:0s!important}
.commonHeading a:hover{color:#c20000}
.mapContainer img{width:100%}
.meetAgent{background-image:url(../images/agent.png);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:508px;height:508px}
.meetAgentContent{position:absolute;top:50%;right:20px;background:#fff;width:487px;padding:55px;text-align:center;transform:translateY(-50%)}
.meetAgent{position:relative;border-radius:25px}
.meetAgentContent h3{font-size:28px;font-weight:600;font-family:"Instrument Sans",sans-serif;margin-bottom:20px}
.meetAgentContent p{font-size:20px;font-family:"Instrument Sans",sans-serif;line-height:155%;color:#919191;margin-bottom:71px}
/*.meetAgent a{background:#000;color:#fff;border-color:#000}*/
.meetAgentContent a {
    height: 41px;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.meetAgentContent p {
    margin-bottom: 50px;
	color: #444;
}

.meetAgentContent a:hover {
    color: #fff;
}
.mb-60{margin-bottom:60px}
.mapContainer img{border-radius:25px}
.icon-btn:hover svg path{fill:#fff}
.testimonial-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.testimonial-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 0 15.3px -4px #00000040;display:flex;flex-direction:column}
.testimonial-stars{color:#FFC107;font-size:30px;letter-spacing:2px;margin-bottom:16px}
.testimonial-text{line-height:1.6;color:#444;font-size:20px;font-weight:400;font-family:"Instrument Sans",sans-serif;margin-bottom:30px;height:192px;overflow:hidden}
.testimonial-user{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:57px;height:57px;border-radius:50%;object-fit:cover}
.testimonial-name{color:#111;font-size:20px;font-weight:600;font-family:"Instrument Sans",sans-serif;margin-bottom:-3px}
.testimonial-role{color:#000;font-size:16px;font-weight:400;font-family:"Instrument Sans",sans-serif}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:#00000014 0 10px 30px;background:#fff}
.testimonial-card{transition:all .3s ease}
.listings-container{perspective:1000px}
.property-card{transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform-origin:center bottom;will-change:transform,opacity}
.property-card {
    /* Isme bhi same change karein */
    transition: background-color .3s, box-shadow .3s;
    will-change: transform, opacity;
}
.card-image-wrapper{position:relative;overflow:hidden}
.card-image-wrapper img{clip-path:inset(100% 0 0 0);transform:scale(1.3);will-change:clip-path,transform}
.property-title,.property-location,.features,.divider,.card-footer{opacity:0;transform:translateY(20px)}
.details-btn{transition:.3s}
.accordion-button:not(.collapsed){background-color:unset;box-shadow:none;border-bottom:1px solid #E3E3E3}
/*div#faqAccordion{display:flex;flex-direction:column;gap:16px}*/
.accordion-button:focus{box-shadow:none}
button.accordion-button {
    font-size: 18px;
    font-weight: 400;
    font-family: "Instrument Sans", sans-serif;
    color: #000;
    line-height: 32px;
}
.accordion-button:not(.collapsed){color:#000}
.accordion-body{font-size:20px;font-weight:400;font-family:"Instrument Sans",sans-serif;color:#919191}
.faqGrid{display:grid;grid-template-columns:28% 65%;gap:123px;align-items:center}
.faqGrid .commonHeading{margin-bottom:12px}
.faqGrid .commonHeading h2{margin-bottom:0}
.instaGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}
.instaGrid img{width:100%;height:auto;object-fit:contain}
footer{background:#E9E9E9;padding:45px 0;padding-bottom:0}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}
.logo h2{font-family:serif;line-height:.9;font-size:28px;color:#000}
.logo span{color:#c20000;font-size:30px;line-height:0}
.social-bar{display:flex;align-items:center;gap:15px}
.social-icons{display:flex;gap:10px}
.social-icon{width:35px;height:35px;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s}
.social-icon:hover{background-color:#c20000}
.hotline{display:flex;align-items:center;font-weight:800;font-size:24px;margin-left:20px}
.hotline i{color:#c20000;margin-right:8px;font-size:20px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr;gap:30px;margin-bottom:80px}
.contact-details p{margin-bottom:8px;font-size:15px;font-weight:400}
.control-panel{margin-top:25px;display:flex;flex-direction:column;gap:15px;width:140px}
.toggle-switch{border:1px solid #777;border-radius:30px;display:flex;overflow:hidden;cursor:pointer;height:36px;align-items:center;padding:2px}
.toggle-option{flex:1;text-align:center;font-size:11px;font-weight:600;padding:8px 0;border-radius:25px}
.toggle-option.active{background-color:#c20000;color:#fff}
.dropdown-btn{background:transparent;border:1px solid #777;border-radius:30px;padding:10px 15px;text-align:left;font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#333}
.dropdown-btn:hover{border-color:#000}
.footer-col h3{font-size:24px;font-weight:600;margin-bottom:20px;color:#000}
.footer-col ul{list-style:none;padding:0}
.otherUL ul{margin:0;display:flex;flex-direction:column;gap:3px}
.footer-col ul li{font-size:15px;color:#000}
.footer-col ul li a{text-decoration:none;color:#000;transition:.2s;font-size:24px;font-family:"Instrument Sans",sans-serif;line-height:155%}
.footer-col ul li a:hover{color:#c20000}
.footer-bottom{display:flex;justify-content:space-between}
.footer-bottom p{font-size:16px;font-family:"Instrument Sans",sans-serif;color:#000}
@media (max-width: 1024px) {
.footer{padding:40px 30px}
.footer-grid{grid-template-columns:repeat(3,1fr)}
.logo h2{font-size:24px}
}
@media (max-width: 768px) {
.footer-top{flex-direction:column;align-items:flex-start;gap:20px}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;gap:10px}
.control-panel{width:100%;max-width:200px}
}
.control-panel{display:flex;flex-direction:column;gap:8px;width:180px}
.toggle-container{display:flex;border:1px solid #000;border-radius:50px;padding:2px;height:53px;width:187px}
.toggle-btn{flex:1;border:none;background:transparent;border-radius:50px;cursor:pointer;font-weight:400;transition:.3s;font-size:15px;font-family:"Instrument Sans",sans-serif;    color: #000;}
/*.toggle-btn.active{background-color:#c20000;color:#fff}*/
.custom-dropdown{position:relative;width:100%}
.dropdown-selected{border:1px solid #999;border-radius:50px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;color:#000;background:#fff;transition:.2s;height:53px;font-family:"Instrument Sans",sans-serif}
.dropdown-selected:hover{border-color:#000}
.dropdown-options{display:none;position:absolute;top:110%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 10px #0000001a;list-style:none;padding:5px 0;z-index:100}
.custom-dropdown.open .dropdown-options{display:block}
.dropdown-options li{padding:10px 15px;font-size:13px;color:#333;cursor:pointer;transition:.2s}
.dropdown-options li:hover{background-color:#f5f5f5;color:#c20000}
.logo img{width:256px}
.contact-details{display:flex;flex-direction:column}
.contact-details a{text-decoration:none;color:#000;font-size:24px;font-family:"Instrument Sans",sans-serif;line-height:155%}
.contact-details{margin-bottom:30px}
.control-panel{margin-top:0}
.hotline a img{width:162px}
.formBottomText a{text-decoration:none}
.slick-list.draggable{padding-bottom:10px}
.slider-card-item{border-radius:12px;display:flex!important;justify-content:center;align-items:center;margin:0 10px}
.slick-prev:before,.slick-next:before{color:#333;font-size:30px}
.slick-prev{left:-20px}
.slick-next{right:-35px}
.slick-prev,.slick-next{width:60px;height:60px;background:#fff;box-shadow:0 5px 15px #00000014;border-radius:50%;z-index:99999}
.slick-prev:before,.slick-next:before{background:none}
.slick-prev:before{content:"";width:10px;height:20px;background-size:10px;background-repeat:no-repeat;content:url(../images/sliderArrowleft.svg);transform:rotate(90deg)!important}
.slick-next:before{content:"";width:10px;height:20px;background-size:10px;background-repeat:no-repeat;content:url(../images/sliderArrow.svg);transform:rotate(90deg)!important}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{background:#fff}
.slick-track{margin:unset}
.property-card:hover{transform:translateY(-5px);box-shadow:0 2px 10px #0000000a;background:#fff}
.property-card:hover .redArrow{opacity:1;transition:.5s all ease}
.explore-properties .card-image-wrapper img{height:300px}
.bannerBottom h1{opacity:0;transform:translateY(60px);display:block}
.bannerBottom p{opacity:0;transform:translateY(30px)}
.c-search-bar{opacity:0;transform:scale(0.9);transform-origin:center}
.c-search-btn{transform:scale(0) rotate(-180deg)}
.formBottomText{opacity:0;transform:translateY(10px)}
.formBottomText a{display:inline-block}
.c-mask-wrapper{overflow:hidden;display:block}
.bannerBottom h1,.bannerBottom p{transform:translateY(110%);opacity:1;display:block}
.c-search-bar{opacity:0;transform:scale(0.9)}
.c-search-btn{transform:scale(0) rotate(-180deg)}
.formBottomText{opacity:0;transform:translateY(20px)}
.formBottomText a{display:inline-block}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}
.property-card{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
.card-image-wrapper img{will-change:clip-path,transform;transform:translateZ(0)}
.an-item{opacity:0;transform:translateY(50px);will-change:opacity,transform}



.accordion-container {
    display: flex;
    width: 100%;
    height: 500px;
    overflow: hidden;
    padding: 0 20px;
    gap: 10px;
}

        .panel {
            position: relative;
            background-size: cover;
            background-position: center;
            border-radius: 25px;
            overflow: hidden;
            cursor: pointer;
            flex: 1; /* Default state closed */
        }

        .panel::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
            pointer-events: none;
        }

        /* --- CONTENT FIXES FOR OVERLAP --- */
        .content {
            position: absolute;
            bottom: 40px;
            left: 40px;
            /* Fixed width taaki text shrink hone par toote nahi */
            min-width: 400px; 
            opacity: 0; 
            transform: translateY(20px);
            pointer-events: none;
            z-index: 2;
        }

        .content h3 {
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 35px;
    color: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    font-weight: 800;
}

        .content p {
    font-size: 0.95rem;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.5;
}
.content a {
    background: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    padding: 9px 18px;
    border-radius: 6px;
}
        

        /* --- VERTICAL TEXT FIXES --- */
.vertical-text {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: center center;
    white-space: nowrap;
    font-size: 25px;
    color: #fff;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 1px;
}

     





/* pops design start */

.menuIcon 
{
    cursor: pointer;
}

.customerCare 
{
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.customerCare svg 
{
    width: 20px;
    height: 20px;
    padding: 4px;
    border-radius: 50%;
    background: #c20000;
}d

.customerCare svg path 
{
    fill: #fff;
}

.customerCare b 
{
    font-size: 20px;
}

.customerCare span 
{
    font-weight: 600;
    color: #000;
    line-height: 1;
    font-size: 12px;
	font-family: 'Instrument Sans';
    /* font-family: "Montserrat", sans-serif; */
}

.customerCare span i 
{
    display: block;
    font-style: normal;
}

.glass-effect-wrap
{
    top: 0;
    left: -100%;
	width: 319px;
    z-index: 999999;
    height: 100vh;
    position: fixed;
    padding: 12px;
	transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 9px;
    background-color: rgba(255, 255, 255, 20%);
}

.glass-effect-wrap.menuOpen
{
	left:0;
	transition: left 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.sidemenuwrap 
{
	width: 100%;
    height: 100%;
    padding: 25px;
    border-radius: 11px;
    background-color: #fff;
}

.sidemenuwrap ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 20px;
}

.sidemenuwrap ul li a 
{
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    font-family: 'Instrument Sans';
}

.globe-wrapper 
{
    top: 80px;
    z-index: 999;
    padding: 25px;
    width: 282px;
    position: absolute;
    background-color: #fff;
}

.globe-wrapper svg 
{
    right: 11px;
    width: 19px;
    height: 19px;
    top: 11px;
    position: absolute;
}

.globe-wrapper .custom-dropdown .dropdown-selected 
{
    height: 42px;
}

.label-dd-wrap label {
    margin-bottom: 12px;
}

.label-dd-wrap {
    width: 230px;
}

.global-lbl-dd-wrap 
{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-top: 24px;
}

.globe-wrapper .control-panel 
{
    width: 100% !important;
}

.globe 
{
    cursor: pointer;
}

.globe-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.globe-wrapper.menuOpen {
    opacity: 1;
    pointer-events: auto;
    box-shadow: 3px 0px 6px #00000029;
    z-index: 9999999999;
    border-radius: 10px;
}


.logo-header {
    display: flex;
    column-gap: 19px;
    align-items: center;
    margin-bottom: 36px;
}

.logo-header h2 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0;
}

#profile-login-modal .modal-body {
    padding: 25px 28px;
}

.login-options-wrap ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    row-gap: 10px;
}

.login-options-wrap {
    padding: 0 16px;
}

.login-options-wrap ul li {
    height: 56px;
    border: 1px solid #E8E8E8;
    padding: 14px 18px;
    border-radius: 15px;
	position: relative;
}

.login-options-wrap ul li a {
    width: 100%;
    color: #000;
    display: flex;
    font-size: 20px;
    font-weight: 400;
	text-decoration: none;
    justify-content: center;
    font-family: 'Instrument Sans';
}

.login-options-wrap ul li a img {
    position: absolute;
    left: 18px;
    top: 0;
}

a.more-option {
	font-size: 15px;
    color: #838383;
    text-align: center;
    font-weight: 400;
    display: flex;
    margin-top: 15px;
    font-family: 'Instrument Sans';
    justify-content: center;
}


.login-options-wrap p 
{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 20px;
    color: #C3C3C3;
    font-family: 'Instrument Sans';
}

.login-options-wrap p a 
{
    color: #c3c3c3;
}

.hidden-login-options {
	margin-top:10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.hidden-login-options.show {
    max-height: 500px;
}

.more-option.hide {
    display: none;
}

.modal-cross-btn
{
    position: absolute;
    right: -40px;	
}

.modal-dialog.custom-modal-size 
{
    width: 383px;
}

/* pops design end */

/* listing page design start */

.inner-page
{
    background-color: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
	border-top: 1px solid #CDCDCD;
	box-shadow: 7px 5px 9px 0px #cccccc75;
}

.container-fluid.inner-header 
{
    border-bottom: 1px solid #CDCDCD;
}

.filter-ip-sect .bannerBottom 
{
    padding: 16px 0;
}

.filter-ip-sect .c-search-bar 
{
    margin: unset;
    max-width: 100%;
}

.filter-wrap
{
	background:#fff;
	border-radius:50px;
	box-shadow:0 4px 20px #00000014;
	display:flex;
	align-items:center;
	width:100%;
	max-width:950px;
	height:70px;
	padding:5px 8px;
	position:relative;
	border:1px solid #e0e0e0;
	margin:0 auto;
}

.filter-ip-sect .form 
{
    display: flex;
}

.filter-ip-sect form {
    display: grid;
    align-items: center;
    grid-template-columns: 16% 56% 9.179% 6.216% 9%;
    grid-column-gap: 15px;
}

.filter-ip-sect form .filter-wrap 
{
    border: unset;
    max-width: 100% !important;
    box-shadow: 0px 0px 14.5px 0px rgba(0, 0, 0, 0.25);
}

.filter-ip-sect .dropdown-selected 
{
	height: 63px;
	border: unset;
	padding: 10px 25px;
	box-shadow: 0px 0px 14.5px 0px rgba(0, 0, 0, 0.25);
}

section.breadcrumb-sect ul {
    list-style-type: none;
    padding-left: 0;
    column-gap: 8px;
}

section.breadcrumb-sect ul li a {
    text-decoration: none;
    color: #7a7a7a;
}

 

.brd-filter-cover ul 
{
    display: flex;
}

.selected-filter-wrap ul {
    display: flex;
} 
 .container-fluid.listing-card-wrap.mb-60 {
    margin-top: 30px;
}

.listing-card-wrap .cardContainer
{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;	
	align-self: baseline;
}

.listing-card-wrap .cardBoxContainer 
{
    display: flex;
    column-gap: 25px;
}

.add-image-cover 
{
    display: flex;
    flex-direction: column;
    row-gap: 28px;
}

.add-image-cover img 
{
    width: 100%;
    object-fit: contain;
}

.add-wrap
{
    display: flex;
    flex-direction: column;
    row-gap: 43px;
}

.selected-filter-wrap
{
	margin-top:10px;
}

.selected-filter-wrap ul li {
    background-color: #f9fafb;
    display: flex;
    align-items: center;
    column-gap: 15px;
    border: 1px solid #B9B9B9;
    border-radius: 5px;
    padding: 1px 7px;
    color: #8f8f8f;
    font-size: 14px;
}

.selected-filter-wrap ul 
{
    column-gap: 8px !important;
}

.selected-filter-wrap ul li i 
{
    cursor: pointer;
}

.tlevel-filter
{
    display: flex;
    flex-direction: row;
	column-gap: 9px;
	    height: 50px;
}

.tlevel-filter .toggle-container {
    width: 140px;
    padding: 6px 8px;
    border: none;
	    height: 100% !important;
}

.tlevel-filter .dropdown-selected 
{
    background-color: unset;
    border: 1px solid #000;
	    border: none;
}
.tlevel-filter .toggle-btn.active {
    border-radius: 6px;
}
.tlevel-filter .custom-dropdown 
{
	width: fit-content;
	    padding: 0 8px;
}

.breadcrumb-tlvl-filter-cover 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sort-wrap 
{
    width: 144px;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    column-gap: 15px; 
}

.sort-wrap button 
{
    color: #B3B3B3;
    font-size: 20px;
    font-family: 'Instrument Sans';
    display: flex;
    column-gap: 10px;
    justify-content: center;
    align-items: center;
}

.sort-tfilter-cover 
{
    display: flex;
    column-gap: 24px;
}

.radio-box-wrap {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
}

.radio-box-wrap input[type="radio"] 
{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
	margin-top: 0;
}

.radio-box-wrap input[type="radio"]:checked + .radio-box 
{
    color: #fff;
    border: 1px solid #d7d7d7;
    background-color: #C20000;
    border-radius: 9px;
    padding: 3.3px 5.25px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.radio-box-wrap input[type="radio"]:checked + .radio-box span 
{
    color:#fff !important;
}
 

.radio-box span 
{ 
    font-family: 'Instrument Sans';
}
 

#morefilter-dropdown .dropdown-selected 
{
    display: flex;
    justify-content: center;
}


.filter-panel 
{
    padding: 16px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,.18);
}

.filter-body 
{
	padding: 16px;
    overflow-y: auto;
    max-height: 400px;
}

.filter-block 
{
    margin-bottom: 20px;
}

.filter-title 
{
    color: #4c4a4a;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.filter-row 
{
    gap: 12px;
    display: flex;
}

.filter-field 
{
    width: 100%;
	text-align: left;
}

.filter-label 
{
	display: inline-block;
    font-size: 14px !important;
    color: #767676 !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;	
}

.filter-input-box 
{
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.filter-input-box input 
{
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
}

.filter-tags 
{
    gap: 10px;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.filter-tags li 
{
    font-size: 14px;
    cursor: pointer;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.filter-tags li:hover 
{
    color: #fff;
    background: #000;
}

.filter-footer 
{
	display: grid;
	column-gap: 10px;
    padding: 5px 10px 15px 10px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
}

.filter-body .filter-block:last-child 
{
    margin-bottom: 0;
}

.btn-reset 
{
    border: none;
    color: #777;
    cursor: pointer;
    background: transparent;
}

.btn-apply 
{
    color: #fff;
    border: none;
    background: #000;
    padding: 8px 18px;
    border-radius: 20px;
    cursor: pointer;
}

#morefilter-dropdown 
{
    position: relative;
}

#morefilter-dropdown .filter-panel 
{
	top: 80px;
    left: 0;
	padding: 0;
    z-index: 999;
    width: 335px;
    position: absolute;
}

#morefilter-dropdown .filter-panel .filter-body 
{
    padding: 10px;
}

#price-dropdown ul li 
{
    text-align: left;
	padding: 10px 13px;
}

#size-dropdown ul li 
{
    text-align: left;
	padding: 10px 15px;
}

.dnone
{
	display:none;
}

#currency-dropdown-tlf ul li 
{
    color: #000;
}

#currency-dropdown-tlf ul li:hover 
{
    color: #c20000;
} 

.outline-btn
{
    color: #c20000;
    border-radius: 6px;
    border: 1px solid #c20000;	
}

.filled-btn 
{
    color: #fff;
    border-radius: 6px;
    background: #c20000;
    border: 1px solid #c20000;
}















.inner-page {
    border-radius: 0;
}
.off-ready-all-wrap {
    display: flex;
    align-items: center;
    justify-content: unset;
    padding: 3px 3px;
    border-radius: 10px;
    height: 63px;
    column-gap: 4px;
    box-shadow: none;
    border: 1px solid #dedede;
}
.radio-box 
{
    width: 100%;
}
.radio-box-wrap input[type="radio"]:checked + .radio-box {
    border: none;
    background: #f3dbdb;
    color: #c20000;
}
.radio-box-wrap input[type="radio"]:checked + .radio-box span {
    color: #000000 !important;
} 

.container-fluid.inner-header {
}

.radio-box span {
    font-size: 16px;
    font-weight: 500;
}

.radio-box-wrap input[type="radio"]:checked + .radio-box {
    border: none;
    background: #f3dbdb;
    color: #c20000;
}

.radio-box-wrap input[type="radio"]:checked + .radio-box span {
    color: #000000 !important;
    font-weight: 500;
}

.filter-wrap {
    box-shadow: none !important;
	 padding: 7px 10px !important;
    border-radius: 10px;
    height: 63px;
    column-gap: 14.11px;
    box-shadow: none;
    border: 1px solid #dedede !important;
}

.filter-ip-sect .dropdown-selected {
    box-shadow: none;
	 padding: 7px 10px !important;
    border-radius: 10px;
    height: 63px;
    column-gap: 14.11px;
    box-shadow: none;
    border: 1px solid #dedede !important;
}

.filter-wrap {
    padding: 7px 10px !important;
    border-radius: 10px;
    height: 63px;
    column-gap: 14.11px;
    box-shadow: none;
    border: 1px solid #dedede !important;
}

.c-input-wrapper {
    padding: 0;
}

.filter-ip-sect form span {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
.c-search-input::placeholder {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
.filter-wrap { 
    height: 50px; 
}
.off-ready-all-wrap {
    height: 50px;
    column-gap: 12px; 
}
.filter-ip-sect .dropdown-selected {
     height: 50px; 
}
#morefilter-dropdown .dropdown-selected {
    display: flex;
    justify-content: space-between;
	background-color: #f5f5f5;
}

input.c-search-input::placeholder {
    font-weight: 400;
    color: #000;
}

#morefilter-dropdown svg {
    height: 20px;
}

#morefilter-dropdown svg path {
    fill: #767676;
}




/* listing page design end */
section.breadcrumb-sect {
    margin-top: 20px;
} 
.brd-filter-cover li {
    color: #c20000;
}
.filter-result-info span {
    font-size: 20px;
}

.filter-result-info span strong {
    font-weight: 600;
}

.sort-tfilter-cover .toggle-container, .sort-tfilter-cover .sort-wrap, .sort-tfilter-cover .custom-dropdown {
    border: 1px solid #B9B9B9;
    border-radius: 6px;
}

.sort-tfilter-cover span, .sort-tfilter-cover button {
    font-size: 14px;
    text-transform: uppercase;
    justify-content: space-around;
    padding: 0;
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
}
.tlevel-filter .toggle-btn img {
    width: 20px;
}
.custom-dropdown.open .dropdown-options {
    width: 140px;
}
.tlevel-filter .dropdown-options {
    border-radius: 6px;
}
.tlevel-filter .sort-wrap {
    width: fit-content;
    padding: 0 8px;
}

#currency-dropdown-tlf .dropdown-selected 
{
    height: 100% !important;
    padding: 0;
    display: flex;
    column-gap: 10px;	
}

.tlevel-filter .toggle-btn {
    border-radius: unset;
}


.slide-banner-wrap img { 
    height: 644px;
    width: 100%;
    object-fit: cover;
}

 
.homeBannerSlider {
    height: 644px;
    overflow: hidden;
}

.beds-value
{
    display: flex;
    flex-wrap: wrap;
    width: 211px;
    padding: 10px;
    gap: 10px;
}

.beds-value label {
    border: 1px solid #dedede;
    border-radius: 50px;
    width: auto;
    height: 32px;
    display: flex;
    align-items: center;
	justify-content: center;
}
/* 
.property-value
{
    display: flex;
    flex-wrap: wrap;
    width: 332px;
    padding: 10px;
    gap: 10px;	
} */
.property-value
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: auto;
    padding: 10px;
    gap: 10px;
}

.property-value .c-dropdown-option
{
    width: 150px;
    border-radius: 50px;
    border: 1px solid #dbdbdb;
    text-align: center;
    display: flex;
    justify-content: left;
    padding-left: 48px;
}

.property-value .c-dropdown-option:hover 
{
    background-color: #f5f5f5;
}

.property-value .c-dropdown-option.selected::before 
{
	color: #fff;
    width: 18px;
    height: 18px;
    top: 12px;
    left: 16px;
    font-size: 12px;
    position: absolute;
    border-radius: 50px;
    background-color: #c20000;
}

.property-value .c-dropdown-option.selected
{
	border: 1px solid #c20000;	
}

.property-value .c-dropdown-option
{
	position:relative;
}

.property-value .c-dropdown-option::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 16px;
    border: 2px solid #dedede;
    width: 18px;
    height: 18px;
    border-radius: 50px;
}

.property-value .c-dropdown-option.selected::after
{
	content:unset;
}

button.btn-reset.top-reset.outline-btn {
    height: 100%;
}

.price-min-max-wrap 
{
	display: flex;
    justify-content: space-between;
    height: 100%;
    border: 1px solid #dedede !important;
    border-radius: 10px;
    align-items: center;
    padding: 7px 10px !important;
}

.price-min-max-wrap {
    position: relative;
}

.min-max-cover {
    display: flex;
    column-gap: 20px;
    width: 100%;
}

.pmm-panel {
    position: absolute;
    top: 115%;
    left: 0;
    width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px #00000026;
    padding: 12px 0;
    z-index: 9999;
}

.pmm-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px !important;
    width: fit-content !important;
} 

.omin, .omax {
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.omin .label, 
.omax .label
{
    color: #6e5353 !important;
}

.pmm-panel.dnone {
    display: none;
}

.filter-ip-sect .pmm-panel .dropdown-selected {
    height: 37px;
    width: 130px;	
    border-radius: 6px;
}

.pmm-panel .title {
    font-weight: 500;
    margin-bottom: 15px;
}

#min-price-dropdown .dropdown-options,
#max-price-dropdown .dropdown-options 
{
    height: 180px;
    overflow-y: scroll;
}

#min-price-dropdown .dropdown-options::-webkit-scrollbar, 
#max-price-dropdown .dropdown-options::-webkit-scrollbar 
{
  width: 2px;
}

.pmm-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

#morefilter-dropdown .filter-panel .filter-body 
{
    overflow-y: unset;
    display: flex;
    column-gap: 16px;
}

.custom-dropdown.open .dropdown-options 
{
    text-align: left;
}

.size-wrap, 
.type-wrap 
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 7px;
    width: 100%;
    row-gap: 5px;
}

.size-wrap .label, .type-wrap .label {
    font-size: 14px;
    color: #6E5354 !important;
}



/**** details page ****/
 
.breadcrumb {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}

.title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headline-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

h1 {
    font-size: 32px;
    margin: 0;
    font-weight: 700;
}

.verified-badge {
    background-color: #e8f5e9;
    color: #2e7d32;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #c8e6c9;
    border-radius: 4px;
}

.stars {
    color: #ffb400;
    letter-spacing: 2px;
}

.location {
    font-size: 20px;
    margin-top: 8px;
    color: #000;
}

.location a {
    color: #0071c2;
    text-decoration: none;
}

/* Action Buttons */
.actions-right {
    display: flex;
    gap: 15px;
    align-items: center;
}

.save-btn {
    background: white;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
    font-size: 18px;
}

.enquire-btn {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}

.divider {
    border: 0;
    border-top: 1px solid #eee;
    margin: 25px 0 0 0;
}

/* Navigation Menu - Simple Links instead of Tabs */
.details-menu {
    display: flex;
    gap: 60px;
    padding: 0;
    margin-top: 20px;
}

.details-menu a {
    text-decoration: none;
    color: #777;
    font-size: 20px;
    font-weight: 400;
    transition: color 0.2s;
}

.details-menu a:hover {
    color: #000;
}
 

nav.breadcrumb {
    margin-top: 17px;
}

.detailsNaviContainer {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

nav.details-menu {
    width: 100%;
    align-items: center;
    justify-content: center;
}
.detailsNaviContainer {
    margin-bottom: 37px;
}


.galleryGrid {
    display: grid;
    grid-template-columns: 63% 36%;
    gap: 18.1px;
    height: 626px;
    overflow: hidden;
}

.galleryGrid img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.galleryGrid figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #00000024;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.galleryGrid figure {
    position: relative;
} 
.galleryContentAbs button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: hsl(0deg 0% 100%);
    border-radius: .75rem;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
}

.galleryContentAbs svg {
    width: 20px;
}
.galleryContentAbs {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    gap: 10px;
}

.galleryContentAbs button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: hsl(0deg 0% 100%);
    border-radius: .75rem;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
}

.galleryContentAbs svg {
    width: 20px;
    height: 22px;
}

.galleryGrid img {
    transition: .5s all ease;
}

.galleryGrid figure:hover img  {
    transition: .5s all ease;
    transform: scale(1.1);
}

.galleryGrid figure {
    overflow: hidden;
    border-radius: 10px; transition: .5s ll ease;
}

.morePhotos {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 10px;
    z-index: 99;
}

.morePhotos { 
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: hsl(0deg 0% 100%);
    border-radius: .75rem;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
}
.detailsRating {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.ratingBG {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: hsl(0deg 0% 100%);
    border-radius: .75rem;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
}

.ratingBG p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.ratingBG span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    background: #42b542;
    display: block;
    padding: 6px 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}







.galleryGridRight {
    display: flex;
    flex-direction: column;
    gap: 18.1px;
}

.galleryGridLeft {
    height: 100%;
}

.galleryGridRight img {
    height: 304px;
}
nav.details-menu {
    background: #fff;
    height: 60px;
}
nav.details-menu {
    background: #fff;
    height: 60px;
}

nav.details-menu a.active:after {
    width: 100%;
    height: 3px;
    background: #c20000;
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
}

nav.details-menu a {
    position: relative;
}

nav.details-menu a.active {
    color: #c20000;
    font-weight: 500;
}
body {
    font-family: "Instrument Sans", sans-serif;
}
.headline-row h1 {
    font-size: 40px;
}
 

 .galleryGrid {
    margin-bottom: 23px;
}
.price-spec-bar {
    display: flex;
    justify-content: space-between;
    align-items: center; 
}

.price-section .label {
    font-size: 11px;
    color: #888;
    display: block;
}

.price-section .price {
    font-size: 22px;
}

.specs {
    display: flex;
    gap: 30px;
    font-size: 15px;
    color: #444;
}

.availability-btn {
    background: #000;
    color: #fff;
    padding: 10px 24px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.section-divider {
    border: 0;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
}
 .propLogo img {
    width: 100%;
}

.details-columns {
    display: grid;
    grid-template-columns: 37% 37%;
    gap: 60px;
    margin-bottom: 40px;
}

.details-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.separator {
    border-left: 1px solid #eee;
    padding-left: 40px;
}

.detail-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.detail-row .key { color: #888; }
.detail-row .val { font-weight: 500; color: #000; }

 
.overview-card {
    background-color: #EFEFEF;
    padding: 25px;
    border-left: 4px solid #000;
    border-radius: 8px;
}

.overview-card p {
    font-size: 20px;
    line-height: 30px;
    color: #595959;
}

.read-more {
    color: #c00;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}
.detailsMidContainer {
    display: grid;
    grid-template-columns: 73% 25%;
    gap: 35px;
}
.spec-item {
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 12px;
}
.priceDetailsMain strong {
    font-size: 35px;
    font-weight: 700;
}

.priceDetailsMain {
    font-size: 18px;
    font-weight: 600;
}
.startingPrice span {
    font-size: 15px;
    letter-spacing: 2px;
    color: #6a6a6a;
}
.price-spec-bar {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 8px;
}
.priceSpecsEnqu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.price-spec-bar {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 35px;
}
section.details-grid-section h3 {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid#000;
    width: fit-content;
    padding-bottom: 8px;
} 

.instaGrid a {
    text-decoration: none;
}
.detail-row span {
    font-size: 18px;
}

section.details-grid-section h3 {
    margin-bottom: 28px;
}
section.overview-section h3 {
    font-size: 22px;
    font-weight: 600;
    width: fit-content;
    padding-bottom: 8px;
}



























 .commonDetailsHeading {
    font-size: 22px;
    font-weight: 600;
    width: fit-content;
    padding-bottom: 8px;
}

.rating-card {
    background: #efefef;
    border-radius: 10px;
    display: grid;
    padding: 25px;
    grid-template-columns: 23% 74%;
    align-items: center;
    gap: 2%;
}

.rating-left {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.rating-left h1 {
    font-size: 60px;
    margin: 0;
}

.stars {
  color: #ff9800;
  font-size: 18px;
  margin: 8px 0;
}

.rating-left p {
    font-size: 16px;
    color: #555;
    font-weight: 600;
	    margin: 0;
}

.divider {
  width: 1px;
  background: #ddd;
  margin: 0 25px;
}
 

.progress-row {
    display: grid;
    align-items: center;
    margin-bottom: 14px;
    font-size: 14px;
    grid-template-columns: 18% 83%;
}

.progress-row span {
    color: #7a7a7a;
    font-size: 20px;
}

.progress {
  flex: 1;
  height: 6px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 10px;
}

.progress-bar {
  height: 100%;
  background: #c40000;
  border-radius: 10px;
}

.percent {
  width: 40px;
  text-align: right;
  color: #555;
}
section.overview-section {
    margin-bottom: 40px;
}
.flexNumber {
    display: flex;
    align-items: center;
}

.pro-listing-btn a {
    display: inline-block;
    padding: 8px 42px;
    border: 1px solid #b9b9b9;
    border-radius: 10px;
    text-decoration: none;
    color: #585858;
    font-size: 16px;
    transition: all .3s ease;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    margin-top: 50px;
}

.instaGrid video {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.formBottomText 
{
    z-index: -1;
	position: relative;
}

.slider 
{
    z-index: 99;
}

input.c-search-input.search 
{
    padding-left: 15px;
}

.explore-tab-content.explore-active-content .property-card 
{
    transition: unset !important;
    will-change: unset !important;
    animation-delay: unset !important;
    backface-visibility: unset !important;
    transform-origin: unset !important;
}

.explore-tab-content.explore-active-content .property-card, 
.explore-tab-content.explore-active-content .property-card a, 
.explore-tab-content.explore-active-content .property-card img 
{
    animation-delay: unset !important;
    will-change: unset !important;
    backface-visibility: unset !important;
    transition: unset !important;
    transform-origin: unset !important;
    transform: unset !important;
    opacity: 1 !important;
}

figure.instaGridWrap 
{
	height: 450px;
    position: relative;
}

.instaGridWrap .video-btn 
{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.instaGridWrap .video-btn svg 
{
    width: 50px;
    height: 50px;
}

.instaVideoWrap:before 
{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000033;
}

.instaGridWrap a svg path 
{
    fill: #fff;
}

.instaGridWrap .video-btn svg path 
{
    fill: #fff;
}

.mb-40 {
    margin-bottom: 40px;
}


/**** availability **/
 
/* TABLE */
table{
    width:100%;
    border-collapse:collapse;
}
thead{
    background:#f2f2f2;
}
th,td{
    padding:14px 16px;
    font-size:14px;
    border-bottom:1px solid #dddddd;
    text-align:left;
}

/* BADGE */
.badge{
    padding:6px 14px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}
.available {
    background: #e7f6ea;
    color: #279E0F;
    font-weight: 600;
    font-size: 16px;
    padding: 5px 22px;
    border-radius: 50px;
}
.sold{background:#fdeaea;color:#d93025;}

/* ACCORDION */
.accordion-header{
    cursor:pointer;
}
.accordion-header:hover{
    background:#fafafa;
}
.accordion-header.active{
    background:#f7f7f7;
}
.accordion-body{
     display:none; 
    background:#fafafa;
}

/* ARROW */
.title-wrap{
    display:flex;
    align-items:center;
    gap:10px;
}
.arrow{
    width:8px;
    height:8px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    transform:rotate(-45deg); /* closed */
    transition:.25s ease;
}
.accordion-header.active .arrow{
    transform:rotate(45deg); /* open */
}

/* INNER TABLE */
.unit-table th{
    font-size:13px;
    color:#666;
}
.floor-plan { 
    width: 63px;
    height: 63px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.btn-sold{
    border-color:#d93025;
    color:#d93025;
    cursor:not-allowed;
} 

.availibility th {
    background: #EFEFEF;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
	   text-align: left;
}
.bg-Gray {
    background: #efefef;
}
table {
}

tr.accordion-header strong {
    font-weight: 500;
    font-size: 16px;
}

tr.accordion-header small {
    font-size: 14px;
}
.firstColumn {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    gap: 3px;
	  color: #000;
}

.firstColumn small {
    color: #009adc;
}
td {
    font-size: 16px;
    font-weight: 500;
    color: #7A7A7A;
}
 
tr.accordion-body td {color: #000;font-size: 16px;font-weight: 500;}

table.unit-table th {
    text-align: center;
}



tr.accordion-header.active {
    background: #EFEFEF;
}

thead th {
    border-bottom: 1px solid #ccc;
}

tr.accordion-body {
    border: 1px solid #ccc;
}

tr.accordion-body td {
    padding: 0;
    text-align: center;
}

table.unit-table button {
    border: 1px solid #000;
    height: 34px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
}
tr.accordion-body td input {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: flex;
    border: 1px solid #ccc;
}

tr.accordion-header.active {
    border: 1px solid #ccc;
}

.amenitiesContent {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.amenitiesContent figure img {
    width: 100%;
}

.amenitiesContent figure h3 {
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    z-index: 99;
    color: #fff;
    margin: 0;
    left: 10px;
}

.amenitiesContent figure:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0 0 no-repeat padding-box;
    pointer-events: none;
    border-radius: 10px;
}

.amenitiesContent figure {
    position: relative;
    overflow: hidden;
}

.floorPlanContent svg {
    width: 26px;
    height: 26px;
}

.floorPlanGrid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

div#accordion .card-header a {
    width: 100%;
}

div#accordion {}

.floorPlanContent {
    display: flex;
    align-items: center;
    gap: 10px;
}

div#accordion .card-header {
    background: #ffffff;
}

.floorPlanContent span {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-weight: 600;
}

.floorPlanContent span i {
    display: block;
    font-style: normal;
    font-size: 13px;
    color: #7a7a7a;
    font-weight: 500;
}
div#accordion .card-body {
    padding: 0;
}
div#accordion table.unit-table th {
    text-align: left;
}
.floor-plan img {
    width: 100%;
    height: 48px;
    object-fit: contain;
}
div#accordion .unit-table td img {
    width: 100%;
    height: 50px;
    object-fit: contain;
    margin: auto;
    border: 1px solid #c1c0c0;
    width: fit-content;
    border-radius: 5px;
}
div#accordion .unit-table td {
    text-align: center;
}

div#accordion .unit-table th {
    text-align: center !important;
}
.card-header {
    padding: 0;
}

a.btn {}

div#accordion .card-header a {
    padding: 14px;
}

div#accordion .card-header a {
    background: #fff;
      border-color: hsl(220deg 13% 88%);
    box-shadow: none;
	    padding-left: 35px;
    padding-right: 35px;
}

div#accordion .card-header a.btn.collapsed {
    background: none;
}

div#accordion .card-header {
    box-shadow: none;
    border: none;
}

div#accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

div#accordion .card {
    box-shadow: none;
    border: none;
}

div#accordion table.unit-table th {
    background: hsl(0deg 0% 94%);
    border-bottom: 1px solid #ccc;
}

div#accordion .unit-table {
    border: 1px solid #ccc;
    border-top: none;
}

.collapse.show {
    border-bottom: 1px solid #ccc;
}

a.btn {
    border-radius: 10px 10px 0px 0px;
}

a.collapsed.btn {
    border-radius: 10px 10px 10px 10px;
}
h4.secondHeadingDetails {
    font-size: 16px;
}
div#accordion svg {
    color: hsl(220deg 10% 46%);
    opacity: .8;
}

 

tr.accordion-header.active {
    border-top: 1px solid #ccc;
} 

tr.accordion-body.accordingOpens > td {
    border-bottom: 1px solid #ccc;
}

tr.accordion-header.active > td {
    border-top: 2px solid #ccc;
}
 
.wrapper {
    border: 1px solid #ccc;
}
tr.accordion-body.accordingOpens .unit-table th {
    background: #e3e3e3;
}

.floorPlans .wrapper {
    border: none;
}
.card:hover .card-header a:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}
div#accordion .unit-table tr:nth-child(odd) {
    background: hsl(0deg 0% 97.65%);
}

div#accordion .unit-table tr:nth-child(even) {
    background: #fff;
}

div#accordion .unit-table td {
    color: #000;
    font-weight: 400;
    font-size: 16px;
}
 .accordion-body tr:nth-child(even) {
	 background: hsl(0deg 0% 97.65%);
}
.accordion-body tr:nth-child(odd) {
    background: #fff;
}


.rightDetails-container {
  max-width: 380px;
  margin: auto;
   
  background: #ffffff;
}

.rightDetails-header {
    text-align: center;
    padding: 20px;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    background: #F5F5F5;
}

.rightDetails-logo {
    max-width: 140px;
    margin-bottom: 0;
}

.rightDetails-title {
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px solid #000;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}

.rightDetails-qr-box {
  margin: 20px 0;
  padding: 20px; 
  text-align: center;
  border: 1px solid #E5E5E5;
    border-radius: 6px;
    background: #F5F5F5;
}

.rightDetails-qr-title {
    font-weight: 600;
    margin-bottom: 18px;
}

.rightDetails-qr {
  width: 180px;
  height: auto;
}

.rightDetails-qr-text {
    margin-top: 10px;
    font-size: 16px;
    color: #7A7A7A;
}

.rightDetails-ref {
  font-size: 14px;
  margin-bottom: 15px;
}

.rightDetails-form {
  border: 1px solid #eee; 
}

.rightDetails-form  input, .rightDetails-form  textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 14px;
    background: none;
}

.rightDetails-input:focus {
  outline: none;
  border-color: #000;
}

.rightDetails-phone {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.rightDetails-flag {
  margin-right: 5px;
}

.rightDetails-code {
  margin-right: 8px;
  font-size: 14px;
}

.rightDetails-phone-input {
  flex: 1;
  border: none;
  padding: 10px 0;
  font-size: 14px;
}

.rightDetails-phone-input:focus {
  outline: none;
}

.rightDetails-textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  min-height: 80px;
  font-size: 14px;
  margin-bottom: 20px;
}

.rightDetails-button {
  width: 100%;
  padding: 12px;
  border: 1px solid #000;
  background: #fff;
  font-size: 15px;
  cursor: pointer;
  border-radius: 4px;
      margin-top: 20px;
}

.rightDetails-button:hover {
  background: #000;
  color: #fff;
}
.SideFormContainer {
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    background: #F5F5F5;
} 

.MainDetailsContrainer
{
		    background: #ffffff;
}
.rightDetails-ref {
    display: flex;
}

.floorPlanContent svg path {
    stroke: hsl(220deg 10% 46%);
}
span.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
   width: 48px;
    height: 48px;
}

.accordion-body-Common {
    font-size: 20px;
    font-weight: 400;
    font-family: "Instrument Sans", sans-serif;
    color: #919191;
	    padding: 1rem 1.25rem;
} 


/**** availability **/

/**** Community Details ***/

.communityDetails figure img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

.communityDetails figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000030;
    border-radius: 10px;
}

.communityDetails figure {
    position: relative;
	height:584px;
}
.communityDetails figure h4 {
    position: absolute;
    font-size: 35px;
    color: #fff;
    left: 30px;
    top: 30px;
}

.commBottomDet {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 95%;
    display: grid;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    gap: 100px;
    grid-template-columns: 60% 31%;
    align-items: center;
}

.commBottomDet a {
    background: #ffffff;
    color: #000000;
    padding: 10px 24px;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    width: fit-content;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
}

.commBottomDet p {
    font-size: 20px;
    margin: 0;
}	

.nearloaction-pdiv {
    display: flex;
    flex-direction: column;
    grid-row-gap: 25px; 
}
.nearbylocationwrap {
    display: flex;
    justify-content: space-between;
}
.nearbylocationwrap .location-wrap {
    padding: 0;
}

.location-wrap {
    display: flex; 
    align-items: center;
    grid-column-gap: 10px;
}
.location-wrap span {
    font-weight: 500;
}
div#map2 iframe {
    width: 100%;
    height: 500px;
    border-radius: 10px 10px 0px 0px;
}

.location-box {
}

.nearloaction-pdiv {
    padding: 20px;
}

.location-box {
    box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
}






/**** Community Details ***/



/*** about css start ***/

.mt-100 {
    margin-top: 80px;
} 
.about-imgtext-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 105px;
    grid-column-gap: 117px;
    margin-bottom: 84px;
}
.about-left video {
    width: 100%;
    height: 385px;
    border-radius: 20px;
    object-fit: cover;
}
.about-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-right h1 {
    font-size: 31px;
    line-height: 44px;
    font-weight: 400;
    width: 70%;
    margin-bottom: 25px;
    position: relative;
}
.about-right p {
    font-size: 18px;
    line-height: 27px;
}
.about-right p {
    margin-bottom: 0;
    width: 95%;
}
.about-right h1 span {
    font-weight: 600;
}

.missionvisionwrap{opacity:1;padding:60px;border-radius:20px;background-color:#f5f5f5;display:grid;grid-template-columns:repeat(2,1fr);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;grid-column-gap:279px;margin-bottom:78px}
.mv-missionwrap h4,.mv-visionwrap h4{font-size:31px;line-height:47px;font-weight:500;margin-bottom:28px}
.mv-missionwrap p,.mv-visionwrap p{font-size:18px;line-height:27px;width:90%;margin:0 auto;    font-weight: 500;}
.mv-missionwrap:after {
    content: '';
    position: absolute;
    top: 0;
    right: -140px;
    height: 100%;
    width: 1px;
    background-color: #707070;
}
.mv-missionwrap {
    position: relative;
}
.about-profile-sect{padding:6px 0 84px}
.about-prof-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.about-profile-sect .about-left span{display:inline-flex;margin-bottom:12px;letter-spacing:5px;color:#262626;font-size:20px}
.about-profile-sect .about-left h4{width:100%;margin:0;margin-bottom:20px;font-size:39px;line-height:59px;font-weight:500}
.about-profile-sect .about-left{font-size:22px;line-height:33px;margin-bottom:0;font-weight:400}
.about-profile-sect .about-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;align-self:self-start}
.about-profile-sect .about-right a{color:#fff}
.about-profile-sect .about-right img{width:850px;transition:transform .3s ease-out}
.about-profile-sect .about-right:hover img{transform:scale(1.05);transition:transform .3s ease-out}
.about-profile-sect .about-right .ceo-wrap{height:583px;position:relative;overflow:hidden;border-radius:10px}
.ceo-msg-modal{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:20px 30px;z-index:99}
.about-profile-sect .about-right .ceo-wrap:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:1;background:transparent linear-gradient(180deg,#00000000 0%,#000000de 100%) 0 0 no-repeat padding-box}
.ceo-msg-modal svg{width:30px;height:20px}
.ceo-msg-modal svg path{fill:#fff}
.msg-slider{position:fixed;top:0;right:-100%;width:1000px;height:100vh;background:white;z-index:999999;transition:right .8s ease;box-shadow:0 -3px 10px #00000046}

.ft-ourteam{font-size:31px;line-height:47px;font-weight:500;margin-bottom:28px}
.full-team-sect p{font-size:18px;line-height:27px;width:100%;margin:0 auto;margin-bottom:30px}
.team-img-cover{height:600px;overflow:hidden;border-radius:10px;position:relative}
.team-img-cover img{width:100%;object-fit:cover}
.full-team-sect .action-wrap{display:inline-flex;justify-content:center;align-items:center;margin:20px auto;width:100%;grid-column-gap:15px}
.full-team-sect .action-wrap a{width:fit-content;padding:15px 20px;font-size:15px;line-height:19px;font-weight:600;letter-spacing:.6px;text-transform:capitalize;border:1px solid #c20000}
.full-team-sect .action-wrap a:hover{color:#fff!important;background-color:unset;border:1px solid #fff;transition:.5s all ease}
.full-team-sect{padding-bottom:84px}
.our-team-detail-pdiv .commheadFilterWrap{margin-top:145px}
.our-team-detail-sect{padding:40px 0;display:flex;flex-direction:column;grid-row-gap:50px}
.our-team-detail-sect h3{font-size:25px;line-height:40px;font-weight:500;margin-bottom:28px}
.our-teambox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.out-team-box img{height:100%;width:100%;object-fit:cover}
.out-team-box h4{font-size:18px;font-weight:500;margin-bottom:0}
.mt145{margin-top:145px}
.about-page .desktop-structure.home-page.content{width:93%;margin:0 auto}
.team-img-cover:after{content:"";background:#00000059;width:100%;height:100%;position:absolute;left:0;top:0}
.team-img-cover{position:relative}
.abs-About{position:absolute;bottom:0;z-index:99}
.abs-About p{color:#fff;text-align:center;width:80%;font-weight:600;margin-bottom:15px}
.team-img-cover:before{content:"";display:block;background:transparent linear-gradient(180deg,#00000000 0%,#000000de 100%) 0 0 no-repeat padding-box;height:260px;width:100%;bottom:0;position:absolute;top:unset}
.about-right p{font-size:18px;line-height:27px}
.about-left p{font-size:18px;line-height:27px}
.about-profile-sect .about-left h4{font-weight:600;line-height:38px;font-size:25px}
.about-profile-sect .about-left h4:after{width:112px}
.about-profile-sect .about-left p:nth-of-type(1){margin-top:50px}
.about-prof-grid{gap:50px;align-items:center}
.about-profile-sect .about-right .ceo-wrap{height:523px}
.about-left p{text-align:justify}

.about-profile-sect .about-left a{font-size:16px;line-height:16px;font-weight:500;color:#C20000;margin-top:0;display:block;padding-bottom:9px;margin-bottom:9px;cursor:pointer}
h5.msgrName{margin-top:40px}
span.msgrDesig{opacity:.44}
.about-profile-sect .about-left h4{position:relative}
.about-profile-sect .about-left h4:after{content:'';position:absolute;width:292px;height:3px;background-color:#c20000;bottom:-11px;left:0;z-index:9999!important;display:flex}
.about-profile-sect .about-left p:nth-of-type(1){margin-top:70px;margin-bottom:40px}

.about-profile-sect .about-left h4:after {
    width: 112px;
}
a {
    text-decoration: none;
}
.full-team-sect .action-wrap a:hover {
    color: #fff !important;
    background-color: unset;
    border: 1px solid #fff;
    transition: .5s all ease;
}
.commonLearnMore {
    background: #c20000;
    width: 100%;
    display: block;
    padding: 8px 10px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 3.6px;
}

.notSure{box-shadow:0 3px 6px #00000029;border-radius:15px;text-align:center;display:flex;flex-direction:column;padding:20px;position:relative}
.notSure h3{margin:0;font-size:25px;font-weight:500;line-height:38px;margin-bottom:20px}
.notSure p{margin:0}
.whatsappButton{background:#34C200;border-radius:8px;margin:0 auto;height:39.12px;width:268px}
.notSure p{font-size:22px;line-height:33px;margin-bottom:31.42px;font-weight:400;margin-left:auto;margin-right:auto}
.notsureimg{position:absolute;width:389.39px;height:248.61px;top:8px;left:32.2%;transform:translateX(-50%)}
.notsureimg img{width:100%;height:100%}
.notSureCover{width:37%;margin-left:auto;margin-right:auto}
.whatsappButton svg{width:22.01px;height:22.11px;position:relative;top:-1px}
.whatsappButton{display:flex;align-items:center;gap:10.76px;color:#fff;justify-content:center}
.whatsappButton span{font-weight:700;font-size:14px;line-height:21px;letter-spacing:1.4px}
.whatsappButton a{display:flex;align-items:center;gap:10.76px;color:#fff;justify-content:center;text-decoration:none;position:relative;top:1px}
.notSure{background-color:#f9f9f9;padding:36.75px 0}
.mb-52 {
    margin-bottom: 52px !important;
}














/*** about css start ***/


 
.contact-page .singleImageBanner h1 {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 9;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    margin: 0;
}
.contactPage {
    box-shadow: 0 3px 6px #00000029;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 40%;
    margin: 0 auto;
        margin: 0 auto;
    margin-top: 60px;
     margin-bottom: 60px;
}

.contactPage h3.commonHeading.modal-title {
    margin-bottom: 20px !important;
    font-size: 20px;
    font-weight: 600;
}


.contactPage   .custom-select {
  position: relative;
  font-family: Arial;
}

.contactPage   .custom-select select {
  display: none; /*hide original SELECT element:*/
}

.contactPage   .select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.contactPage   .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.contactPage .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.contactPage .select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.contactPage .select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.contactPage .select-hide {
  display: none;
}

.contactPage .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.contactPage .searchTextBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border: none;
}

.contactPage .select-selected {
    background: #f4f4f4;
    background: #F4F4F4;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    height: 38px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #8F8F8F;
}

.contactPage textarea {
    background: #F4F4F4;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    padding-left: 39px;
    height: 87px;
    font-size: 12px;
    color: #8F8F8F;
    padding-left: 12px;
}

.contactPage .searchTextBox input {
    padding-left: 20px;
}

.contactPage .select-selected:after {
    border-color: #afafaf transparent transparent transparent;
}

.contactPage .select-items {
    background: #ededed;
    width: 100%;
    top: 43px;
    height: 200px;
}

.contactPage .select-items div, .select-selected {
    color: #000;
    text-align: left;
    width: 100%;
}

.contactLocationGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
    margin-top: 60px;
    align-items: center;
}

.contactLocationLeft iframe {
    width: 100%;
    height: 580px;
        border-radius: 10px;
}

.contactLocRight .aboutContactGrid {
    flex-direction: column;
    gap: 20px;
}

.contactPage {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.contactLocationGrid {
    margin-top: 0;
    margin-bottom: 80px;
}

.contactLocationLeft {
    margin-bottom: 60px;
}

.aboutContactGrid{display:flex;grid-template-columns:repeat(4,1fr);width:100%;margin:0 auto;gap:70px;margin:0 auto;justify-content:center}
.aboutContactContent svg{width:27px;height:26px}
.aboutContactContent{display:flex;align-items:center;gap:15px}
.abContactSVG{background:#f5f5f5;padding:16px;border-radius:10px;box-shadow:0 3px 6px #00000017}
.aboutContactContent a {
    color: #000;
    font-size: 20px;
    line-height: 27px;
    text-decoration: none;
    font-weight: 500;
}
.aboutContact h4{text-align:center;font-size:31px;line-height:47px;font-weight:500;margin-bottom:28px}
.aboutContact{margin-bottom:78px}

.contactPage .searchTextBox input {
    padding-left: 20px;
}
.contactPage .searchTextBox input {
}
.searchTextBox input {
    color: #8F8F8F;
}
.searchTextBox input {
    background: #F4F4F4;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    height: 38px;
    font-size: 12px;
    line-height: 18px;
}
button.enquireCTA.enquireCTA3 {
    background-color: #c20000;
    color: #fff;
    border: none;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
    width: 100%;
}

.commonBannerInside:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: unset;
    background: #24202E 0 0 no-repeat padding-box;
    opacity: .75;
}
.commonBannerInside .commonBannerInsideOverlap {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 9;
    font-size: 37px;
    font-weight: 600;
    line-height: 38px;
    margin: 0;
}
.commonBannerInside figure {
    height: 400px;
}
.commonBannerInside figure img { 
	    object-fit: cover;
    width: 100%;
    height: 100%;
}
.commonBannerInside {
    position: relative;
}

.commonBannerInsideOverlap {
    text-align: center;
}

.commonBannerInsideOverlap p {
    font-size: 20px;
    font-weight: 500;
}

.commonBannerInsideOverlap h1 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1.6px;
    font-weight: 700;
    text-wrap: nowrap;
}

.commonBannerInsideOverlap h1 strong {
    font-weight: 700;
}


/***** career page css start ***/

/* Wrapper */
.careerPage-wrapper {
  font-family: "Segoe UI", sans-serif;
  color: #111;
}

/* Hero Section */
.careerPage-hero {
  position: relative;
  height: 420px;
  background: url("/mnt/data/2f13511b-e43e-42a1-8488-a2fefa2adac7.png") center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.careerPage-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.careerPage-heroContent {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 1;
  max-width: 800px;
  padding: 20px;
}

.careerPage-heroContent h1 {
  font-size: 42px;
  margin-bottom: 10px;
}

.careerPage-heroContent h1 span {
  background: #b11226;
  padding: 4px 10px;
  border-radius: 4px;
}

.careerPage-heroContent p {
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0.9;
}

.careerPage-btn {
    display: inline-block;
    padding: 2px 18px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s;
    font-size: 16px;
}

.careerPage-btn:hover {
  background: #fff;
  color: #000;
}

/* No Jobs Section */
.careerPage-noJobs {
  text-align: center;
  padding: 70px 20px;
  background: #fff;
}

.careerPage-icon {
  font-size: 34px;
  margin-bottom: 10px;
}

.careerPage-noJobs h2 {
    margin-bottom: 10px;
    font-size: 28px;
    color: #000;
    font-family: "Instrument Sans", sans-serif;
    font-weight: 600;
}

.careerPage-noJobs p {
    max-width: 920px;
    margin: 0 auto 40px;
    color: #212529;
    line-height: 1.6;
    font-size: 18px;
}

/* Action Cards */
.careerPage-actions {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.careerPage-card {
    width: 260px;
    padding: 25px;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    text-decoration: none;
    color: #111;
    transition: 0.3s;
}

.careerPage-card span {
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
}

.careerPage-card h4 {
  margin-bottom: 6px;
  font-size: 16px;
}

.careerPage-card p {
  font-size: 14px;
  color: #777;
}

.careerPage-card:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-4px);
}




/***** career page css start ***/


span.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; 
}
.loader { 
    margin: 0 auto;
    display: flex;
}


/* Card ko zabardasti dikhane ke liye */
.property-card.no-anim {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Image ka mask hatane ke liye */
.property-card.no-anim .card-image-wrapper img {
    opacity: 1 !important;
    transform: none !important;
    clip-path: inset(0% 0 0 0) !important;
}

/* Text wagarah dikhane ke liye */
.property-card.no-anim .property-title, 
.property-card.no-anim .property-location, 
.property-card.no-anim .features, 
.property-card.no-anim .divider, 
.property-card.no-anim .card-footer1 {
    opacity: 1 !important;
    transform: none !important;
}









 
.video-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Individual Card Design */
.video-card { 
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.instaGrid .card-header {
    text-align: center;
    padding: 15px;
    background-color: #fff;
}

.instaGrid .card-header h3 {
    text-align: center;
    color: #000;
    text-decoration: none;
    background: #fff;
    padding: 11px;
    border: none;
    font-weight: 400;
    font-size: 26px;
	
}

/* Video Section */
.video-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    background: #000;
}

/* Thumbnail and Play Button overlay */
.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.thumbnail-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px; /* Centering the play triangle visually */
}

/* Video Tag */
.video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; /* Initially hidden */
}

/* State when video is playing */
.video-wrapper.is-playing .thumbnail-overlay {
    display: none; /* Hide thumbnail */
}

.video-wrapper.is-playing video {
    display: block; /* Show video */
}
body.modal-active1 .msg-slider1{right:0}
.msg-slider1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:fixed;top:0;right:-100%;width:1000px;height:100vh;background:white;z-index:999999;transition:right .8s ease;box-shadow:0 -3px 10px #00000046}
a.sliderCross1{position:absolute;top:50%;left:-70px;transform:translateY(-50%)}
a.sliderCross1 svg{position:absolute;width:60px;height:60px;background-color:#fff;border-radius:50px;padding:21px;box-shadow:0 3px 6px #00000029}
body.modal-active1:before{content:'';position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100vh;z-index:99999;background:#ffffff39 0 0 no-repeat padding-box;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ceo-msg-modal{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:20px 30px;z-index:99}
.about-profile-sect .about-right .ceo-wrap:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:1;background:transparent linear-gradient(180deg,#00000000 0%,#000000de 100%) 0 0 no-repeat padding-box}
.ceo-msg-modal svg{width:30px;height:20px}
.ceo-msg-modal svg path{fill:#fff}
.msg-slider{position:fixed;top:0;right:-100%;width:1000px;height:100vh;background:white;z-index:999999;transition:right .8s ease;box-shadow:0 -3px 10px #00000046}
body.modal-active:before{content:'';position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.7);overflow:hidden}
body.modal-active .msg-slider{right:0}
body.modal-active{overflow:hidden;position:relative;height:100vh}
body.modal-active:before{content:'';position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100vh;z-index:99999;background:#ffffff39 0 0 no-repeat padding-box;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
/*.msg-slider{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}*/
.msg-slider-right img{width:100%;height:100%;object-fit:cover}
.msg-slider-left{padding:40px;height:100vh;overflow-y:scroll}
.msg-slider-left h4{width:100%;margin:0;font-size:39px;line-height:59px;font-weight:400;margin-bottom:20px}
.msg-slider-left p {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 17px;
}
a.sliderCross{position:absolute;top:50%;left:-70px;transform:translateY(-50%)}
a.sliderCross svg{position:absolute;width:60px;height:60px;background-color:#fff;border-radius:50px;padding:21px;box-shadow:0 3px 6px #00000029}
    
.commonBannerInsideOverlap h1 strong:after {}

.commonBannerInsideOverlap h1 strong:after {
    content: '';
    opacity: .44;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #C20000;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.commonBannerInsideOverlap h1 strong {
    position: relative;
}
.commonBannerInsideOverlap h1 strong {
    position: relative;
    margin-left: 5px;
}

.career-content-pdiv {
    position: relative;
    text-align: center;
    margin-top: 67px;
    margin-bottom: 30px;
	z-index: unset;
}
.career-content-pdiv p {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 300;
}
div#map2 {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 70px;
}
div#map2 iframe {
    width: 100%;
    height: 470px;
    border-radius: 10px;
}
.careerPage-btn {
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 99999;
    cursor: pointer;
    display: inline-flex;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 12px;
    color: #fff;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
}
.career-content-pdiv.carrerOnly p {
    width: 70%;
    font-weight: 400;
}
.upload-cv {
    position: absolute;
    top: 49px;
    right: 45px;
    z-index: 99999;
    width: 150px;
    overflow: hidden;
    cursor: pointer;
}
.upload-cv span {
    display: inline-flex;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 12px;
    color: #fff;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
}

#uploadCV label{font-size:13px;margin-top:3px;color:#c20000}
.form-group.uploadcvinput label{position:absolute;bottom:-21px}
.cvWrap.getOTPForm.searchTextBox{margin-bottom:40px}

.getOTPForm input{padding-left:12px}
.getOTPForm{display:flex;flex-direction:column;gap:10px}
.searchTextBox textarea{background:#F4F4F4;border:none;padding:12px;width:100%;border-radius:8px;padding-left:39px;height:87px;font-size:12px;color:#8F8F8F;padding-left:12px}

.cvWrap.getOTPForm.searchTextBox{padding:0 22px}
#uploadCV .callToAction.GetOtpButton{padding:0 22px}
.form-group.uploadcvinput input{overflow:hidden!important;opacity:0;position:absolute;top:0;left:-100px;cursor:pointer;width:160%;height:100%;z-index:9999}
.form-group.uploadcvinput{background-color:#F4F4F4;padding:12px;width:130px;border-radius:8px;height:40px;font-size:15px;line-height:18px;color:#8F8F8F;position:relative;cursor:pointer;text-wrap:nowrap}
.form-group.uploadcvinput .myUpload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;grid-column-gap:10px}
.form-group.uploadcvinput .myUpload svg{position:relative;top:unset;left:unset;transform:unset;margin-bottom:0;width:19px!important;height:19px!important}
#uploadCV .commonHeading{display:flex;justify-content:center; font-size:17px;line-height:26px;font-weight:500}
#uploadCV form{ margin-bottom:0}
.form-group.uploadcvinput .myUpload svg path{fill:#8F8F8F}
.modal-header {
    position: absolute;
    border: none;
    right: 20px;
    padding: 0;
    top: 22px;
} 
.modal-header .btn-close {
    color: #000;
    z-index: 9;
    margin: 0;
    padding: 0;
    opacity: 1;
    font-weight: 200 !important;
    font-size: 15px;
}
.modal-content {
    width: 611px;
	    margin: 0 auto;
}
.modal-content {
    box-shadow: 0 -3px 10px #00000046;
    border-radius: 20px 20px 20px 20px;
    border: none;
    overflow: unset;
}
.enquireCTA {
    padding: 13px 63px;
    background: #c20000;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 21px;
    line-height: 31px;
    height: 62px;
    font-weight: 700;
    align-items: center;
}
.callToAction.GetOtpButton button {
    border: none;
    width: 100%;
    display: flex;
    justify-content: center;
} 
.modal-backdrop.fade.show {
     background: #ffffff39 0 0 no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
	    z-index: 999;
}
.career-content-pdiv.carrerOnly {
    margin-bottom: 70px;
}











/* inner pages */

.career-content {
    margin-top: 105px;
}

.career-section {
    position: relative;
    top: -20px;
}

.career-wrap {
    position: relative;
}


.career-banner {
    position: relative;
    overflow: hidden;
    height: 475px;
}

.career-banner img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.werlooking {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.werlooking h1 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1.6px;
    font-weight: 700;
    text-wrap: nowrap;
    margin-bottom: 41px;
}

.werlooking h1 .txtBkg {
    position: relative;
}

.werlooking h1 .txtBkg:before {
    content: '';
    opacity: .44;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #C20000;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.applynowwrap.sell-with {
    grid-column-gap: 15px;
}
.applynowwrap {
    display: flex;
    justify-content: center;
}

.applynowwrap a {
    padding: 9px 0;
    color: #fff;
    text-decoration: none;
    background-color: #C20000;
    border-radius: 50px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: .6px;
    width: 170px;
    text-wrap: nowrap;
    text-align: center;
}

.applynowwrap.sell-with a:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.76px;
    background-color: #34C200;
}

.applynowwrap.sell-with a:last-child svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
}

.upload-cv.Sell-Btn {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 12px;
    width: fit-content;
}

.upload-cv span {
    display: inline-flex;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
}

.upload-cv {
    position: absolute;
    top: 49px;
    right: 45px;
    z-index: 99999;
    width: 150px;
    overflow: hidden;
    cursor: pointer;
}

.career-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #24202E 0 0 no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: .75;
    width: 100%;
    height: 100%;
}

.NewSellGridItem {
    padding-top: 30px;
}
.NewSellGridItem {
    background-color: rgba(237, 237, 237, 47%);
    padding: 20px;
}

.applynowwrap.sell-with {
    margin-top: 41px;
}

.career-content-pdiv {
	margin-bottom: 67px;
    z-index: unset;
    position: relative;
    text-align: center;
    margin-top: 67px;
}

.career-content-pdiv h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #24202E;
}

h3.New-08-01Sell {
    margin-top: 30px;
    margin-bottom: 30px;
}

.NewSellGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.NewSellGridItem {
    padding-top: 30px;
    background-color: rgba(237, 237, 237, 47%);
    padding: 20px;
}

.NewSellGridItem h4 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 21px;
}

.NewSellGridItem h4 svg {
    width: 40px;
    height: 40px;
}

.career-content-pdiv p {
    margin-bottom: 15px;
	font-weight: 300;
}
.NewSellGridItem p {
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}

.career-section.noshape .career-wrap {
    height: 394px;
    overflow: hidden;
	position: relative;
}

.career-section.noshape .career-banner {
    height: 100%;
}
.career-banner {
    position: relative;
    overflow: hidden;
    height: 475px;
}
.career-section.noshape .career-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.werlooking {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.werlooking h2 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1.6px;
    font-weight: 700;
    text-wrap: nowrap;
}

.career-section.noshape .werlooking h2 {
    margin-bottom: 0;
}

.career-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #24202E 0 0 no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: .75;
    width: 100%;
    height: 100%;
}
.sellDev {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 50px;
    gap: 50px;
}
.career-content-pdiv p {
    margin-bottom: 15px;
}
.career-content-pdiv p {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}
.listyourproperty {
    display: flex;
    justify-content: center;
    grid-column-gap: 15px;
    align-items: center;
    margin-top: 25px;
}
.listyourproperty .upload-cv-wrap {
    margin-top: 0;
}
.upload-cv-wrap {
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.upload-cv-wrap span {
    padding: 9px 0;
    color: #fff;
    text-decoration: none;
    background-color: #C20000;
    border-radius: 50px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: .6px;
    width: 170px;
    text-wrap: nowrap;
    text-align: center;
    position: relative;
    overflow: hidden;
}


.searchFilterInside.searchModalCover .modal-title {
    font-size: 17px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.searchFilterInside.searchModalCover .modalButtonShadowFix {
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.enquire-cotent-wrap .subtitle {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 7px;
    display: inline-block;
}
.tab-container {
    position: relative;
    display: flex;
}
.tabsProperty {
    flex-wrap: unset;
    gap: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    background: #F4F4F4;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;	
}
.propertyTypeList.tabsProperty .form-group {
    width: 100%;
	display: flex;
    position: relative;
}
.propertyTypeList input {
	cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 9999;
}

.searchModalCover .propertyTypeList.tabsProperty span {
    font-size: 17px;
    line-height: 26px;
	    text-align: center;
    width: 100%;
}
.propertyTypeList input:checked ~ span {
    background: #c20000;
    width: 100%;
    display: block;
    color: #fff !important;
}
.searchModalCover .form-group span {
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    opacity: 1 !important;
}
.propertyTypeList.tabsProperty span {
    padding: 8px 30px;
    border-radius: 0;
    text-wrap: nowrap;
}
.getOTPForm.searchTextBox {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
.getOTPForm {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.error-msg {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 14px;
}
.callToAction.GetOtpButton {
    width: 100%;
}
.callToAction {
    display: flex;
    gap: 13px;
    margin-bottom: 25px;
}
.callToAction.GetOtpButton button {
    border: none;
    width: 100%;
    display: flex;
    justify-content: center;
}
.enquireCTA {
    padding: 13px 63px;
    background: #c20000;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    line-height: 31px;
    height: 62px;
    font-weight: 900;
    align-items: center;
}

.modal-body 
{
    padding: 0 40px;
}
 

.checkboxContainer
{
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 27px;
}


.checkboxContainer input {
    border: 1px solid #707070;
    width: 14px;
    height: 14px;
}

.checkboxContainer p {
    position: relative;
    top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    margin: 0;
    margin-top: -5px;
}

.checkboxContainer p a 
{
    font-size: 13px;
    color: #000 !important;
    border-bottom: 2px solid #000;
}

.searchFilterInside form {
    margin-top: 21px;
    margin-bottom: 0;
}

.applynowwrap.bepartner
{
	margin-top:41px;
}

.career-content-pdiv p {
    width: 67%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 300;
}

.beApartner4Grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 35px;
    margin-bottom: 107px;
}
.beaSection {
    box-shadow: 0 3px 6px #00000029;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.beaSection svg {
    width: 50px;
    height: 50px;
}
.beaSection h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 20px;
}
.beaSection p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 300;
}
.beaSection p {
    width: 86%;
}
.commonBannerInsideOverlap strong {
    position: relative;
    padding: 0 15px;
}
#uploadCV form {
    margin-top: 21px;
    margin-bottom: 0;
}




.upcoming-catg-section {
    width: 100%;
    margin: 0 auto;
    padding: 0 160px;
}
.upcoming-catg-wrap {
    padding: 152px 0 0px;
}
.upcat-caro {
    height: auto;
    position: relative;
   max-width: 100%;
    width: 100%;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-list, .slick-slide, .slick-slider, .videoimageslider .item {
    height: auto;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-track {
    margin-left: unset;
    margin-right: unset;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-text-caro {
    display: grid !important;
    grid-template-columns: 34% 59.5%;
    grid-column-gap: 100px;
}

.maskedNew.top {
    /*mask-image: url(https://media-hosting.imagekit.io//85873af9f56b4085/shape.png?Expires=1835338369&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=RbbbxHeTZB1fcwgm8A93lDCKm39W65Ui14ePCiUrsS1y6oJ062Mf-ONUm~9ryxXhzx0gjUbuBjk78K4TZrg-0etyJskgH66PVXbETSxTw~1XKjNxGxn8KD~kk4HBiA2KmttO941vMfVihJ7LaqeIKSY5sky3RnVNj9VUDoi2JkBS1Wt4DpVkUn9Juq-rhKcQyHZLkdZvnwe2oLaevC9n73XDd-26h~jXcniC60t1c77rdzhl13VzofWrxjCFYf-QnCsZfJ6QSQ2nI-g7IVV--AyF3Fv0h0Mt2GeLm7I3ikh-4j6dot6qHw7vzjP3WnkZt8w5zaObMfhLzjmQDLhhpA__);*/
    background-repeat: no-repeat;
    /* background-size: 800px; */
    background-position: center center;
    /*width: 732px;*/
    /*height: 955px;*/
    background-size: cover;
    /*zoom: 70%;*/
    mask-repeat: no-repeat;
    border-radius: 50px;
}
.uc-content {
    position: relative;
    top: -65px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 90% !important;
}
.uc-content h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    font-weight: 700;
}
.uc-content h2 a {
    color: #000;
}
.uc-content p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 54px;
    font-weight: 500;
}
.uc-content p a {
    color: #C20000 !important;
}
.custom-dots {
    line-height: 0;
}
.custom-dots .slick-dots {
    left: 0;
    top: 0;
    position: relative;
}
.upcat-caro .slick-dots {
    margin: 0;
    text-align: unset;
    display: inline-flex;
    grid-column-gap: 13.5px;
    margin-bottom: 0;
    width: fit-content;
    height: fit-content;
	bottom: -25px;
    padding: 0;
    list-style: none;		
}
.upcat-caro .slick-dots li {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
#slick-slide00 .uc-content .custom-dots ul li:nth-of-type(1) button {
    background: #C20000 !important;
}
.upcat-caro .slick-slider button, .upcat-caro .slick-slider button:hover {
    width: 13px !important;
    height: 13px !important;
    border-radius: 50px !important;
    border: 1px solid #EAEAEA !important;
    outline: none;
    z-index: 9999;
    cursor: pointer;
}
.upcat-caro .slick-slider .custom-dots ul li button {
    background: #EAEAEA !important;
}
.searchblog-btn-wrap {
    overflow: unset;
    top: -231px;
    display: flex;
    width: 42%;
    height: 76px;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0px 3px 31px #00000029;
    position: relative;
    left: 40.7%;
    top: -110px;
}
.searchblog-btn-wrap form {
    display: flex;
    width: 100%;
    position: relative;
}
.searchblog-btn-wrap input {
    width: 100%;
    border-radius: 50px;
    padding: 36px;
    border: 1px solid #fff;
    padding-right: 100px;
}
.searchblog-btn-wrap .searchDropdown {
    position: absolute;
    bottom: -228px;
    margin: 0;
}
.searchDropdown {
    display: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 99;
}
.searchblog-btn-wrap .searchDropdown ul {
    padding-bottom: 0;
    margin: 0;
    height: 211px;
	overflow: scroll;
    list-style: none;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;	
}
.searchblog-btn-wrap button {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding: 24px 59.5px;
    border-radius: 50px;
    margin-left: -70px;
    border: 1px solid #C20000;
    background-color: #C20000;
}
.searchblog-btn-wrap {
    width: 64%;
    position: unset;
    margin-top: 50px;
}

.searchblog-btn-wrap button {
    height: 100% !important;
    padding: 10px;
    width: 200px !important;
    margin: unset !important;
}

.upcat-caro .slick-slider button, .upcat-caro .slick-slider button:hover {
    width: 190px !important;
    height: auto !important;
}
.searchblog-btn-wrap input:focus {
    outline: none;
}
.upcat-caro .slick-slider .custom-dots ul li button {
    width: auto !important;
}
.upcoming-catg-wrap {
    margin-bottom: 100px;
}
.catg-tab-left a h2 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 55px;
    font-weight: 700;
}
.uc-content { 
    top: unset; 
}

.para-wrap p a {
    color: #c20000;
}

.blog-details-page .para-wrap h4 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
    margin-top: 65px;
}





.banner.faqBanner
{
	height: 523px;
    position: relative;
    overflow: hidden;	
}
.banner.faqBanner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    z-index: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0 0 no-repeat padding-box;
    top: unset;
}
.banner.faqBanner h1 {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 9;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    margin: 0;
}
.banner.faqBanner figure {
    border-radius: 30px;
    height: 100%;
}
.banner.faqBanner figure img 
{
	width: 100%;
	object-fit: cover;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.faq-wrapper {
    width: 60%;
    margin: 0 auto;
    padding: 60px 0;
}
.faq-section .accordion .accordion-item {
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
	background-color: #fff;
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-button:not(.collapsed), .faq-section .accordion button.accordion-button.collapsed {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
}
.faq-section .accordion button.accordion-button.collapsed {
    box-shadow: none;
    outline: none;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.accordion-button::after {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.faq-section .accordion-body p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}
.accordion-button:not(.collapsed), .faq-section .accordion button.accordion-button.collapsed {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #000;
    box-shadow: none;
    border-radius: 4px 4px 0 0;
}
.accordion-body ol li {
    font-weight: 400;
    margin-bottom: 5px;
}
.accordion-body ol li strong {
    font-weight: 600;
}
.faq-section .accordion-body {
    background: #fff;
}
.faq-section .accordion-body p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    color:#000;
}
.collapse.show {
    border-bottom: unset !important;
}
.faq-section .accordion-button:not(.collapsed)::after 
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


@media only screen and (min-width: 1300px) and (max-width: 1600px) {
.card-image-wrapper img { 
    height: 250px; 
}	
.explore-properties .card-image-wrapper img {
    height: 250px; 
}	
.faqLeft .commonSubHeading { 
    width: 100%; 
}
.footer-col ul li a { 
    font-size: 20px; 
}
.footer-col h3 {
    font-size: 20px; 
}
.contact-details a { 
    font-size: 20px; 
}








}




.amenitiesGrid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 13px;
}
.amenitiesBox img {
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
}
.amenitiesBox span {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}
.amenitiesBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px #0000000D;
    border-radius: 15px;
    width: 100%;
    padding: 13px;
    background-color: #E8E8E8;
}

p.otpNote span {
    font-size: 14px;
}

/* #getaotp .searchFilterInside {
    margin-top: 40px;
    height: calc(100vh - 490px);
} 

#getaotp .searchFilterInside .modalButtonShadowFix {
    height: unset;
}

*/

#getaotp .searchFilterInside {
    margin-top: 40px;
 } 

#getaotp .searchFilterInside.searchModalCover .modal-title 
{
    font-size: 17px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    font-weight: 500;
    margin-bottom: 20px !important;
}

#getaotp .searchFilterInside form 
{ 
	margin-top: 21px;
    margin-bottom: 0;
}

.otpBoxesWrap {
    display: flex;
    grid-column-gap: 25px;
    justify-content: center;
    margin-bottom: 25px;
}

.otpBoxesWrap input {
    width: 42px;
    height: 38px;
    border-radius: 8px;
    background-color: #F4F4F4;
    outline: none;
    border: 1px solid #F4F4F4;
    text-align: center;
}

.otpMsg {
    font-size: 13px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3C3C3C;
}

.error-msg {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 14px;
}

.otpMsg a {
    font-size: 9px;
    line-height: 13px;
    color: #C20000;
}

.enquire-cotent-wrap.enquireGetOTP .callToAction 
{
    margin-top: 124px;
	width: 100%;
	display: flex;
    gap: 13px;
    margin-bottom: 25px;
}

.callToAction.GetOtpButton button 
{
    border: none;
    width: 100%;
    display: flex;
    justify-content: center;
	padding: 13px 63px;
    background: #c20000;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    line-height: 31px;
    height: 62px;
    font-weight: 900;
    align-items: center;	
}

.slider9 .slick-dots li button:before
{
	content:unset;
}

.catg-listing-wrap {
    padding: 0 30px;
    border-bottom: 1px solid #E2DFDF;
}

.catg-listing-wrap ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 26.5px;
    list-style-type: none;
    justify-content: unset;
    grid-column-gap: 32px;
}

.catg-listing-wrap ul li {
    position: relative;
    font-size: 19px;
    letter-spacing: 7.79px;
    text-transform: uppercase;
    font-weight: 400;
}

.catg-listing-wrap ul li:before {
    content: '';
    position: absolute;
    right: -15px;
    height: 70%;
    width: 2px;
    background-color: #000000;
    top: 50%;
    transform: translateY(-50%);
}

.catg-listing-wrap ul li span {
    cursor: pointer;
}

.catg-tag-wrap {
    margin-bottom: 109px;
}
.catg-tab-grid {
    display: flex;
    justify-content: space-between;
    padding: 98px 0;
    border-bottom: 1px solid #E2DFDF;
}
.catg-tab-left {
    width: 93%;
}
.catg-tab-left span, .catg-tab-left h2, .catg-tab-left p {
    color: #000;
}
.catg-tab-left span {
    font-size: 19px;
    letter-spacing: 9.5px;
    margin-bottom: 80px;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 400;
}
.catg-tab-left p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.catg-tab-left p a {
    color: #C20000;
}
.catg-tab-right {
    width: 100%;
    height: 310px;
}
.catg-tab-img {
    width: 79.303%;
    height: 100%;
    margin-left: auto;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.catg-tab-img a {
    width: 100%;
    height: 100%;
}
.catg-tab-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.load-more-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 92px;
}
.load-more-wrap a {
    color: #3D3E3D;
    width: fit-content;
    border-radius: 50px;
    background: #eaeceb 0% 0% no-repeat padding-box;
    padding: 25px 101.641px;
    height: 78px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.catg-listing-wrap ul li span:hover {
    color: #C20000;
}
.upcoming-proj-pdiv {
    width: 93%;
    margin: 0 auto;
}
.recent-post {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 86.4%;
    margin: 0 auto;
}
.recent-post h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 20px;
}
.related-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 55px;
    margin-bottom: 80px;
    width: 100%;
}
.related-post-box {
    border-radius: 20px;
    box-shadow: 0px 3px 31px #00000029;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.rpi-wrap {
    height: 355px;
    overflow: hidden;
    border-radius: 20px 20px 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rpi-wrap a {
    width: 100%;
    height: 100%;
}
.rpi-wrap a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rp-outer-box {
    padding: 30px;
}
.date-writer-wrap {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between;
}
.rp-date, .rp-writer {
    display: flex;
    align-items: center;
    grid-column-gap: 9px;
}
.date-writer-wrap svg {
    width: 20px;
    height: 20px;
}
.rp-date span, .rp-writer span {
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
}
span.rpb-head {
    font-size: 20px;
    text-align: left;
    display: flex;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 10px;
}
p.rpb-para {
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    height: 112px;
    overflow: hidden;
    margin-bottom: 20px !important;
    font-weight: 400;
	margin-left: auto;
    margin-right: auto;
}
.rp-outer-box .readmore {
    display: flex;
    color: #C20000;
    font-size: 19px;
    line-height: 23px;
    text-align: left;
}
.subscriber-wrap {
    color: #fff;
    width: 100%;
    background-color: #383941;
    height: 343px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.subscriber-wrap p {
    font-size: 25px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 51px;
}
.subs-btn-wrap {
    display: flex;
    width: 100%;
    height: 76px;
    border-radius: 50px;
    overflow: unset;
}
.subs-btn-wrap form {
    display: flex !important;
    width: 100%;
    height: auto;
    border-radius: 50px;
    overflow: unset;
    flex-direction: row !important;
    position: relative;
}
.subs-btn-wrap input {
    width: 100%;
    border-radius: 50px;
    padding: 36px;
    border: 1px solid #fff;
    padding-right: 90px;
    height: 76px;
}
.subs-btn-wrap button {
    color: #fff;
    font-size: 23px;
    line-height: 28px;
    padding: 24px 54px;
    border-radius: 50px;
    margin-left: -70px;
    border: 1px solid #C20000;
    background-color: #C20000;
}
.subMenuColor1 li a
{
	padding-left:40px;
}





 
 
 
ul.subMenuColor1 li {
    margin-bottom: 5px;
}
.sidemenuwrap ul li {
    display: block;
}
.sidemenuwrap ul li.selected--last a {
    justify-content: start;
    gap: 0;
}
.sidemenuwrap ul li a {
    padding-right: 0;
} 
.sidemenuwrap ul li.selected--last a span {
    border-radius: 10px;
    color: #c20000;
    font-size: 9px;
    padding: 0 7px;
    font-weight: 500;
}
.sideMenu ul li a {
	color: #000;
	font-weight: 400;
	display: flex;
	align-items: center;
	text-wrap: nowrap;
	padding-right: 0;
	justify-content: start;
	gap: 0;
}
li.selected--last a {
    font-size: 14px !important;
}
li.selected--last a {
    line-height: 20px !important;
    padding-left: 0px !important;
}

.sm-pdiv
{
    display: flex;
    justify-content: space-between;	
}

.community-proj .commonBannerInside:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    z-index: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0 0 no-repeat padding-box;
    top: unset;	
}

.community-proj .commonBannerInside .commonBannerInsideOverlap {
    position: absolute;
    bottom: 10px;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
    z-index: 9;
    font-size: 27px;
    font-weight: 600 !important;
    line-height: 38px;
    margin: 0;
    top: unset;
}

.community-listing-card-grid .cardContainer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    align-self: baseline;
}

.proximitywrap {
    margin-bottom: 10px;
    height: 57px;
    overflow: hidden;
    transition: height .3s ease;
    padding: 6px;
}
.subheadreadmore.communitySB.noProximity p {
    margin-bottom: 0;
}
.subheadreadmore.communitySB.noProximity a {
    margin-top: 0;
}
a.proxi-readmore {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #C20000;
    margin-top: -8px;
    display: block;
    padding-bottom: 0;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
}
.expanded {
    height: auto;
}
.search-result-wrap {
    padding: 60px 0;
}
.flex-direction-column {
    flex-direction: column;
}
.commheadFilterWrap {
    display: flex;
    justify-content: center;
    position: relative;
}
.proximitywrap .communityDetaislP {
    margin-top: 0;
}
.communityDetaislP {
    text-align: center;
    width: 72%;
    margin: 0 auto;
    margin-top: -20px;
}
.extraMarginCommunity {
    margin-bottom: 20px !important;
}
.flex-30-12-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 54px;
}
.subheadreadmore + .flex-30-12-title h1 {
    position: relative;
    left: 50px;
}
.commonHeading.center-text {
    justify-content: center;
}
.flex-30-12-title h1 {
    margin-bottom: 0 !important;
}
.custom-select select 
{
  display: none;
}


.select-selected.select-arrow-active:after 
{
  top: 7px;
  border-color: transparent transparent #fff transparent;
}

.select-items div,.select-selected 
{
	color: #ffffff;
	border: none;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	font-weight: 500;
	font-size: 16px;	
}

.select-items 
{
	overflow-y: scroll;
	position: absolute;
	background-color: #ffffff;
	top: 123%;
	left: -32px;
	right: unset;
	z-index: 99;
	width: fit-content;
	height: 225.2px;
	height: auto;
	box-shadow: 0px 0px 6px #00000029;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	border-radius: 8px;
}

.select-items div {
	color: #000;
	width: 180px;
	padding: 11px 15px;
	font-weight: 500;
	font-size: 14px;
}


.listing-page .select-items
{
	top: 123%;	
}

.select-items div:last-child {
    border: unset;
}

.select-hide 
{
	display: none;
}

.select-items div:hover, .same-as-selected 
{
	color:#000;	
	background-color:#f1f1f1;
}



.city.custom-select .select-items
{
	left: -25px;	
}

.custom-select-cover .select-items 
{
    right: 0;
    left: unset;
}

.custom-select-cover .custom-select {
    padding: 6.5px 16px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
}


.commheadFilterWrap 
{
    display: flex;
    justify-content: center;
	position:relative;
}

.commheadFilterWrap .custom-select-cover 
{
	top:0;
    right: 0;
    position: absolute;
}

.commheadFilterWrap .custom-select-cover svg 
{
    width: 23px;
    height: 23px;
}

.commheadFilterWrap .custom-select-cover svg path {
    fill: #535353;
}

.commheadFilterWrap .custom-select-cover 
{
	top: 0;
	right: 0;
	position: absolute;
}

.commheadFilterWrap .custom-select-cover .select-selected, 
.commheadFilterWrap .custom-select-cover .select-items div 
{
	color: #535353 !important;
}


.commheadFilterWrap .custom-select-cover .select-selected
{
	border:unset;
}

.commheadFilterWrap .custom-select-cover .custom-select 
{
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
}


.searchFilterRadio span 
{
	font-size:18px;
	line-height:27px;	
	display: flex;
    border-radius: 50px;
    padding: 4px 16px;
    background-color: #fff;
    border: 1px solid #E8E8E8;
	        
}

.searchFilterRadio input:checked ~ span 
{
	display: flex;
	color: #fff;
	border:1px solid #c20000;
	background: #c20000;
	padding:4px 20px 4px 20px;
}

.searchFilterRadio 
{
	width: 100%;
	overflow-x: scroll;
	margin-top: 6px;
}

.searchFilterRadio .propertyTypeList {
	gap: 9px;
	display: flex;
	grid-template-columns: unset;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.sfrcheck 
{
	padding: 0 !important;
	width: 24px;
	height: 24px;
	display: inline-flex !important;
	margin-right: 3px;
	justify-content: center;
	align-items: center;
	display: none !important;
	top: 2px;
	left: -8px;
	position: relative;
}

.sfrcheck img 
{
    width: 7.5px;
	width: 18px;
	height: 11px;
}

.searchFilterRadio .form-group input {
	cursor: pointer;
}

.searchFilterRadio input:checked ~ span .sfrcheck
{
	display: flex !important;	
	justify-content: center;
	align-items: center;
}
.propertyTypeList input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 9999999999;
}
.propertyTypeList .form-group {
    position: relative;
}
.searchFilterRadio {
    width: 92%;
    overflow-x: hidden;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
}
.searchFilterRadio .propertyTypeList {
    gap: 9px;
    display: flex;
    grid-template-columns: unset;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.search-result-wrap .searchFilterRadio {
    margin-bottom: 44.52px;
}
/* blog fix & blog detail */

#slick-slide01 .uc-content .custom-dots ul li:nth-of-type(2) button 
{
    background: #C20000 !important;
}
#slick-slide02 .uc-content .custom-dots ul li:nth-of-type(3) button {
    background: #C20000 !important;
}
#slick-slide03 .uc-content .custom-dots ul li:nth-of-type(4) button {
    background: #C20000 !important;
}

.Upcoming-proj-wrap {
    padding: 80px 0 80px;
}
.para-wrap {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 65px;
}
.para-wrap p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 33px;
}
.para-wrap ul li {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 33px;
    margin-left: -5px;
}
.Upcoming-proj-wrap .para-wrap:last-child {
    margin-bottom: 0;
}
.upcoming-herobanner {
    width: 100%;
    position: relative;
    height: calc(100vh - 180px);
	overflow:hidden;
}
.upcoming-herobanner img 
{
    width: 100%;
    object-fit: cover;
}
.upcoming-herobanner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 280px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
.upcoming-herobanner h2 {
    z-index: 1;
    width: 43%;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    font-weight: 700;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
}
.upcoming-proj-pdiv .recent-post
{
    width: 100%;
}

/* blog fix & blog detail */

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        display: flex;
        align-items: center;
    }
}
































.detailsFloorPlan .amenitiesGrid {
    display: block;
}

.detailsFloorPlan .amenitiesContent {
    grid-template-columns: repeat(5, 1fr);
}

.availibility.mb-40.detailsFloorPlan .amenitiesContent figure h3 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    left: 0;
}

.availibility.mb-40.detailsFloorPlan .amenitiesContent figure:before {
    height: 90px;
}
.dShow {
    display: block;
}
.mShow {
    display: none;
}
.chatIcon svg {
    width: 31px;
    height: 31px;
    opacity: .4;
}
.instaGrid .card-header h3 { 
	height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.propFigrue img {
    width: 150px;
    display: flex;
}
.flex-30-12-title.extraMarginCommunity.devLoo {
    flex-direction: column;
    margin-bottom: 45px;
    gap: 20px;
    height: auto;
}


.main-search
{
    position:relative;
    z-index: 9999;
}

.homepage24-03 .vertical-text,
.homepage24-03 .content
{
    pointer-events: unset !important;
}



.homepage24-03 .accordion-collapse.collapse.show .accordion-body {
    display: block !important;
}



 
 /**** ME CSS ****/


#compareModal.show {
    transition: .5s all ease;
    transform: translateX(0%);
    z-index: 99999999;
    position: fixed;
}

#compareModal .modal-dialog 
{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: unset !important;
    transform: unset !important;
    margin: 0 !important;
    height: 100vh;
    width: 501px;
	bottom: unset;
}

.modal.fade .modal-dialog 
{
    transition: transform .3s ease-out;
    transform: translate(0, 0px);
}

#compareModal .modal-dialog .modal-content 
{
    height: 100%;
    border-radius: 0;
    width: 100%;
    max-width: unset;
    padding: 25px 22px;
    border: none;
    overflow: unset;	
}

#compareModal .modal-header 
{
    all: unset;
    position: relative;
    margin-bottom: 17px;
}

.modal-back-wrap 
{
    display: flex;
    align-items: center;
    grid-column-gap: 10.25px;
}

.modal-back-wrap button 
{
    all: unset;
}

.modal-back-wrap span 
{
    position: relative;
    top: 2px;
    font-size: 18px;
    font-weight: 500;
}

.padding-0 
{
    padding: 0;
}

.form-prop-for-compare 
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.input-prop-pdiv 
{
    display: flex;
    flex-direction: column;
    grid-row-gap: 23.5px;
}

.form-prop-for-compare form 
{
    height: 100%;
    margin-bottom: 23px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-prop-for-compare form input 
{
    font-size: 16px;
    color: #999999;
    width: 100%;
    height: 49px;
    border-radius: 10px;
    outline: none;
    border: #fff;
    padding-left: 17px;
    -webkit-box-shadow: 10px 10px 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 10px 10px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.form-prop-for-compare .searchCompareDropdown 
{
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 10px;
}

.searchCompareDropdown 
{
    display: none;
}

ul.resultCompare 
{
    margin: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 250px;
    overflow: scroll;
}

.cp-wrap 
{
    display: flex;
    padding-bottom: 20.5px;
    margin-bottom: 23.5px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(102, 102, 102, 0.18);
}

.modal-propImgName 
{
    display: flex;
    grid-column-gap: 18px;
}

.cp-wrap figure 
{
    width: 146px;
    height: 105px;
}

.cp-wrap figure img 
{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.compare-property-added-cover .cp-wrap .propname-startingprice 
{
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.propname-wrap 
{
    display: flex;
    flex-direction: column;
}

.propname-wrap span.compare-pname 
{
    font-weight: 500;
	font-size: 18px;
    line-height: 1;
}

span.compare-pname a 
{
    color: #000;
}

span.compare-plocation svg path, span.compare-plocation 
{
    opacity: 50%;
}

span.location-name 
{
    margin: 20px 0;
    padding: 0 20px;
    font-weight: 400;
    line-height: 25.7px;
    font-size: 20px !important;	
}

.propprice-wrap 
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row-gap: 2px;
}

.cp-wrap span.compare-startingTitle 
{
    text-align: left;
    font-size: 10px;
    line-height: 10px;
    opacity: 50%;	
}

span.compare-pprice 
{
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}

.compare-property-one-more 
{
    position: relative;
    top: -30px;
    text-align: center;
    opacity: 70%;
}

.modal-compare-button button 
{
    height: 47px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #c20000;
    transition: .5s all ease;
}

/* 23march */

.whatlooking-wrap {
	margin-top: 45px;
}

.compare-page .whatlooking-wrap h3.commonHeading {
	margin-top: 134.24px;
}
.whatlooking-wrap .commonHeading {
	font-size: 27px;
	font-weight: 600;
	line-height: 40px;
	justify-content: center;
	letter-spacing: 2.7px;
		margin-bottom: 28px;
}

.commonHeading {
	display: flex;
	align-items: center;
}

.comparesubtitleHeading p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
}

.compare-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 44px;
}

.compareBy {
	height: 291px;
	text-align: center;
	margin-bottom: 87px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 25.7px;
	color: #212529;
	opacity: 50%;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #f8f8f8;
}

.comparision-type {
	margin-top: 30px;
	margin-bottom: 20px;
}

.comparision-type ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.comparision-type ul li {
	height: 65px;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 25.7px;
	font-weight: 500;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}

.comparision-type ul li:nth-of-type(odd):after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: #F8F8F8;
	display: flex;
	width: 111%;
	height: 100%;
	z-index: -1;
}

.comparision-type ul li:nth-of-type(even):after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color: #ffffff;
	display: flex;
	width: 111%;
	height: 100%;
	z-index: -1;
}

.added-property {
	margin-bottom: 12px;
	position: relative;
	height: 291px;
}

.whatlooking-wrap a {
	color: inherit;
	text-decoration: none;
}
.added-property img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.added-property svg {
	position: absolute;
	top: 12px;
	right: 12px;
}

.propname-startingprice {
	display: flex;
	justify-content: space-between;
}

.propname-wrap {
	display: flex;
	flex-direction: column;
}

.propname-wrap span.compare-pname {
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
}

span.compare-pname a {
	color: #000;
	text-decoration: none;
}

span.compare-plocation svg path, span.compare-plocation {
	opacity: 50%;
}

span.location-name {
    font-size: 12px !important;
    line-height: 25.7px;
    font-weight: 400;
    padding: 0;
}

.propprice-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-row-gap: 2px;
}

span.compare-startingTitle {
	font-size: 10px;
	line-height: 10px;
	text-align: right;
	opacity: 50%;
}

span.compare-pprice {
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

.callActrionGrid {
    width: 100%;
    display: flex;
    grid-column-gap: 13px;
    height: 62px;
}

.cta-left {
    width: 100%;
}

.compare-box .callActrionGrid .cta-left a 
{
    font-size: 23px;
    line-height: 31px;
    color: #fff !important;
    font-weight: 700;
    font-family: 'Avenir LT Pro', sans-serif;
}

.callActrionGrid .cta-left a 
{	
    width: 100%;
    display: flex;
    text-wrap: nowrap;
	padding: 13px 63px;
    background: #c20000;
    border-radius: 10px;	
    justify-content: center;	
    transition: .5s all ease;
    border: 1px solid #c20000;
}
.cta-right 
{
    display: flex;
    justify-content: center;
    height: 100%;
}

.cta-right a 
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-box .cta-right .callCTA.whatsapCTA 
{
	width: 128px;
    border: 1px solid #35C200;
    background-color: #35C200;
    transition: .5s all ease;
    border-radius: 6px;
    height: 100% !important;
}

.whatsapCTA svg 
{
    width: 35px;
    height: 35px;
}

.compare-box .cta-right .callCTA svg path 
{
    fill: #fff;
}

.cta-opac-none {
    opacity: 0;
    transition: .5s all ease;
}	

.compare-box:hover .cta-opac-none {
    opacity: 1;
    transition: .5s all ease;
}

.compare-box .callActrionGrid .cta-left a:hover 
{
    color: #c20000 !important;
    background: none;
    border: 1px solid #c20000;
    transition: .5s all ease;	
}

.compare-box .cta-right .callCTA.whatsapCTA:hover {
    background-color: unset;
    border: 1px solid #35C200;
}

.compare-box .cta-right .callCTA.whatsapCTA:hover svg path {
    fill: #35C200;
}

/* 23march */

/* 25march fixes */

.onlyMobShow
{
	display:none;
}

.onlyDeskShow
{
	display:block;
}

div#map2 {
    margin-bottom: 20px;
}

.amenitiesContent figure {
    height: 200px;
    overflow: hidden;
    border-radius: 10px;    
}

.msg-slider-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.extraMarginCommunity h1.commonHeading {
    font-size: 25px;
    margin: 0;
    font-weight: 600;
}

.extraMarginCommunity {
    margin-left: 70px;
    margin-right: 70px;
}

.extraMarginCommunity .custom-select {
    padding: 0px 0px;
    min-width: 96px;
    height: 41px;
}

.extraMarginCommunity .custom-select-cover svg {
    position: relative;
    left: 15px;
}

.community-proj .search-result-wrap {
    padding-bottom: 0;
}

footer {
    padding-top: 0;
}

footer .an-item {
    opacity: 1;
}

/* 25march fixes */


















/*************** 25-03-2026 *************/
.glass-effect-wrap.menuOpen {
    z-index: 999999999;
}
.accordion-body p {
    color: #444;
    font-size: 18px;
}

.accordion-body ol li {
    font-size: 18px;
    color: #444;
}
.savetoremember h2{margin-bottom:0;font-weight:700;font-size:28px} 
.loginwithwrap p {
    margin-bottom: 26px;
    font-size: 7pt;
    text-align: center;
    line-height: 10px;
    font-size: 13px;
}
.loginMedium{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-row-gap:10px}
.loginMedium a{border:1px solid #E8E8E8;border-radius:50px;padding:10px 0;width:100%;text-align:center;text-decoration:none;color:#000;font-weight:500;font-size:15px;position:relative}
.savetoremember{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:26px;margin-top:50px}
.alreadyMember{text-align:center;margin-top:20px;font-weight:600;font-size:14px}
.alreadyMember span a{color:#000;text-decoration:none}
#loginwith .modal-header{left:20px;right:unset}
.loginMedium svg{width:20px;height:20px;position:absolute;left:20px;top:50%;transform:translateY(-50%)}
#loginwith .modal-dialog{top:50%;left:50%!important;transform:translate(-50%,-50%)!important}
.modal-content .loginwithwrap p a {
    color: #c20000;
    border-bottom: 1px solid #c20000;
}
.alreadyMember span {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 15px;
}

.alreadyMember span a {color: #c20000;}





























 /**** 16-03-2025 ****/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /**** 26-03-2026 ***/
 div#loginwith .modal-body.padding-0 {
    padding: 25px 28px;
}
div#loginwithcompare .modal-body.padding-0 {
    padding: 25px 28px;
}
#loginwith .modal-header {
    left: unset;
    right: 20px;
} 
 
.community-proj .propFigrue img {
    width: 250px;
    padding: 20px;
}

.community-proj .propFigrue {
    border: 1px solid #ccc;
}

.community-proj .search-result-wrap {
    padding-top: 40px;
}

.community-proj .container-fluid.listing-card-wrap.mb-60 {
    margin-top: 10px;
}

.community-proj h1.commonHeading.center-text {
    font-size: 25px;
    margin-bottom: 35px;
}
.container-fluid.header-container .label-dd-wrap label {
    margin-bottom: 5px;
}

.container-fluid.header-container .global-lbl-dd-wrap {
    row-gap: 14px;
}

.container-fluid.header-container .global-lbl-dd-wrap {
    margin-top: 4px;
}
 .accordion-container .content a:hover {
    background: #c20000;
    border-color: #c20000;
}
 .container-fluid.header-container {
    border-bottom: 1px solid #cccccc85;
}
 
.NlpMapPage .property-filter {
    background: #f9fafb !important;
    padding-top: 10px !important;
}
 .searchDropdown {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 99;
    top: 67px;
}
border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 10px;
}
ul.result {
    height: 234px;
    overflow: scroll;
}
.searchDropdown ul {
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: flex-start;
}
.searchDropdown li a {
    font-weight: 400;
    color: #212529;
    font-size: 14px;
}

.searchDropdown ::-webkit-scrollbar {
    display: none;
}













ul.result {
    height: 234px;
    overflow: scroll;
}

ul.result li {
    text-align: left;
}

.c-input-wrapper {
    position: relative;
}

.searchDropdown li a:hover {
    color: #c20000;
}
 div#enuirenow .modal-body.padding-0 {
    padding: 25px 28px;
}
.iti.iti--allow-dropdown {
    width: 100%;
}
 form#email-form {
    margin-top: 0;
}
 a.desktopProfile img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
}
 span.wishlist-count.wishlistNo {
    width: 16px;
    height: 16px;
    background: #c20000;
    font-size: 10px;
    line-height: 15px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -8px;
    box-shadow: 0 3px 6px #00000029;
    color: #fff;
}
 a.bookmarked {
    position: relative;
}
 .error {
    font-size: 13px;
    margin-top: 3px;
    color: #c20000;
}
 .iti__selected-flag { 
    height: 36px; 
}
 
 .footer-grid .custom-dropdown.open .dropdown-options
{
    width: 150px;
}
 
 .profileTop img 
{
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;    
}

.saveIcon
{
    position:relative;
}

.saveIcon span 
{
    width: 16px;
    height: 16px;
    background: #c20000;
    font-size: 10px;
    line-height: 15px;
    font-weight: 500;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -5px;
    right: -1px;
    box-shadow: 0 3px 6px #00000029;
    color: #fff; 
}

.compare-property-wrap 
{
    padding: 0 30px;
}

.add-property 
{
    cursor: pointer;
    margin-bottom: 13px;
    height: 291px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-row-gap: 20px;
    opacity: 50%;
}

svg.prop-plus 
{
    width: 50px;
    height: 50px;
    border: 2px dotted #000;
    padding: 12px;
    border-radius: 8px;
    position: relative;
    right: unset;
    top: unset;
}

.newaddBD 
{
    height: 43.7px;
}

.compare-page .whatlooking-wrap h3.commonHeading 
{
    margin-top: 0;
}

.price {
    display: flex;
    flex-direction: column;
}

span.start 
{
    font-size: 12px;
    line-height: 14px;
    color: #000;
    opacity: .5;
    display: block;
    font-weight: 500;    
}

.contact-us-cov .iti 
{
    position: relative;
    display: inline-block;
    background: #F4F4F4;
    width: 100%;
    border-radius: 8px;
}

.form-group input:focus {
    outline: none;
}

.commheadFilterWrap.ourteam-title {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    text-align: center;
    align-items: center;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
}

.commheadFilterWrap.ourteam-title p 
{
    font-size: 15px;
}

.our-team-detail-sect 
{
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 50px;
}

.our-teambox-grid 
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.out-team-box 
{
    position: relative;
    height: 446px;
    overflow: hidden;
    border-radius: 10px;
}

.out-team-box:before 
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0 0 no-repeat padding-box;
}

.out-team-box img 
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.teamnamedesig-wrap 
{
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 999;
    display: flex;
    flex-direction: column;
}

.out-team-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.teamnamedesig-wrap span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'Avenir LT Pro', sans-serif;
    color: #fff;
    opacity: .75;
    display: inline-flex;
    margin-top: 4px;
}

.commonBannerInside .upload-cv {
    right: 45px;
    width: fit-content;
}

.commonBannerInside .upload-cv span
{
	width: fit-content;
}

#beAPartner form 
{
    margin-top: 21px;
    margin-bottom: 0;
}

#beAPartner .commonHeading {
    display: flex;
    justify-content: center;
    margin-bottom: 20px !important;
    font-size: 17px;
    line-height: 26px; 
    font-weight: 500;
}

#beAPartner .callToAction.GetOtpButton {
    padding: 0 22px;
}
 .NlpMapPage .RadioClassMap .form-group span {
    white-space: nowrap;
}
.NlpMapPage .RadioClassMap .form-group span {
    white-space: nowrap;
}

.NlpMapPage .card-content {
    padding: 15px;
}

.NlpMapPage .features {
    gap: 8px;
}

.NlpMapPage .feature-item span {
    white-space: nowrap;
}

.NlpMapPage .feature-item svg {
    width: 12px;
    height: 12px;
} 
 span.badge.grayBadge {
    color: #fff;
}
 .badge-wrapper {
    display: flex;
}

.badge-wrapper {
    position: absolute;
    top: 15px;
    left: 15px;
    gap: 5px;
}

.badge {
    position: unset;
    text-transform: uppercase;
}
 .yellowBadge {
    background: #000000 linear-gradient(#e9d47b 0%, #cba94f 100%);
    color: #fff;
}
 
 .feature-item span {text-wrap-mode: nowrap;font-size: 14px;}

.redArrow {
    display: none;
}
 .accordion-body li strong, .accordion-body li {
    font-size: 18px;
    line-height: 30px;
    color: #000;
}
 div#showMap .modal-body.padding-0 {
    padding: 0 0px;
}
 

.btn.send-availability-enquiry {
    border: 1.5px solid #000;
    border-radius: 10px;
}

.btn.send-availability-enquiry:hover {
    background: #000;
    color: #fff;
} 
 
 
 
/**** book Unit Css Start ***/

#enquirePopup  .popFloorPlan {
    margin-bottom: 25px;
}
#enquirePopup  .popFloorPlan figure {
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 30px 56px;
}
#enquirePopup  .popFloorPlan figure img {
    width: 100%;
    height: 277px;
    object-fit: contain;
}
div#enquirePopup .modal-content h4 {
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    opacity: .5;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;
    margin-bottom: 14px;
}
#enquirePopup .propertyDetails-UL {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 12px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 14px;
}
.project-detail-page #enquirePopup  .propertyDetails-UL {
    grid-column-gap: 60px;
}
 
#enquirePopup .propertyLeft-UL li {
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    text-wrap: nowrap;
}
#enquirePopup .propertyDetails-UL ul {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#enquirePopup  .flex-end {
    align-self: flex-end;
    display: flex;
    gap: 7px;
    flex-direction: column;
}
#enquirePopup  .pricePopUp {
    font-size: 19px;
    line-height: 26px;
    color: #000;
    font-weight: 900;
}
#enquirePopup .pricePopUp span {
    opacity: .44;
    color: #000000;
}
#enquirePopup  .pricePopUp span {
    display: block;
    font-size: 17px;
    line-height: 38px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
 #enquirePopup  .callToAction {
    bottom: 0;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    left: 0;
    padding: 0 22px;
    margin-bottom: 0;
    display: flex;
    gap: 13px;
}
 

#enquirePopup  .callActrionGrid .cta-left a {
    font-size: 18px;
} 
#enquirePopup  .cta-right {
    width: fit-content;
    grid-column-gap: 13px;
}
#enquirePopup  .callCTA.whatsapCTA {
    background-color: #35C200;
}
#enquirePopup  .callCTA {
    transition: .5s all ease;
}
#enquirePopup  .callCTA {
    border: 1px solid #000000;
    border-radius: 6px;
    width: 130px;
    height: 62px;
}
 

div#enquirePopup {z-index: 999999;}

div#enquirePopup .modal-body.padding-0 {padding: 20px 20px;}

.cta-right a svg {
    width: 20px;
    height: 20px;
}
a.callCTA.DisplayNoneButton {
    display: none;
}

a.callCTA.whatsapCTA svg path {
    fill: #fff;
}

a.callCTA.whatsapCTA svg {
    width: 40px;
    height: 30px;
}
 
 
 
 /**** book Unit Css End ***/
 
 .fancybox__container {
       z-index: 999999 !important;
}
 .custom-select-cover .select-items {
    right: 0;
    left: unset;
    z-index: 99999999;
}
 div#compareModal .modal-body.padding-0 {
    padding: 0 0px;
}
 div#city7 p {
    text-align: center;
}
 
 a.desktopProfile span {
    width: 31px;
    height: 31px;
    background: #c20000;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
 
 .MainDetailsContrainer .popFloorPlan figure img {
    width: 100%;
    padding-top: 50px;
}

 .MainDetailsContrainer  .checkboxContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

 .MainDetailsContrainer  .checkboxContainer div {
    display: flex;
    align-items: center;
    gap: 10px;
}
 
 
 div#myModal2 {
    z-index: 999999;
}
 
 
 
 
 
 
 
 
 
 
 
 
 /*** Desktop End **/
 
 
 
 
/* 27march fixes */

.galleryGridRight figure {
    height: 304px;
}

.galleryGrid .galleryGridRight figure:hover img
{
    transition: .5s all ease;
    transform: scale(1);    
}

.galleryGrid .galleryGridRight figure:hover a:first-child img
{
    transition: .5s all ease;
    transform: scale(1.1);    
}

.morePhotos 
{
    cursor: pointer;
    pointer-events: none;
}

.mini-sponser
{
    display:none;
}

#map 
{
    padding: 50px 15px 0px;
    width: 100%;
}

#map iframe 
{
    height: 431px;
    border-radius: 10px;
    width: 100% !important;
}

#showMap .modal-header 
{
    top: 19px;
}

.nearbylocationwrap span 
{
    font-size: 15px;
}

.location-wrap img 
{
    width: 30px;
    height: 30px;
}

.location-wrap span 
{
    font-size: 15px;
}

.nearloaction-pdiv 
{
    grid-row-gap: 18px;
}

#showMap .modal-dialog.modal-dialog-centered 
{
    margin: inherit;
}

.newsletter-wrapper 
{
    border-radius: 10px;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    width: fit-content;
    padding: 50px;
    margin: 0 auto;
}

.newsletter-wrapper h2 
{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.newsletter-wrapper p 
{
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    width: 80%;
}

.newsletter-wrapper .inputcover-wrapper 
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subsnewswrap label 
{
    width: 100%;
    position: relative;
}

.subsnewswrap input 
{
    background: #F4F4F4;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    padding-left: 12px;
    height: 38px;
    font-size: 12px;
    line-height: 18px;
    color: #3C3C3C;
    opacity: 1;
}

.notification 
{
    margin-top: 50px;
}

.notification button 
{
    padding: 13px 63px;
    background: #c20000;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    line-height: 31px;
    height: 62px;
    font-weight: 900;
    align-items: center;
    position: relative;
    width: 100%;
    top: unset;
    right: unset;
    display: flex;
    justify-content: center;
    border: 1px solid #c20000;
}

#notifyme-form label:nth-of-type(3):nth-of-type(3) .iti .iti__selected-flag 
{
    background-color: #f4f4f4;
    border-radius: 8px;
    height: 38px;
    position: relative;
}

/* 27march fixes */ 
 
 
/* 30march fixes */  

.price {
    display: flex;
    flex-direction: column;
}

span.start 
{
    font-size: 12px;
    line-height: 14px;
    color: #000;
    opacity: .5;
    display: block;
    font-weight: 500;    
} 

.modal-body {
    padding: 0 39px;
}

.iti.iti--allow-dropdown .iti__selected-flag
{
    height: 36px !important;
}

section.map-searchpagewrap .property-filter
{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 16px 70px !important;
    background-color: unset !important;
    margin-top: 0;
}

.map-searchpagewrap .property-filter .searchform 
{
    width: 100%;
}

section.map-searchpagewrap {
    border-top: 1px solid #CDCDCD;
    box-shadow: 7px 5px 9px 0px #cccccc75;
    background-color: #fff;
}


.NlpMapPage section.map-searchpagewrap .reset-btn-div.viewmore-btn-aboutus button
{
    margin-top:0 !important;
}

.noresult-box {
    width: 100%;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
        padding: 38px 48px !important; 
}

.NlpMapPage .noResultMap .noresult-box h3 {
    margin-bottom: 13px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    color: #303030;
    font-weight: 700;
}

.noresult-box p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #9E9E9E;
    font-size: 18px;
}

.noresult-box a {
   padding: 13px 50px;
    text-decoration: none;
    background-color: #c20000;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.NlpMapPage .noResultMap .noresult-box img {
    width: 200px;
    height: 200px;
    margin-bottom: 27px;
}

/* 30march fixes */  

/* 31march fixes */

.NlpMapPage #map .gm-style .gm-style-iw-c {
    width: 345px !important;
}

.gm-style .gm-style-iw-c {
    padding: 12px;
    padding-right: 12px !important;
}

.NlpMapPage .gm-style-iw-chr button {
    width: 35px !important;
    height: 35px !important;
    top: -2px;
}

#map .projectImages figure img {
    height: 150px;
}
.projectImages figure img {
    object-fit: cover;
}
.projectContainer img, .emirates-content figure img {
    transition: .5s all ease;
}
.projectImages img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}


.NlpMapPage .mapLocation a {
    width: 35.45px;
    height: 35.45px;
}

.mapLocation a {
    display: flex;
}

.mapLocation {
    position: absolute;
    right: 23px;
    bottom: -20px;
}

.NlpMapPage .mapLocation a {
    width: 35.45px;
    height: 35.45px;
}

.NlpMapPage .mapLocation svg {
    width: auto !important;
    height: 23px;
}

.NlpMapPage .ProjectBottomWhite {
    padding: 0 10px 10px;
}

.ProjectTitleContainer {
    display: grid;
    grid-template-columns: 60% 40%;
    justify-content: space-between;
    margin-top: 20px;
    font-weight: 500;
}

.NlpMapPage .ProjectTitle h2 {
    line-height: 0;
    margin-bottom: 0;
}

.ProjectTitle h2 a {
    font-size: 15px;
    color: #000;
    text-decoration: none;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 500;
}

.ProjectTitle h3 {
    display: flex;
    align-items: center;
    gap: 2px;
}
.ProjectTitle h3 {
    line-height: 14px;
    font-size: 10px;
    color: #000;
    opacity: .5;
    margin-bottom: 0;
    font-weight: 500;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#map .gm-style .ProjectTitle h3 img {
    max-width: none;
    width: 12px;
    height: 20px;
}

.gmnoprint, .gm-style-iw {
    outline: none;
}

.badgePos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px !important;
}

.badgePos {
    position: absolute;
    top: 0;
    left: 0;
}

.imageLabels {
    display: flex;
    gap: 6px;
    z-index: 2;
}

.NlpMapPage #map .imageLabels span {
    font-size: 11px;
    padding: 5px 14.5px;
}

.imageLabels span {
    text-transform: uppercase;
    line-height: 1 !important;
    border: none;
    border-radius: 115px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.grayBadge {
    background-color: rgba(0, 0, 0, 40%);
}

.ProjectTilePrice span {
    font-size: 10px;
    line-height: 14px;
    color: #000;
    opacity: .5;
    display: block;
    text-align: right;
    font-weight: 500;
}

.NlpMapPage .projectShortDesc {
    margin-bottom: 0;
}

.projectShortDesc {
    padding-top: 10px;
    border-top: 1px solid #E8E8E8;
    margin-top: 10px;
}

.projectShortDesc ul {
    justify-content: center;
}
.projectShortDesc ul {
    display: flex;
    list-style: none;
    padding: 0;
    width: 100%;
    gap: 12px;
    margin: 0;
}

.projectShortDesc ul li {
    text-wrap: nowrap;
}
.projectShortDesc ul li {
    color: #000;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 14px;
    opacity: .5;
    gap: 12px;
    font-weight: 500;
}
.projectShortDesc ul li:after {
    width: 1px;
    height: 60%;
    background: #bfbfbf;
    content: "";
}

.projectShortDesc ul li:last-child:after
{
    content:unset;
}

.ProjectTilePrice {
    text-align: right;
}

.projectImages {
    position: relative;
}

.gm-style-iw-d {
    width: 100% !important;
    padding: 0 !important;
    overflow: unset !important;
}


#min-price-dropdown .dropdown-options,
#max-price-dropdown .dropdown-options {
    height:180px;
}

#min-price-dropdown .dropdown-options::-webkit-scrollbar,
#max-price-dropdown .dropdown-options::-webkit-scrollbar {
    width: 8px;
}

#min-price-dropdown .dropdown-options::-webkit-scrollbar-thumb,
#max-price-dropdown .dropdown-options::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.container-fluid.header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
}

.banner.mb-60 {
    margin-top: 87px;
}

section.map-searchpagewrap {
    margin-top: 86px;
}

.commonBannerInside {
    margin-top: 87px;
}

.aboutwrapdesk {
    margin-top: 170px;
}

.banner.faqBanner {
    margin-top: 86px;
}

.MainDetailsContrainer .project-header {
    margin-top: 110px;
}

.listingPage .inner-page {
    margin-top: 86px;
}

.commheadFilterWrap.ourteam-title.mt145 {
    margin-top: 145px;
}

.team-page .commonHeading {
    font-size: 25px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 18px !important;;
}



a.deskProfileWrap {
    color: #000;
    text-decoration: none;
}

.profile-info-wrap {
    display: flex;
    border: 1px solid #C20000;
    border-radius: 10px;
    box-shadow: 0 3px 6px #00000029;
    margin-top: 30px;
    padding: 43px;
    grid-column-gap: 11px;
    align-items: center;
    margin-bottom: 36px;
}

.profile-img-welcome {
    display: flex;
    align-items: center;
    grid-column-gap: 11px;
}

.profile-img-welcome img {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 1px solid #707070;
    box-shadow: 0 3px 6px #00000029;
}

.profile-img-welcome span {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
}

a.deskProfileWrap {
    color: #000;
    text-decoration: none;
}

.profile-edit-icon svg {
    width: 13.14px;
    height: 13.14px;
}

.profile-edit-icon svg path {
    fill: #C20000;
}

.profile-options {
    margin-bottom: 22px;
}

.profile-options ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
}

.profile-options ul li a {
    padding: 32px;
    background-color: #F4F4F4;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #000000;
}

a.deskProfileLogout {
    color: #fff;
    text-decoration: none;
}

.profile-logout {
    background-color: #C20000;
    border: 1px solid #C20000;
    border-radius: 6px;
    padding: 11.5px;
    display: flex;
    justify-content: center;
}

#profileModal .modal-body {
    padding: 20px 39px;
}



#profileModal {
    z-index: 999999999;
}

#email-form-banner .getOTPForm.searchTextBox .form-group:last-child
{
    display: grid;
    grid-template-columns: 7% 93%;
    background-color: #f4f4f4;
    border-radius: 10px;
}

#email-form-banner .getOTPForm.searchTextBox .form-group:last-child {
    position: relative;
}


#email-form-banner .getOTPForm.searchTextBox .form-group:last-child label.error {
    position: absolute;
    bottom: -21px;
}

div:where(.swal2-icon) {
    height: 5em !important;
}

.swal2-icon-content svg {
    width: 50px;
    height: 50px;
}

.swal2-icon-content svg path {
    fill: #73ad73;
}

div:where(.swal2-icon) {
    border-color: #fff !important;
    height: auto !important;
}

h2#swal2-title {
    font-size: 18px;
    width: 72%;
    margin: 0 auto;
    font-weight: 500;
}

.swal2-confirm {
    background: #c20000;
}

.toggle-btn.unitSelected
{
      background-color: #c20000;
    color: #fff;  
}
 
li.set-currency.currencySelected
{
    color: #c20000 !important;     
}
 
/* 31march fixes */ 


/* 1april fixes */ 

.homepage24-03 .modal-backdrop.fade.show 
{
    z-index: 999;
}

.detail-row .key a 
{
    color: #000;
}

.MainDetailsContrainer .amenitiesContent figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.communityDetails figure:before 
{
    background: #00000057;
}

.homepage24-03 .banner.mb-60 
{
    margin-top: 85px;
}

.sidemenuwrap svg path 
{
    fill: #fff;
}

#enquirePopup .modal-body.padding-0 
{
    padding: 0 !important;
}

#enquirePopup .modal-body
{
    position:relative;
    height: 730px;
    overflow-y: scroll;
}

#enquirePopup .callToAction 
{
    position: sticky;
    background-color: #fff;
    padding: 13px 20px;
    border-radius: 20px;
}

ul.propertyRight-UL li 
{
    font-size: 13px;
    line-height: 18px;
}

#enquirePopup .propertyDetails-UL 
{
    margin-bottom: 6px;
}

#enquirePopup .popFloorPlan 
{
    padding: 40px 20px 20px 20px;
}


#enquirePopup .DynamicModal h3,
#enquirePopup .DynamicModal h4,
#enquirePopup .propertyDetails-UL,
#enquirePopup .pricePopUp
{
    padding: 0 20px;
}

#enquirePopup .propertyDetails-UL
{
    padding-bottom:10px;
}

#enquirePopup .popFloorPlan {
    margin-bottom: 0;
}

#enquirePopup .callCTA.whatsapCTA {
    border: 1px solid #35C200;
}

#enquirePopup .modal-header {
    position: static;
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
    padding-top: 13px;
    background-color: #ffffff;
    padding-bottom: 10px;
}

.listingPage .custom-dropdown.open .dropdown-options 
{
    height: 140px;
    overflow-y: scroll;
}

.hreadmore-cover {
  max-height: 120px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.hreadmore-cover.expanded {
  max-height: 1000px;
}

.overview-card .read-more {
  display: inline-block;
  cursor: pointer;
}


/* 1april fixes */ 

/* 2april fixes */ 

.NlpMapPage .card-image-wrapper a img {
    height: 190px !important;
}

.NlpMapPage .MapCardGridLeft .property-card
{
    overflow: visible;
}

.NlpMapPage .imageLabels 
{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.whiteBadge 
{
    background: #fff;
    color: #c20000 !important;
}

.NlpMapPage .imageLabels span 
{
    color: #000000;
}

.blueBadge 
{
    color: #fff !important;
    background: #49a3e3;
}

.NlpMapPage span.badge.grayBadge 
{
    color: #fff;
}

.NlpMapPage .pagination 
{
    grid-column-gap: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.NlpMapPage .disabled 
{
    display: none;
}

.NlpMapPage .page-item.active .page-link {
    color: #fff;
    opacity: 1;
    border-radius: 4px;
    background-color: #C20000;
    border: none;
}

.card-image-wrapper a 
{
    overflow: hidden;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.NlpMapPage .MapCardGridLeft 
{
    overflow: hidden;
}

.NlpMapPage ul.pagination .page-item 
{
    width: 27.43px;
    height: 27.43px;
}

.NlpMapPage ul.pagination .page-item a 
{
    font-size: 10px;
    color: #000;
    margin-top: 0;
    padding: 0 !important;
    width: 100%;
    border-radius: 4px;
}

.NlpMapPage .MapCardGridLeft::-webkit-scrollbar 
{
    width:0;
}

.NlpMapPage .col-lg-5.div-scroll.map-div.homepage-4 
{
    overflow: hidden;
}

.LatestUpdate-18-01 
{
    background-color: rgba(0, 0, 0, 40%);
    font-size: 14px;
    padding: 6.5px 14.7px;
    line-height: 23px;
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
}

.latestupdate-cover.galleryContentAbs 
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    right: 0;
    padding: 0 20px;
}

.latestupdate-cover.galleryContentAbs .detailgalcover
{
    display:flex;
    grid-column-gap:10px;
}

/* 2april fixes */ 

 
@media only screen and (min-width: 1200px) and (max-width: 1299px) 
{
	.features 
	{
		gap: 12px;
	} 

	.explore-properties .feature-item {
		font-size: 12px;
	}

	.redArrow {
		display: none;
	}	
	
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@media (max-width: 768px) {
    .accordion-container {
        flex-direction: column;
        height: 700px;
    }
	.vertical-text { transform: rotate(0); left: 20px; bottom: 20px; transform: none; }
	.content { min-width: auto; width: 90%; left: 20px; bottom: 30px; }
	    .content h3 {
        font-size: 25px;
        white-space: normal;
    }
			
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.topMiddle img {
    width: 150px;
}

.globe span {display: none;}

.topLeft {
    gap: 10px;
}

.topRight {
    gap: 8px;
}

.topLeft svg {
    width: 24px;
    height: 24px;
}

.topContainer {
    height: 85px;
}

.topRight svg {
    width: 25px;
}			
.mb-60 {
    margin-bottom: 40px;
}
.bannerBottom h1 { 
    font-size: 24px; 
}			
.bannerBottom p {
    font-size: 18px;
    line-height: 130%; 
}			
			
.bannerBottom h1 { 
    margin-bottom: 15px; 
}			
.bannerBottom p { 
    margin-bottom: 22px;
}			
			
			
.c-search-bar {
    max-width: unset;
    display: block;
    height: auto;
}

.formBottomText {
    display: none;
}

.slide img {
    width: 80%;
}

.slider::before, .slider::after {background: none;}

.commonHeading h2 {
    font-size: 20px;
    margin: 0;
}

.commonHeading a {
    font-size: 16px;
}

.commonHeading {
    margin-bottom: 25px;
}			
	.icon-btn {
    opacity: 1;
    transform: unset;
}		
	.choose-container .commonSubHeading { 
    width: 100%; 
}		
.borderContainer { 
    padding-top: 30px;
    padding-bottom: 60px;
}			
	.choose-card {
    padding: 20px 20px 20px 20px;
}

.choose-grid {
    grid-template-columns: repeat(2, 1fr);
}

.choose-card-title {
    font-size: 20px;
}

.choose-icon img {
    width: 30px;
}

.choose-card-text {
    font-size: 18px;
    line-height: 19px;
    margin-top: 15px;
}		
			
.commonSubHeading {
    width: 100%;
}			
.choose-card {
    padding: 20px 20px 20px 20px;
}

.choose-grid {
    grid-template-columns: repeat(2, 1fr);
}

.choose-card-title {
    font-size: 20px;
}

.choose-icon img {
    width: 30px;
}

.choose-card-text {
    font-size: 18px;
    line-height: 19px;
    margin-top: 15px;
}

.commonSubHeading {
    width: 100%;
}

.explore-tabs {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow: scroll;
    width: 100%;
    justify-content: flex-start;
    margin: unset;
}

.explore-tab {
    width: 220px;
    padding: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.explore-container {
    overflow: hidden;
}			
.accordion-container { 
    padding: 0 0px; 
}			
.panel { 
    border-radius: 10px; 
}			
	.meetAgentContent {
    right: 5%;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    transform: unset;
    border-radius: 0;
    top: unset;
    bottom: 20px;
}
.meetAgent { 
    border-radius: 10px;
}

.meetAgentContent p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
}

.meetAgentContent h3 {
    margin-bottom: 15px;
    font-size: 22px;
}		
.faqGrid {
    grid-template-columns: 100%;
    gap: 10px;
}

.faqLeft p {
    margin-bottom: 0;
}

.accordion-button {font-size: 16px !important;}			
.video-card {
    width: 300px;
}

.instaGrid .card-header h3 {
    font-size: 22px;
    padding: 5px;
    margin-bottom: 0;
	        height: 62px;
}			
.instaGrid {
    overflow: scroll;
}			
.videoBanner video {
    height: 300px;
    object-fit: cover;
}

    .comingSoonText {
        font-size: 22px;
        top: 45px;
    }

.bannerContent a {
    display: none;
}

.projectName {
    padding: 12px 16px;
}

.bannerContent {
    top: 10px;
    right: 10px;
    left: unset;
}			
.listing-card-wrap .cardContainer { 
    grid-template-columns: repeat(1, 1fr); 
}
.listing-card-wrap .cardBoxContainer { 
    flex-direction: column;
}
.breadcrumb-tlvl-filter-cover {
    flex-direction: column;
    align-items: flex-start;
}
section.breadcrumb-sect ul {
    flex-wrap: wrap;
    gap: 8px;
}
.filter-ip-sect form {
    display: flex;
    flex-wrap: wrap;
}
.filter-ip-sect form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.off-ready-all-wrap {
    width: 100%;
}

.radio-box-wrap {
    width: 100%;
}
div#morefilter-dropdown {
    width: fit-content;
    display: flex;
    position: absolute;
    bottom: 0px;
    right: 0;
}

button.btn-reset.top-reset.outline-btn {
    height: 40px;
}

.filter-ip-sect form {
    position: relative;
}

#morefilter-dropdown .dropdown-selected {
    height: 40px;
}
div#morefilter-dropdown .filter-panel {
    top: 50px;
}
.choose-grid { 
    gap: 15px;
}
section.breadcrumb-sect ul li a {
    font-size: 14px;
}

.brd-filter-cover li {
    font-size: 14px;
}

.filter-result-info span {
    font-size: 16px;
}

section.breadcrumb-sect ul {
    margin-bottom: 10px;
}

.sort-tfilter-cover span, .sort-tfilter-cover button {
    font-size: 14px;
}

.filter-result-info {
    margin-bottom: 8px;
}
.footer-col ul li a {
    font-size: 14px;
}

.footer-col h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.social-bar { 
    flex-direction: column;
    align-items: flex-start;
}
    .slide-banner-wrap img {
        height: 300px;
        object-fit: cover;
    }
.c-divider {
    display: none;
}

.c-search-bar {
    padding: 20px;
    border-radius: 10px;
}

.c-dropdown-container {
    width: 46%;
    min-width: unset;
    max-width: unset;
}

.c-dropdown-container.propertDropdown {
    width: 46%;
    min-width: unset;
    max-width: unset;
    position: absolute;
    right: 22px;
           bottom: 88px;
    height: auto;
}

input.c-search-input.search {
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 15px;
}

.c-dropdown-trigger {
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    height: auto;
}

    .c-tags-wrapper {
        padding: 0;
        padding-bottom: 4px;
    }
.c-search-input 
 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.c-search-btn {
    width: 100%;
    border-radius: 5px;
    margin-top: 15px;
}
.property-value {
    left: -190px;
}
.action-icons { 
    gap: 5px; 
}
.chatIcon {
    position: fixed;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: #c20000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 20px;
    z-index: 999999999999999999999;
}

.chatIcon svg path {
    fill: #fff !important;
}

.chatIcon image {
    filter: invert(0);
} 
.sidemenuwrap { 
    z-index: 99999999;
    top: 0%;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 54px;
    box-shadow: 3px 0px 6px #00000029;
    border-radius: 0px 10px 0px 0px; 
    padding-top: 30px;
}

.sidemenuwrap ul li a {
    font-weight: 500;
    font-size: 18px;
}
.glass-effect-wrap.menuOpen { 
    padding-left: 0;
}
.dShow {
    display: none;
}
.mShow {
    display: block;
}
.chatIcon circle {
    fill: #fff;
}

.chatIcon svg {
    opacity: 1;
} 
.footer-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-bottom: 30px;
    }
    .footer-grid .footer-col:first-child {
        grid-column: 1 / -1;
    }
.footer-bottom {
    gap: 0;
}
.contact-details a {
    font-size: 20px;
}
.hotline {
    margin-left: 0;
}
#morefilter-dropdown .filter-panel .filter-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.c-dropdown-container.propertDropdown.mShow {
}

.c-dropdown-container.mShow .c-dropdown-trigger {
    padding: 7px 10px !important;
    border-radius: 10px;
    height: 40px;
    column-gap: 14.11px;
    box-shadow: none;
    border: 1px solid #dedede !important;
    background-color: #f5f5f5;
}

.c-dropdown-container.propertDropdown.mShow {
    position: unset;
	text-align
}

.c-dropdown-container.propertDropdown.mShow .c-dropdown-trigger {
    border: none;
}

.c-dropdown-container.mShow span.label {
    font-size: 14px;
    color: #6E5354 !important;
    font-weight: 400;
}

span.label {}

.c-dropdown-container.mShow {
    width: 100%;
	        text-align: left;
}
.c-dropdown-container.propertDropdown.mShow .c-dropdown-menu.property-value {
    left: 0;
    top: 160px;
} 

.c-dropdown-container.propertDropdown.mShow .c-dropdown-menu.property-value {
    left: 0;
    top: 160px;
} 

.c-dropdown-container.mShow .c-dropdown-menu.beds-value {
    height: 600px !important;
    max-height: max-content !important;
    width: 150px;
}
 

    .choose-btn-wrap.an-item {
        display: none;
    }
    
    .meetAgent {
        background-attachment: unset;
        background-position: 26%;
    }
    
    .choose-grid 
    {
        overflow: scroll;
        grid-template-columns: repeat(6, 1fr);
    }
    
    .choose-grid::-webkit-scrollbar
    {
        display: none;
    }
    
    .choose-card 
    {
        width: 190px;
    }
    
    .choose-card-title {
        font-size: 20px;
        width: 87%;
    } 
    
    .testimonial-wrapper {
        display: flex;
        overflow-x: auto;
        gap: 30px;
        scroll-behavior: smooth;
        padding-bottom: 10px;
    } 
    
    .testimonial-wrapper::-webkit-scrollbar {
        display: none;
    } 
    
    .testimonial-card {
        max-width: 350px;
        flex: 0 0 auto;
    }
    
    footer .control-panel 
    {
        display: none;
    } 
    
    .hotline {
        position: relative; 
    }    
    
    .footer-col.controls-col {
        position: relative; 
    }
    
    .footer-grid, .footer-bottom {
        position: relative;
        top: -38px;
    }
    .social-icons { 
    margin-bottom: 10px;
}
    .testimonial-text p {
        font-size: 18px;
        line-height: 28px;
    } 
    

    .homepage24-03 .accordion-body {
        display: block;
    }
    
    .homepage24-03 .accordion-button:not(.collapsed), 
    .homepage24-03 .faq-section .accordion button.accordion-button.collapsed    
	{
	   line-height: 1;  
	}
	
	.homepage24-03 .accordion-button:not(.collapsed)::after {
        filter: invert(1);
    }
    
    .homepage24-03 .vertical-text,
    .homepage24-03 .contentchatIcon
    {
        pointer-events: unset !important;
    }
    
    .homepage24-03 .accordion-body p {
    font-size: 18px;
    line-height: 28px;
	        color: #444;
}
.features { 
    gap: 8px; 
}
.card-content {
    padding: 20px 15px 20px 15px;
}
.accordion-body ol li { 
    color: #444;
    font-size: 18px;
}









	
	.msg-slider1	
	{
		display: none;
	}
	
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

	.mv-missionwrap:after
	{
		content:unset;
	}
	
	.about-left video {
		height: 146px;
		width: 100%;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 20px;
	}	
	
	.about-right h1 
	{
		font-size: 16px;
		line-height: 25px;
		font-weight: 600;
		width: 100%;
		margin-bottom: 16px;
		position: relative;
	}	
	
	.about-right h1 span
	{
		font-weight: 800;	
	}
	
	.about-right p 
	{
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		margin-bottom: 30px;
		width: 100%;
	}	

	.about-imgtext-grid {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 20px;
        margin-top: 20px;
	}
	
	.about-right p {
		margin-bottom: 0;
	}	

	.missionvisionwrap 
	{
        padding: 0px;
        text-align: left;
        background-color: unset;
        grid-template-columns: repeat(1, 1fr);
		        margin-bottom: 0;
	}

	.about-prof-grid {
		    gap: 0;
		grid-template-columns: repeat(1, 1fr);
	}
	
	.missionvisionwrap h4 {
		font-size: 16px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
	}	
	
	.missionvisionwrap p 
	{
	    font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		margin-bottom: 0px;	
        width: 100%;		
	}
	
	.mv-missionwrap,
	.mv-visionwrap	
	{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #E8E8E8;
	}	
	
	.about-profile-sect .about-left h4 {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        position: relative;
	}

	.about-profile-sect .about-left h4:after {
        content: '';
        position: absolute;
        width: 116px;
        height: 1.5px;
        background-color: #c20000;
        bottom: -11px;
        left: 0;
        z-index: 99 !important;
        display: flex;
    }

    .about-profile-sect .about-left p {
        margin-top: 0px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }

    .about-profile-sect .about-left a {
        font-size: 10px;
        line-height: 16px;
        font-weight: 500;
        color: #C20000;
        margin-top: 0px;
        display: block;
        padding-bottom: 9px;
        margin-bottom: 9px;
        cursor: pointer;
    }

	.about-profile-sect .about-left p:nth-of-type(1) {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.about-profile-sect .about-right img {
        width: 100%;
    }

    .ceo-msg-modal {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        padding: 15px 20px;
        z-index: 99;
    }

    .ceo-msg-modal span {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

	.ceo-msg-modal svg {
        width: 30px;
        height: 20px;
    }

	.about-profile-sect .about-right .ceo-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        width: 100%;
        height: auto;
    }	
	
    .about-profile-sect .about-right .ceo-wrap:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 1;
        background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0% 0% no-repeat padding-box;
    }
	
    .about-profile-sect {
        padding: 0px 0 30px;
    }

	.about-profile-sect.about-EvenProfile .about-prof-grid .about-left {
		display: flex;
		flex-direction: column;
		order: 1;
	}

	.about-profile-sect.about-EvenProfile .about-right 	
	{
		display: flex;
		flex-direction: column;
		order: 2;		
	}
	
	a {
		text-decoration: none;
	}

	.full-team-sect {
		padding-bottom: 43px;
	}	
	
	.ft-ourteam {
		font-size: 16px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
	}	
	
	.team-img-cover img{
		height: 225px;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
		width: 100%;
		object-fit: cover;		
	}	
	
	.full-team-sect p {
		width: 100%;
		margin: 20px auto;
		margin-bottom: 0px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		color: #212529;
				text-align: left;
	}
	
	.full-team-sect .action-wrap {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		margin: 20px auto;
		width: 100%;
		grid-column-gap: 15px;
	}	
	
	.full-team-sect .action-wrap a {
		padding: 9px 0px;
		color: #fff;
		text-decoration: none;
		background-color: #C20000;
		border-radius: 50px;
		font-size: 11px;
		line-height: 14px;
		font-weight: 600;
		letter-spacing: 0.44px;
		width: 132px;
		text-wrap: nowrap;
		text-align: center;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		text-transform: capitalize;
	}
	
	.commonLearnMore {
		background: #000000;
		width: 100%;
		display: block;
		padding: 8px 10px 8px 10px;
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 3.6px;
	}	
	
	.team-img-cover {
		height: 100%;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
	}

	.team-img-cover:after
	{
		content:unset;
	}	
	
	.abs-About {
		position: relative;
		bottom: unset;
		z-index: 99;
	}	
	
	.aboutContact {
		margin-bottom: 43px;
	}	
		
	.aboutContact h4 {
		text-align: left;
		font-size: 16px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
	}	
	
	.aboutContactGrid {
		display: flex;
		grid-template-columns: repeat(4, 1fr);
		width: 100%;
		margin: 0 auto;
		gap: 20px;
		margin: 0 auto;
		justify-content: center;
		flex-direction: column;
	}	
	
	.aboutContactContent {
		display: flex;
		align-items: center;
		gap: 15px;
	}	
	
	.abContactSVG {
		background: #f5f5f5;
		padding: 11px;
		border-radius: 10px;
		box-shadow: 0px 3px 6px #00000017;
	}	
		
	
	.aboutContactContent svg {
		width: 22px;
		height: 18px;
	}	
		
	.aboutContactContent a {
		color: #000;
		font-size: 17px;
		line-height: 23px;
		font-size: 12px;
		line-height: 18px;
	}	
	
	.full-team-sect .action-wrap a:last-child {
		background: none;
		border: 1px solid #c20000;
		color: #c20000;
	}	
	
	.notSure {
		background-image: url(../images/notSureBg.svg);
		background-repeat: no-repeat;
		background-size: 78%;
		background-position: -55px -5px;
		background-color: #f9f9f9;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 15px;
		text-align: center;
		display: flex;
		flex-direction: column;
		padding: 20px;		
	}
	
	.notSure h3 {
		margin: 0;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px;
		margin-bottom: 7px;
	}

	.notSure p {
        font-size: 9px;
        line-height: 13px;
        margin-bottom: 15px;
        font-weight: 400;
        width: 69%;
        margin-left: auto;
        margin-right: auto;
	}

	.notsureimg {
		display: none;
	}

	.whatsappButton {
		display: flex;
		align-items: center;
		gap: 6px;
		color: #fff;
		justify-content: center;
		background: #34C200;
		border-radius: 8px;
		margin: 0 auto;
		height: 23px;
		width: 158px;
	}

	.whatsappButton svg {
		width: 12.94px;
		height: 13px;
		top: -1px;
		position: relative;
	}

	.whatsappButton span {
		font-weight: 600;
		font-size: 9px;
		line-height: 13px;
		letter-spacing: 0.9px;
	}

	.notSureCover {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}	

	.modal {
		z-index: 99999;
	}	

	.modal.fade .modal-dialog {
		transition: transform .3s ease-out;
		transform: translate(0, 50px);
	}

	.margin-0 {
		margin: 0;
	}

	.modal-dialog {
		position: fixed !important;
		bottom: 0 !important;
		left: 0% !important;
		right: 0% !important;
		margin-bottom: 50px !important;
	}

	.modal-content {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: 0px -3px 10px #00000046;
		border-radius: 20px 20px 0px 0px;
		border: none;
	}
	
	
	
	.commonBannerInside {
		height: 145px;
		position: relative;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 8px;
		overflow: hidden;
	}

	.commonBannerInsideOverlap h1 {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0.48px;
		color: #fff;
		text-wrap: nowrap;
		font-weight: 700;
	}

	.commonBannerInside .applynowwrap.bepartner {
		display: none;
	}	
		
	.commonBannerInside {
		height: 145px;
		position: relative;
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 8px;
		overflow: hidden;
	}

	.commonBannerInsideOverlap h1 {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0.48px;
		color: #fff;
		text-wrap: nowrap;
		font-weight: 700;
	}

	.applynowwrap.bepartner {
		display: none;
	}

	.career-content-pdiv h2 {
		font-size: 18px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
		text-align: left;
	}

	.career-content-pdiv p {
		width: 100%;
		        font-size: 15px;
        line-height: 20px;
		margin-bottom: 20px;
		font-weight: 300;
		text-align: left;
	}

	.beApartner4Grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
		margin-bottom: 67px;
	}

	.beaSection h3 {
		margin-top: 20px;
		font-size: 18px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
	}

	.beApartner4Grid p {
		width: 100%;
	 font-size: 15px;
        line-height: 20px;
		margin-bottom: 16px;
		font-weight: 300;
		text-align: center;
	}
	
	.career-banner {
		height: 145px;
		position: relative;
		overflow: hidden;
		border-radius: 8px;
	}

	.career-wrap img {
		width: 100%;
	}
		
	.dellDevLeft h4 {
		font-size: 18px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 16px;
		text-align: left;
	}
	
	.dellDevLeft p {
		width: 100%;
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 16px;
		font-weight: 300;
		text-align: left;
	}	
	

	.upload-cv-wrap span {
		padding: 9px 0px;
		color: #fff;
		text-decoration: none;
		background-color: #C20000;
		border-radius: 50px;
		font-size: 18px;
		line-height: 14px;
		font-weight: 600;
		letter-spacing: 0.44px;
	 
		text-wrap: nowrap;
		text-align: center;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}


	.werlooking h2 {
		font-size: 18px;
		line-height: 15px;
		letter-spacing: 0.48px;
		color: #fff;
		text-wrap: nowrap;
		font-weight: 700;
	}

	.commonBannerInside {
        margin: 0 20px;
        margin-top: 40px;
	}


	.footer-grid{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		    margin-bottom: 30px;
	}

	.footer-grid .footer-col:first-child
	{
		grid-column: 1 / -1;
	}

	.footer-col h3 {
		font-size: 13px;
		font-weight: 600;
		text-wrap: nowrap;
		margin-bottom: 8px;
		line-height: 1.2;
	}

	.footer-col ul li a {
		font-size: 13px;
		font-weight: 400;
		color: #000000;
		text-decoration: none;
	}
	
	/*.footer-col.an-item:last-child*/
	/*{*/
	/*	opacity:1;*/
	/*	transform: translateY(0px);*/
 /*   }*/
		
	.footer-bottom p {
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 16px;
	}

	.footer-bottom p:last-child {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: -8px;
	}

	.social-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.hotline {
		margin-left: 0;
		        margin-bottom: 17px;
	}

	.contact-details a {
		font-size: 17px;
		font-weight: 600;
		text-wrap: nowrap;
		margin-bottom: 8px;
		line-height: 1.2;
	}

	.img-text-caro a {
		border-radius: 10px;
		overflow: hidden;
	}
	.slick-slider-img-wrap a {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
	}


	.upcat-caro .slick-slider img {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		object-fit: cover !important;
	}

	.img-text-caro {
		display: grid !important;
		grid-template-columns: 100%;
		grid-column-gap: 0px;
	}

	.uc-content {
		    top: 0;
		width: 100% !important;
	}

	.uc-content h2 {
		font-size: 18px;
		line-height: 22px;
			margin-bottom: 16px;
		font-weight: 700;
	}

	.uc-content h2 a {
		color: #000;
		border-radius: 10px;
		overflow: hidden;
	}

	.uc-content p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 0px;
		font-weight: 500;
	}

	.maskedNew.top {
		height: 190px;
		overflow: hidden !important;
		position: relative;
		display: flex;
		margin-bottom: 20px;
		margin-top: 80px;
	}
	
	.upcoming-catg-section {
		padding: 0 30px;
	}	
	
	.searchblog-btn-wrap {
		top: 0;
		left: 0;
		width: 100%;
		height: 55px;
		margin-top: 40px;
		display: grid;
		grid-template-columns: 1fr auto;
		overflow: unset;
		border-radius: 50px;
		position: relative;
		box-sizing: border-box;
	        box-shadow: none;
	}	
	
	.searchblog-btn-wrap form {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	.searchblog-btn-wrap input {
		width: 100%;
		border-radius: 50px;
		padding: 0 15px;
		border: 1px solid #fff;
		box-sizing: border-box;
	}	

	.searchblog-btn-wrap .searchDropdown {
		position: absolute;
		bottom: -228px;
		margin: 0;
		width: 100%;
		left: 0;
		background: #fff;
		z-index: 99;
		display: none;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	
	.upcat-caro .slick-dots li,
	.upcat-caro .slick-slider .custom-dots ul li button
	{
	    width: 7px !important;
		height: 7px !important;
		margin: 0 !important;	
	}
	
	.catg-listing-wrap ul li span {
		font-size: 14px;
		letter-spacing: 1.79px;
		cursor: pointer;
		white-space: nowrap;
	}	

	.catg-listing-wrap ul li:before {
		right: -19px;
		content: '';
		position: absolute;
		height: 70%;
		width: 2px;
		background-color: #000000;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.catg-listing-wrap ul li {
		position: relative;
		font-size: 16px;
		letter-spacing: 2.79px;
		text-transform: uppercase;
		font-weight: 400;
	}

	.catg-tag-wrap {
		margin-bottom: 40px;
	}

	.catg-tab-grid {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px 0;
		border-bottom: 1px solid #E2DFDF;
	}	

	.catg-tab-left {
		width: 93%;
	}

	.catg-tab-left span, 
	.catg-tab-left h2, 
	.catg-tab-left p 
	{
		color: #000;
	}
	
	.catg-tab-left span {
		font-size: 14px;
		letter-spacing: 2.5px;
		margin-bottom: 16px;
		display: inline-flex;
		text-transform: uppercase;
		font-weight: 400;
	}
	
	.catg-tab-left h2 {
		    font-weight: 700;
		line-height: 22px;
		font-size: 16px;
		margin-bottom: 16px;
	}

	.catg-tab-left p {
		margin-bottom: 16px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
	}	

	.catg-tab-right {
		width: 100%;
		height: 190px;
	}
	
	.catg-tab-img {
		width: 100%;
		height: 100%;
		margin-left: auto;
		border-radius: 20px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.load-more-wrap {
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}

	.load-more-wrap a {
		color: #3D3E3D;
		width: fit-content;
		border-radius: 50px;
	        background: #eaeaea 0% 0% no-repeat padding-box;
		padding: 11px 14px;
		font-size: 11px;
		line-height: 14px;
		font-weight: 600;
		text-transform: uppercase;
		height: auto;
	}	

	.upcoming-proj-pdiv {
		width: 100%;
		margin: 0 auto;
		padding: 0 22px;
	}
	
	.related-post-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 40px;
		margin-bottom: 40px;
		width: 100%;
	}	

	.related-post-box {
		border-radius: 20px;
		box-shadow: 0px 3px 31px #00000029;
		background: #FFFFFF 0% 0% no-repeat padding-box;
	}	
	
	.rpi-wrap {
		height: 163px;
		overflow: hidden;
		border-radius: 20px 20px 0 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}	

	.rpi-wrap a {
		width: 100%;
		height: 100%;
	}

	.rpi-wrap a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rp-outer-box {
		padding: 20px;
	}

	.date-writer-wrap {
		display: flex;
		margin-bottom: 25px;
		justify-content: space-between;
	}

	.rp-date, .rp-writer {
		display: flex;
		align-items: center;
		grid-column-gap: 9px;
	}

	.date-writer-wrap svg {
		width: 17px;
		height: 17px;
	}
	
	.rp-date, .rp-writer {
		display: flex;
		align-items: center;
		grid-column-gap: 9px;
	}	

	.rp-date span, .rp-writer span {
		font-size: 12px;
		line-height: 23px;
		font-weight: 400;
	}
		
	span.rpb-head {
		font-size: 16px;
		line-height: 22px;
		text-align: left;
		display: flex;
		font-weight: 600;
		margin-bottom: 16px;		
	}
	
	.rpi-wrap a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }	

	p.rpb-para {
	font-size: 16px;
        line-height: 22px;
		width: 100%;
		text-align: left;
		height: 93px;
		overflow: hidden;
		font-weight: 400;
		margin-bottom: 16px !important;
	}

	.rp-outer-box .readmore {
		display: flex;
		color: #C20000;
		font-size: 10px;
		line-height: 16px;
		text-align: left;
	}

	.subscriber-wrap {
		color: #fff;
		width: 100%;
		margin-left: 0;
		background-color: #383941;
		height: auto;
		justify-content: center;
		align-items: center;
		display: flex;
		padding: 40px 20px;
	}	

	.subscriber-wrap p {
		font-size: 18px;
		line-height: 26px;
		font-weight: 500;
		margin-bottom: 16px;
		padding: 0px;
		text-align: center;
	}

	.subs-btn-wrap {
		display: flex;
		flex-direction: column;
		grid-row-gap: 10px;
		width: 100%;
		height: auto;
		border-radius: unset;
		overflow: hidden;
	}

	form#newsletterform {
		    grid-row-gap: 10px;
		flex-direction: column !important;
	}

	.subs-btn-wrap input {
		width: 100%;
		height: 55px;
		padding: 16px;
		border-radius: 50px;
		border: 1px solid #fff;
	}
	
	.subs-btn-wrap button {
		color: #fff;
		font-size: 18px;
		line-height: 28px;
		padding: 14px 54px;
		border-radius: 50px;
		margin-left: 0px;
		border: 1px solid #C20000;
		background-color: #C20000;
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
	}	

	.catg-listing-wrap {
		width: 100%;
		padding: 0 0 0 0px;
		margin-top: 40px;
		overflow-x: scroll;
		border-bottom: 1px solid #E2DFDF;
	}

	.catg-listing-wrap ul {
		grid-column-gap: 38px;
	}
	
	::-webkit-scrollbar {
		display: none;
	}

	.recent-post h2 {
		font-size: 18px;
		line-height: 1;
		font-weight: 700;
		margin-bottom: 16px;
	}

	.searchblog-btn-wrap button {
		padding: 0 25px;
	}

	.custom-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20px auto 0;
	}

	.blog-details-page .para-wrap p {
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		margin-bottom: 0;
	}

	.blog-details-page .para-wrap p a {
		color: #c20000 !important;
	}

	.blog-details-page .para-wrap h4 {
		font-size: 16px;
		line-height: 22px;
		font-weight: 600;
		display: inline-flex;
		margin-bottom: 10px;
		margin-top: 30px;		
	}	
	
	.upcoming-herobanner {
		margin-top: 100px;
		border-radius: 10px;
		display: flex;
		font-size: 40px;
		line-height: 50px;
		align-items: flex-end;
		justify-content: center;
		height: 190px;
		padding: 0 !important;
	}

	.upcoming-herobanner:before {
		height: 190px;
	}

	.upcoming-herobanner h2 {
		font-size: 16px;
		line-height: 22px;
		width: 90%;
	}

	.upcoming-proj-pdiv .upcoming-proj-pdiv {
		padding: 0;
	}

	.para-wrap ul li {
		font-size: 14px;
		line-height: 21px;
		margin-left: -5px;
	}

	.Upcoming-proj-wrap .para-wrap ul {
		list-style-type: none;
		padding-left: 0;
		margin-top: 30px;
	}

	.Upcoming-proj-wrap .para-wrap ul {
		display: flex;
		flex-direction: column;
		grid-row-gap: 30px;
	}	
	
	.Upcoming-proj-wrap .para-wrap p
	{
	    font-size: 14px;
		line-height: 18px;
		font-weight: 400;	
	}

	.pad22	
	{
		padding:0 22px;
	}
	
	.career-content-pdiv.carrerOnly p {
		width: 100%;
	}	
	
	.careerPage-wrapper {
		padding: 0 20px;
	}

	.career-content-pdiv {
        margin-top: 30px;
        margin-bottom: 30px !important;
	}

	.upload-cv
	{
		display:none;
	}
	
	.commonBannerInsideOverlap strong 
	{
		padding: 0 2px;
	}

	.onlyMobShow
	{
		display:block;
		position: relative;
	}
	
	.onlyDeskShow
	{
		display:none;
	}	
	
	.career-section {
		top: 0px;
	}

	.modal-content {
		box-shadow: 0px -3px 10px #00000046;
		border-radius: 20px 20px;
		border: none;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;    
	}

	.modal-body {
		padding: 0 0px;
	}

	.getOTPForm input {
		padding-left: 12px;
	}
	
	.searchTextBox input {
		color: #000000;
		opacity: .5;
	}
	
	.searchTextBox input {
        background: #F4F4F4;
        border: none;
        padding: 12px;
        width: 100%;
        border-radius: 8px;
        padding-left: 15px;
        height: 38px;
        font-size: 16px;
        line-height: 18px;
	}

	.callToAction.GetOtpButton button {
		height: 43px;
		font-size: 13px;
		line-height: 18px;
	}

	.contactLocationGrid 
	{
        gap: 30px;
        padding: 0 15px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 40px;
	}	
	
	.contactPage .searchTextBox {
		grid-template-columns: repeat(1, 1fr);
	}

	.contactPage {
		background-color: #fff;
	}

	.contactPage {
		background-color: #fff;
	}

	.callToAction.GetOtpButton {
		margin-bottom: 0;
		margin-top: 0;
	}

	.callToAction.GetOtpButton button {
		margin-top: 0;
	}

	.cp-wrap-sect1
	{
		padding:0 20px;
	}
	
	.cp-details.mt-100
	{
		margin-top: 0px;	
	}
	
	div#map2 {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0px;
	}

	.cp-wrap-sect1 p {
		width: 90%;
		margin: 0;
	}

	.faq-wrapper {
		width: 100%;
		padding: 22px 0;
	}

	.accordion-button:not(.collapsed), .faq-section .accordion button.accordion-button.collapsed {
		font-size: 15px;
		line-height: 23px;
		font-weight: 500;
	}

	.banner.faqBanner {
		height: 146px;
        border-radius: 10px;
	}

	.faq-top-wrap
	{
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        margin-bottom: 20px;
        position: relative;
        padding: 0 20px;
        margin-top: 130px;
	}

	.faq-top-wrap svg {
		width: 12px;
		height: 12px;
	}	
	
	.faq-top-wrap h1 {
		font-size: 16px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 0;
	}

	.banner.faqBanner h1 {
		display: none;
	}

	.faq-section .accordion-body p {
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	.applynowwrap.sell-with a {
		padding: 9px 0px;
		color: #fff;
		text-decoration: none;
		background-color: #C20000;
		border-radius: 50px;
		font-size: 14px;
		line-height: 14px;
		font-weight: 600;
		letter-spacing: 0.44px;
		width: 146px;
		text-wrap: nowrap;
		text-align: center;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}

	h3.New-08-01Sell {
        margin-top: 10px;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        margin-bottom: 16px;
	}

    .sell-with-us-cover .career-content-pdiv h2 {
        text-align: center;
    }

	.NewSellGrid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.NewSellGridItem {
		padding-top: 20px;
		background-color: rgba(237, 237, 237, 47%);
		padding: 20px;
	}

	.NewSellGridItem h4 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		gap: 5px;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        font-weight: 600;		
	}

	.NewSellGridItem h4 svg {
		width: 40px;
		height: 40px;
	}

	.NewSellGridItem p {
		margin: 0;
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		margin-top: -10px;
		font-weight:300;
        font-size: 16px;
        line-height: 24px;
        text-align: center;		
	}

	.sell-with-us-cover .dellDevLeft h4, 
	.sell-with-us-cover .dellDevLeft p 
	{
		text-align: center;
	}

	.applynowwrap.sell-with {
		margin-top: 25px;
	}

	.listing-card-wrap .cardContainer {
		grid-template-columns: repeat(1, 1fr);
	}

	.listing-card-wrap .cardBoxContainer {
        flex-direction: column;
        grid-row-gap: 40px;
	}

	/* 18march */
	
	.galleryGrid {
		grid-template-columns: 100%;
		gap: 0;
		grid-row-gap: 20px;
	}

	.detailsMidContainer {
		grid-template-columns: 100%;
		gap: 0;
		grid-row-gap: 30px;
	}

	.priceSpecsEnqu {
        flex-direction: column;
        align-items: flex-start;
        grid-row-gap: 25px;
	}

	.specs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
	}

	.details-columns {
		grid-template-columns: 100%;
        gap: 0;
        grid-row-gap: 10px;
        margin-bottom: 30px;
	}

	.separator {
		border-left: unset;
		padding-left: 0;
	}

	.project-header {
		display: none;
	}

	.detail-banner .item img {
		height: 560px;
		object-fit: cover;
	}

	.detail-herobanner figure:before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 168px;
		background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
		z-index: 999;
	}
	
	.detail-herobanner .slick-slide {
		position: relative;
		overflow: hidden;
	}

	.pad00
	{
		padding:0;
	}	
	
	.detail-herobanner figure {
		height: 400px;
	}	
	
	/* 18march */

	/* 19march */
	
	
	.dtBannerTop {
        position: absolute;
        top: 25px;
        left: 0;
        z-index: 99;
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 20px;
        gap: 15px;
	}

	.detail_locationcover 
	{
        gap: 10px;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 72%;
	}
	
	.detail_locationWrap 
	{
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        color: #fff;
        text-align: center;
	}

	.dtBannerTop h1 
	{
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
		color: #fff;
	}

	.dtBannerTop .mapLocation 
	{
		opacity: 1;
	}

	.dtBannerTop .mapLocation a 
	{
		box-shadow: 0px 3px 6px #00000029;
		background: #FFFFFF 0% 0% no-repeat padding-box;
	}
	
	.mapLocation a 
	{
		width: 30px;
		height: 30px;
		display: block;
		border-radius: 50%;
		display: flex;
		background: #fff;
		align-items: center;
		justify-content: center;
		box-shadow: 0px 3px 6px #00000029;
	}

	.mapLocation svg 
	{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		width: 16px;
		height: 100%;
	}
	
	.location-bookmark 
	{
		position: absolute;
		bottom: -10px;
		right: 22px;
		z-index: 999;
		width: 48px;
		height: 48px;
		background-color: #c20000;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50px;
		padding: 13px;
	}

	span.icono-plus.nav-icon a svg 
	{
		width: 20px;
		height: 20px;
	}

	span.icono-plus.nav-icon a svg path 
	{
		fill: #fff;
	}

	ul.nav-link 
	{
		top: 0;
		position: absolute;
	}

    li.nav-list-item svg 
	{
        width: 18px;
        height: 18px;
    }
	
	li.nav-list-item svg path 
	{
		stroke: #c20000;
		fill: #c20000;
	}	
	
	li.nav-list-item img 
	{
		width: 21px;
		height: 21px;
	}	

	.nav-link .nav-list 
	{
        right: 0;
        bottom: -28px;
        position: absolute;
        list-style-type: none;
        padding-left: 0 !important;
        width: 190px;
        opacity: 0;
		transition: .5s all ease;
	}
	
	.location-bookmark:hover .nav-link .nav-list
	{
		bottom: 42px;	
		opacity: 1;
	}
	
	.location-bookmark .icono-plus svg
	{
		transition: ease 0.3s;
		transform: rotate(0deg);
	}

	.location-bookmark:hover .icono-plus svg 
	{
		transition: ease 0.3s;
		transform: scale(1) rotate(45deg);
	}		
	
	ul.nav-list div 
	{
		display: flex;
		flex-direction: column;
		grid-row-gap: 10px;
	}	

	li.nav-list-item 
	{
        display: flex;
        padding: 5px 12px;
        border-radius: 50px;
        background-color: #fff;
        justify-content: center;
	}

	li.nav-list-item a 
	{
        color: #000;
        display: flex;
        grid-column-gap: 8px;
        align-items: center;
		pointer-events: none;
	}

	li.nav-list-item a span 
	{
		top: -2px;
		position: relative;
	}
	
	.location-bookmark:hover .nav-list-item a
	{
		pointer-events: unset;	
	}
	
	.onlyMobShow .detailsNaviContainer 
	{
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		align-items: unset;
        justify-content: unset;
		margin-bottom: 17px;
	}

	.onlyMobShow .detailsNaviContainer .details-menu 
	{
		display: flex;
		grid-column-gap: 12px;
		border-bottom: 1px solid #E8E8E8;
		padding-bottom: 8.62px;
		margin-bottom: 12.38px;
		width: max-content;
		min-width: max-content;
		flex-wrap: nowrap;
	}

	.onlyMobShow .detailsNaviContainer .details-menu a 
	{
		white-space: nowrap;
		flex: 0 0 auto;
	}

	nav.details-menu a.active:after {
		bottom: -20px;
	}

	section.details-grid-section h3 {
		display: none;
	}	
	
	.rightDetails-container .rightDetails-header, 
	.rightDetails-container .rightDetails-qr-box 
	{
		display:none;
	}

	.rating-card 
	{
        margin-bottom: 0;
        grid-template-columns: 100%;
	}

	.progress-row 
	{
		grid-template-columns: 100%;
	}	

	.SideFormContainer {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.startingPrice span {
		display: block;
		font-size: 11px;
		line-height: 17px;
		color: #000;
		opacity: .44;
		font-weight: 500;
	}

	.priceDetailsMain strong {
		font-size: 22px;
		line-height: 26px;
		font-weight: 900;
	}

	.price-spec-bar 
	{
		padding-bottom: 30px;
	}

	.price-spec-bar 
	{
		margin-bottom: 30px;
	}

	.rightDetails-qr-box {
		margin: 30px 0;
	}

	.rating-left h1 {
		font-size: 32px;
	}

	.progress 
	{
		margin-left: 0;
	}
	
	.communityDetails figure h4 {
		font-size: 22px;
	}	

	.spec-item,
	.overview-card p,
	.progress-row span,
	.commBottomDet p
	{
		font-size: 18px;
	}

	.commBottomDet 
	{
        grid-template-columns: 100%;
        left: 20px;
        gap: 30px;
	}

	.commBottomDet a 
	{
		margin-left: unset;
	}

	.amenitiesGrid 
	{
		grid-template-columns: unset;
	}

	.amenitiesContent 
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.amenitiesContent figure 
	{
		border-radius: 10px;
	}	
	
	.amenitiesContent figure img 
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	button.accordion-button 
	{
		padding: 8px;
	}

	.accordion-item:not(:first-of-type) 
	{
		border-top: 1px solid #e5e8eb;
	}

	.floorPlanContent {
		flex-direction: column;
	}

	div#accordion .card-header a {
		padding-left: 15px;
		padding-right: 15px;
	}

	.floorPlanContent span {
		align-items: center;
	}

	.amenitiesContent figure h3 {
		font-size: 16px;	
	}
	
	.ProjectRating_ {
		margin-bottom: 30px;
	}

	section.overview-section {
		margin-bottom: 30px;
	}

	.availibility.mb-40 {
		margin-bottom: 30px;
	}

	.availibility.floorPlans.faq-wrap	
	{
		margin-bottom:0;
	}
	
	.msg-slider-left {
        order: 2;
        padding: 0px;
        margin-top: 20px;
        height: 100%;
        padding-bottom: 20px;        
	}

	.msg-slider-right {
        order: 1;
        border-radius: 10px;
        margin-top: 56px;
        padding-left: 20px;
        padding-right: 20px;
	}
	
	.ceo-msg-wrap,
	h5.msgrName,
	span.msgrDesig
	{
        padding-left: 20px;
        padding-right: 20px;	    
    }
	
    .msg-slider-left h4 {
        position: absolute;
        top: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 1;
        padding: 20px;
        background-color: #ffffff;
    }	

	.msg-slider-right img {
		border-radius: 10px;
		height: 280px;
	}

	a.sliderCross {
        position: absolute;
        top: 50%;
        left: -27px;
        transform: translateY(-50%);
	}
	
    a.sliderCross svg {
        width: 40px;
        height: 40px;
        padding: 11px;
    }	
	
	
	/* 19march */
	
	
	/* 21march */
	
	.check-enquiry-wrap 
	{
		display: flex;
		grid-column-gap: 15px;
	}
	
	#compareModal .modal-dialog 
	{
		width: 100%;
	}	

	#compareModal .modal-dialog .modal-content 
	{
		height: 100%;
		border-radius: 0;
		width: 100%;
		max-width: unset;
		padding: 25px 22px;
	}

	.modal-cross-btn 
	{
		position: absolute;
		right: 0;
		top: -16px;
		background-color: #c20000;
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50px;
		padding: 13px;
	}

	.modal-dialog.custom-modal-size 
	{
		width: 95%;
	}

	.modal-dialog	
	{
		margin:0 auto;
	}
	
	.globe-wrapper 
	{
		width: 290px;
		z-index: 9999;
		padding-top: 45px;
	}

	.globe .globe-wrapper.menuOpen span 
	{
        display: block;
    }

	table.unit-table button	
	{
		white-space: nowrap;
	}	
	
	.availibility th 
	{
		white-space: nowrap;
	}	
	
	#accordion
	{
		white-space: normal;
	}
		
	.topRight svg 
	{
		top: -2px;
		position: relative;
	}

	div#map2 iframe 
	{
		height: 330px;
	}

	.msg-slider-wrap 
	{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.msg-slider 
	{
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		max-height: 100vh;
	}

	html, body {
		overscroll-behavior: none;
	}	
	
	/* 21march */
	
	/* 23march */
			
	.whatlooking-wrap {
		margin-top: 25px;
		padding: 0 0px;
	}

	.compare-grid {
		display: grid;
		grid-template-columns: 32.6% 32.6% 32.6%;
		grid-column-gap: 10px;
		margin-bottom: 30px;
	}

	.compare-grid .compare-box:first-child {
		display: none;
	}

	.compare-box {
		width: unset;
	}

/* 	.compare-box:nth-of-type(1) .added-property, 
	.compare-box:nth-of-type(2) .added-property 
	{
		border: none;
		padding: 0;
	} */
	
	.added-property {
		position: relative;
		height: 117px;
		width: 100%;
		margin-bottom: 8px;
		padding: 5px;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}	
	
	.added-property img 
	{
		width: 100%;
		height: 100%;
		border-radius: 0;
		object-fit: cover;
	}

	a.delete-comparelist 
	{
		padding: 10px 0;
	}

	.added-property svg 
	{
		position: absolute;
		top: 12px;
		right: 12px;
	}

	.added-property svg path 
	{
		fill: #ffffff;
	}	
	
	.propname-wrap 
	{
		justify-content: flex-start;
		align-items: baseline;
		display: flex;
		flex-direction: column;
		margin-bottom: 0px;
	}

	.compare-pname 
	{
		font-size: 14px;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: center;
		line-height: 1;
		margin-top: 5px;		
	}
	
	.compare-pname a 
	{
		color: #000;
		font-size: 14px;
	}

	.compare-plocation svg path, 
	.compare-plocation 
	{
		opacity: 50%;
		position: relative;
		top: -5px;
	}

	.propname-startingprice 
	{
		flex-direction: column;
	}

	span.compare-startingTitle 
	{
		display: none;
	}

	span.compare-pprice 
	{
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		text-align: left;
		color: #c20000;
	}

	.spec-covered 
	{
		margin-bottom: 40px;
	}

	.spec-heading 
	{
		display: flex;
		padding: 5px 8px;
		font-size: 14px;
		font-weight: 700;
		color: #212529;
		line-height: 25.7px;
		justify-content: center;
		background-color: #F8F8F8;		
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.compare-specific-grid 
	{
		display: grid;
		grid-column-gap: 2%;
		grid-template-columns: 32% 32% 32%;
	}

	.compare-specific-grid .prop-detail:first-child 
	{
		padding-left: 5%;
	}
	
	.compare-specific-grid .prop-detail:first-child 
	{
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}	

	.compare-specific-grid .prop-detail 
	{
		line-height: 17px;
		display: flex;
		align-items: center;
		text-align: center;
		padding: 10px 0;
		font-weight: 400;
		font-size: 14px;
		justify-content: center;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}

	.compare-specific-wrapper:last-child .prop-detail 
	{
		display: flex;
		flex-direction: column;
		padding: 0 10px;
		margin-top: 10px;
		border: none;
	}

	.compare-specific-wrapper:last-child .callActrionGrid 
	{
		flex-direction: column;
		align-items: center;
		grid-row-gap: 5px;
		height: 100%;
	}
	
	.callActrionGrid 
	{
		width: 100%;
		display: flex;
		grid-column-gap: 13px;
	}

	.compare-specific-wrapper:last-child .cta-right 
	{
		width: 100%;
		display: flex;
		grid-column-gap: 13px;
	}

	.compare-specific-wrapper:last-child .callCTA 
	{
		border-radius: 6px;
		width: 100%;
		height: 23px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-color: #35C200;
		background-color: #35C200;
	}

	.compare-specific-wrapper:last-child .whatsapCTA svg 
	{
		width: 13px;
		height: 13px;
	}

	.compare-specific-wrapper:last-child .whatsapCTA svg path 
	{
		fill: #fff;
	}

	.cta-left 
	{
		width: 100%;
	}

	.compare-specific-wrapper:last-child .enquireCTA 
	{
		padding: 11px 1px;
		background: #c20000;
		border-radius: 6px;
		text-decoration: none;
		color: #fff;
		font-size: 13px;
		line-height: 2px;
		height: 25px;
		display: inline-flex;
		font-weight: 700;
	}

	.callActrionGrid .cta-left a {
		width: 100%;
		text-wrap: nowrap;
		display: flex;
		justify-content: center;
	}

	.compare-specific-wrapper.compare-mobile-enq {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.comparesubtitleHeading p 
	{
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
		text-align: left;
	}

	.whatlooking-wrap .commonHeading 
	{
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.whatlooking-wrap a.backarrow svg 
	{
		width: 12px;
		height: 12px;
	}

	#enuirenow .enquire-cotent-wrap 
	{
        padding: 0 22px;
        margin-bottom: 20px;
	}

	#enuirenow .getOTPForm input 
	{
		padding-left: 12px;
	}

	#enuirenow .getOTPForm.searchTextBox  input {
		background: #F4F4F4;
		border: none;
		width: 100%;
		border-radius: 8px;
		padding-left: 39px;
		height: 38px;
		text-align: left;
		font-size: 12px;
		line-height: 18px;
		color: #3C3C3C;
		opacity: 1;		
	}

    #enuirenow .modal-content 
	{
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

	#enuirenow .searchFilterInside.searchModalCover .modal-title {
		justify-content: flex-start;
		font-weight: 600;
	}

	#enuirenow .searchFilterInside.searchModalCover .modalButtonShadowFix 
	{
		padding: 20px;
	}

	.ww-wrap {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		position: relative;
		margin-bottom: 20px;
	}

	.ww-wrap a 
	{
		position: absolute;
		left: 0;
	}

	.ww-wrap h3 
	{
		margin-bottom: 0 !important;
	}
	
	.chatIcon 
	{
		z-index: 9999999;
	}
	
	
	/* 23march */









/*** 25-03-2026 **/
/* Slider Container */
.home-city-slider {
    width: 100%;
    overflow: hidden;
}
 
 .redArrow {
    display: none;
}
.home-city-slider .feature-item {
    white-space: nowrap;
    font-size: 13px !important;
}
.explore-properties .price strong {
    font-size: 20px;
}
.explore-header { 
    margin-bottom: -10px;
}
.global-lbl-dd-wrap {
    margin-top: 0;
    row-gap: 14px;
}

.label-dd-wrap label {
    margin-bottom: 5px;
}
#loginwith .modal-dialog {
    width: 98%;
    z-index: 999999999999999999999999999999;
}

div#loginwith {
    z-index: 999999999999999999999;
}

.modal-content {
    padding-bottom: 18px;
}

.loginwithwrap {
    width: 90%;
    margin: 0 auto;
}
input.c-search-input.search {
    border: none;
    padding: 0;
    margin: 0;
}

input.c-search-input.search {
    border: none;
    padding: 0;
    margin: 0;
}

.sort-tfilter-cover .toggle-container, .sort-tfilter-cover .sort-wrap, .sort-tfilter-cover .custom-dropdown {
    padding: 6px 5px;
}

.tlevel-filter {
    column-gap: 5px;
    width: 100%;
}

.tlevel-filter .toggle-btn {
}

div#sorting-dropdown-tlf {
    width: 33%;
}

div#currency-dropdown-tlf {
    width: 50%;
}

.toggle-container {
    width: 36% !important;
}

.sort-tfilter-cover {
    width: 100%;
}

    .homepage24-03 input.c-search-input.search {
        margin-bottom: 14px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 9px;
    }










.community-proj .singleImageBanner h2 {
    text-align: center;
    width: 100%;
}

.community-proj .commonBannerInsideOverlap h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.community-proj .communityDetaislP {
    width: 100%;
}

.search-result-wrap {
    padding-top: 20px;
}

.community-proj h1.commonHeading.center-text {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 25px;
    left: 0px;
    line-height: 10px !important;
    display: block;
    margin: 0;
    padding: 0;
}

.community-proj .flex-30-12-title.extraMarginCommunity {
    text-align: left;
}

.community-proj .flex-30-12-title.extraMarginCommunity {
    align-items: center;
    justify-content: space-between;
    height: auto;
}

.community-proj .commheadFilterWrap .custom-select-cover {
    position: unset;
    justify-content: center;
    min-width: 80px;
    height: 34px;
    padding-left: 10px;
    display: flex;
    top: 1px;
    position: relative;
    align-items: center;
    width: fit-content;
    line-height: 17px;
}

.community-proj .commheadFilterWrap .custom-select-cover .select-selected {
    padding: 0;
    padding-left: 10px;
}

.community-proj  .searchFilterRadio {
    width: 100%;
    overflow-x: scroll;
    margin-top: 6px;
    margin-bottom: 20px;
	        margin-left: 17px;
}
 .community-proj  .searchFilterRadio .propertyTypeList { 
           justify-content: flex-start;
    gap: 9px;
    display: flex;
    grid-template-columns: unset;
    flex-wrap: unset;
    width: 480px;
    overflow: scroll;
}
 .community-proj  .searchFilterRadio span {
    font-size: 12px;
    line-height: 18px; 
    white-space: nowrap;
}

 .community-proj  .sfrcheck { 
    width: 18px;
    height: 18px; 
	top: 0px;
}

  .community-proj    .search-result-wrap { 
        padding-bottom: 0;
    }

  .community-proj  .commonBannerInside {
    margin-top: 0;
}

  .community-proj  .searchFilterRadio input:checked ~ span {
    
    padding: 4px 10px 4px 15px;
}


/* 25march fixes */

.amenitiesGrid 
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detailsFloorPlan .amenitiesContent {
    grid-template-columns: repeat(2, 1fr);
}

.communityDetails figure img 
{
    object-fit: cover;
}

.detailsMidContainer {
    grid-row-gap: 0;
}

.detail-row .val {
    text-align: right;
}

.amenitiesContent figure {
    height: 138px !important;
    overflow: hidden;
    border-radius: 10px;
}

.details-menu a 
{
    font-size: 15px;
}

nav.details-menu a.active 
{
    font-weight: 600;
}

nav.details-menu a.active:after 
{
    bottom: -25px;
}

.detail-row span 
{
    font-size: 14px;
}

section.overview-section h3 
{
    font-size: 18px;
}

.specs 
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

.spec-item:nth-child(1) 
{
    grid-column: span 2;
}

.spec-item:nth-child(1) 
{
    order: 3;
}

.spec-item:nth-child(2) 
{
    order: 1;
}

.spec-item:nth-child(3) 
{
    order: 2;
}

.team-img-cover:before
{
    top: -40px;   
}

.full-team-sect 
{
    padding-bottom: 20px;
}

.notSure.mb-52 
{
    margin-bottom: 40px !important;
}

body.modal-active {
    height: 100vh;
    overflow: hidden;
}

body.modal-active:before {
    z-index: 9;
    height:100vh;
    pointer-events: none !important;
    
}

.msg-slider-wrap 
{
    display: flex;
    flex-direction: column;
}

.msg-slider 
{
    right: -240%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0px;
    top: unset;
    bottom: 0;
    overflow: unset;    
}

.msg-slider 
{
    width: 90%;
}

.slide-scroll {
  height: 100vh;
  overflow-y: auto;
}

.extraMarginCommunity {
    margin-left: 20px;
    margin-right: 20px;
}


footer .an-item {
    opacity: 1;
}

footer {
    padding-top: 0;
}








.spec-item, 
.overview-card p, 
.progress-row span, 
.commBottomDet p,
.availability-btn,
.availibility p,
.availibility.mb-40.detailsFloorPlan .amenitiesContent figure h3,
.commBottomDet a,
.amenitiesBox span,
.location-wrap span,
.rightDetails-button,
.msg-slider-left p,
.commonBannerInsideOverlap h1
{
    font-size: 15px;
}

.commonDetailsHeading,
.communityDetails figure h4
{
    font-size: 18px;
}

.cp-details.mt-100 {
    margin-top: 0px;
}
    
/* 25march fixes */

.container-fluid.header-container .toggle-container {
    width: auto !important;
}
.loginwithwrap p { 
    line-height: 24px;
    font-size: 15px;
}
div#profile-login-modal .modal-dialog {
    transform: translate(0, -50%);
    width: 95%;
}
.rating-card.mb-40 {
    margin-bottom: 30px;
}

/* 27march fixes */

.add-image-cover .sponser-add.add-wrap {
    display: none;
}

.mini-sponser {
    padding: 17px;
    position: relative;
    cursor: pointer;
    display: block;   
    border-radius: 6px;
    background: #F5F5F5;  
    border: 1px solid #E5E5E5;
    padding-top: 25px;
}

.mini-sponser img.mini-spon {
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
}

.mini-sponser.mini-spons-remove
{
    display:none;
}

a.downArrow {
    position: absolute;
    left: 50%;
    background-color: #c20000;
    bottom: -11px;
    width: 33px;
    height: 33px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    cursor: pointer;
    transform: translateX(-50%);
}

a.downArrow i 
{
    color: #fff !important;
}

.newsletter-wrapper h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.newsletter-wrapper p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    width: 90%;
    margin-bottom: 15px;
}

.newsletter-wrapper {
    padding: 20px;
}

.notification button {
    font-size: 15px;
    letter-spacing: 3.6px;
    padding: 10px 63px !important;
    height: 43px;
}

.notification {
    margin-top: 40px;
}

body.MainDetailsContrainer table
{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#map iframe {
    height: 320px;
}

#showMap .modal-content
{
    width:95%;
}

.sold {
    white-space: nowrap;
}

body.MainDetailsContrainer table td
{
    padding:10px;
}

p.newExact18-01 {
    margin-top: 7px;
}

/* 27march fixes */

/* 30march fixes */  

.spons-logo 
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    padding-bottom: 15px;
}

.spons-logo img 
{
    width: 180px;
}

.spons-logo a 
{
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

/* 30march fixes */  


/* 31march */

.commheadFilterWrap.ourteam-title.mt145 {
    margin-top: 85px;
    background-color: #fff;
    padding-top: 15px;
}

.commheadFilterWrap.ourteam-title h1 {
    margin-bottom: 5px;
}


/* 31march */

/* 2april */

section.map-searchpagewrap .property-filter 
{
    grid-template-columns: 100%;
    padding: 20px !important;
    grid-row-gap: 10px;
    margin-bottom: 0;
}

.NlpMapPage .property-filterMap 
{
    flex-direction: column;
}

.property-filterMap  .reset-btn-div 
{
    margin-left: 0;
}

.nlpmapfilter-more-reset {
    display: flex;
    justify-content: space-between;
}

.nlpmapfilter-more-reset #morefilter-dropdown
{
    width: fit-content;
    border-radius: 10px;
    height: 40px;
    column-gap: 14.11px;
    box-shadow: none;
    border: 1px solid #dedede !important;
    display: flex;
    justify-content: space-between;
    background-color: #f5f5f5;
}

.nlpmapfilter-more-reset #morefilter-dropdown .dropdown-selected {
    border: unset;
    background-color: unset;
    padding: 7px 10px !important;
    border-radius: 0;
    height: auto;
    grid-column-gap: 10px;
}

.NlpMapPage .map-searchpagewrap .commonBorderMap
{
    display:none;
}

.NlpMapPage .reset-btn-div .nlpmapfilter-more-reset button 
{
    height: 40px !important;
    width: 110px !important;
}

.nlpmapfilter-more-reset #morefilter-dropdown
{
    position:relative;
    bottom: unset;
    right: unset;
}

.NlpMapPage .map-searchpagewrap .nlpmapfilter-more-reset .commonBorderMap 
{
    display: block;
}

.NlpMapPage .col-lg-5.div-scroll.map-div.homepage-4 
{
    display: none;
}
  
.NlpMapPage div#map 
{
    height: calc(100vh - 236px) !important;
}

.NlpMapPage footer
{
    display:none;
}

.NlpMapPage .div-scroll.map-div.homepage-4.propch-bottom-sroll {
    z-index: 99999999999 !important;
    position: fixed;
}

.NlpMapPage .div-scroll.map-div.homepage-4 {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 0;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding-bottom: 10px;
    transition: .5s all ease;
}

.NlpMapPage .map-mobsect .propch-bottom-sroll .MapPageHeadingListing {
    margin-bottom: 10px !important;
    display: flex;
    justify-content: space-between;
}

.NlpMapPage .MapPageHeadingListing h1 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px !important;
    line-height: 38px;
    line-height: 1;
    margin-top: 0;
}

.NlpMapPage .map-mobsect .MapPageHeadingListing a {
    position: relative;
    top: -5px;
}

.map-mobsect .propch-bottom-sroll .MapPageHeadingListing svg {
    width: 12px;
    height: 12px;
}

.NlpMapPage .card-location-scroll {
    width: 100%;
    overflow-x: scroll;
}

.NlpMapPage .card-location-width 
{
    width: 1000px;
}

.NlpMapPage.iti-mobile .div-scroll.propch-bottom-sroll div#listing 
{
    margin-bottom: 0px !important;
}

.NlpMapPage .propch-bottom-sroll .MapCardGridLeft .projectContainer 
{
    display: flex !important;
    max-height: 85px;
    width: fit-content !important;
    min-width: 250px;
    border: unset !important;
}

.NlpMapPage .propch-bottom-sroll .projectImages 
{
    width: 85px;
    height: 85px;
}

.NlpMapPage .propch-bottom-sroll .projectImages figure 
{
    width: 85px;
    height: 85px;
}

.NlpMapPage .propch-bottom-sroll .MapCardGridLeft .projectContainer figure img 
{
    height: 85px;
    width: 85px;
   border-radius: 0;
}

section.map-bg.homepage-7 .container-fluid 
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.div-scroll.map-div .MapPageHeadingListing h1 
{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px !important;
    line-height: 1;
    margin-top: 0;
}

.div-scroll.map-div .MapPageHeadingListing a svg 
{
    width: 12px;
    height: 12px;
}

.div-scroll.map-div .MapPageHeadingListing a 
{
    position: relative;
    top: -5px;
}

.NlpMapPage .MapPageHeadingListing 
{
    display: flex;
    justify-content: space-between;
}

.NlpMapPage .mapbottomprop.property-card 
{
    display: grid;
    grid-template-columns: 35% 65%;
    width: fit-content !important;
    min-width: 500px;  
}

.NlpMapPage .mapbottomprop.property-card .card-image-wrapper a 
{
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
}

.NlpMapPage .mapbottomprop.property-card .card-image-wrapper a img 
{
    height: 100% !important;
}

.NlpMapPage .mapbottomprop.property-card .card-footer1 
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.NlpMapPage .mapbottomprop.property-card .features 
{
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    display: flex;
    grid-column-gap: 10px;
    
}

.NlpMapPage .mapbottomprop.property-card  .price strong 
{
    font-size: 15px;
}

.NlpMapPage .mapbottomprop.property-card .details-btn 
{
    padding: 5px 8px;
}

.NlpMapPage .mapbottomprop.property-card .property-location 
{
    margin-bottom: 5px;
}

.NlpMapPage .mapbottomprop.property-card .features 
{
    margin-bottom: 10px;
}

.NlpMapPage .div-scroll.map-div .bottom-card-scroll 
{
    display: flex;
    gap: 12px;
    overflow: scroll;
}

.detail-herobanner.mobile-detail-au3 figure:before 
{
    height: 278px;
    background: #00000000 linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}

.mobile-detail-cover-au3 .dtBannerTop 
{
    top: 102px;
}

/* 2april */




.commheadFilterWrap.ourteam-title 
	{
		display: flex;
		flex-direction: column;
		margin-top: 20px;
		text-align: left;
		align-items: flex-start;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
	}

	.commheadFilterWrap.ourteam-title h1 
	{
		font-size: 16px;
		font-weight: 600;
		line-height: 25px;
	}
	
	.commheadFilterWrap.ourteam-title p 
	{
		width: 100%;
		margin: unset;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
	}
	
	.our-team-detail-sect {
		padding: 30px 20px;
		background-color: #fff;
	}	

	.commheadFilterWrap.ourteam-title p 
	{
		font-size: 15px;
	}

	.our-teambox-grid 
	{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.out-team-box 
	{
		position: relative;
		height: 374px;
		overflow: hidden;
		border-radius: 10px;
	}

	.out-team-box:before 
	{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		z-index: 1;
		background: transparent linear-gradient(180deg, #00000000 0%, #000000de 100%) 0% 0% no-repeat padding-box;
	}

	.out-team-box img 
	{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}	

	.teamnamedesig-wrap 
	{
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 999;
		display: flex;
		flex-direction: column;
	}
	
	.out-team-box h4 
	{
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 0;
	}

	.teamnamedesig-wrap span 
	{
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
		font-family: 'Avenir LT Pro', sans-serif;
		color: #fff;
		opacity: .75;
		display: inline-flex;
		margin-top: 4px;
	}

	.footer-grid .footer-col.otherUL:nth-of-type(2) {
		display: none;
	}

	.footer-bottom {
		top: 0;
	}

	.contact-details {
		margin-bottom: 0;
	}

	.footer-top 
	{
	    top: -30px;
		margin-bottom: 30px;
	}	
	
	.upload-cv-wrap span {
        font-size: 15px;
    }

	.sellwith25 .career-content-pdiv h2 
	{
		text-align: center;
	}

	.contact-us-cov a {
		font-size: 15px;
	}

    .callToAction.GetOtpButton button {
        font-size: 15px;
     }

	.commonBannerInside {
        margin-top: 110px;
    }

	.container-fluid.header-container {
		position: fixed;
		top: 0;
		z-index: 999;
		background-color: #fff;
	}	
.detailsMidRight .SideFormContainer button {
    margin-top: 30px;
}
.nav-link .nav-list {
    z-index: -1;
}

    .location-bookmark {
        z-index: 999;
    }
.MainDetailsContrainer  li.nav-list-item a span {
    white-space: nowrap;
}





 .detail-herobanner figure {
        height: 100%;
    }
.dtBannerTop {
    top: 95px;
}
.detail_locationcover {
    width: 100%;
}
.mapLocation {
    position: unset;
}
.feature-item span {
    white-space: nowrap;
}

.feature-item svg {
    width: 14px;
    height: 12px;
}

.features {
    gap: 6px;
}

/**** blog css ***/


.upcoming-catg-wrap {
    padding: 42px 0 0px;
}
.maskedNew.top { 
    border-radius: 10px;
}
.upcoming-catg-wrap {
    margin-bottom: 40px;
}
.catg-tab-left a h2 {
    font-size: 18px;
    line-height: 22px; 
        margin-bottom: 15px;
} 



/**** blog css ***/

span.wishlist-count.wishlistNo { 
    top: -7px;
    right: -2px; 
}

.vertical-text {
    bottom: 11px;
    transform: none;
    font-size: 18px;
}
 .main-search { 
    z-index: 9;
}
 .bannerContent a {
    display: flex;
    font-size: 20px;
    height: auto;
    width: auto;
    padding: 15px;
    border-radius: 10px;
}





.homepage24-03  div#enuirenowbanner .modal-dialog.margin-0 {
    transform: translate(-50%, -50%);
    width: 90%;
    left: 50% !important;
    top: 50%;
}

.modal-dialog.margin-0 {}

.homepage24-03  div#enuirenowbanner .modal-dialog.margin-0 .modal-body.padding-0 {
    padding: 20px;
}
 
.homepage24-03  form#email-form-banner {
    margin-top: 0;
}

.homepage24-03  p.otpNote span {
    line-height: 14px !important;
}

.homepage24-03  p.otpNote {
    line-height: 18px;
}

.homepage24-03  .searchTextBox input {
    padding-left: 25px;
}

.homepage24-03  .propertyTypeList input {
    font-size: 16px !i;
}

.homepage24-03  .searchModalCover .propertyTypeList.tabsProperty span {
    font-size: 15px;
}
.homepage24-03  .projectName h2 {
    font-size: 20px;
}

.homepage24-03  .projectName span {
    font-size: 16px;
}
.container-fluid.mb-60 .slider {
    z-index: 5;
}
.community-proj h1.commonHeading.center-text {
    margin-bottom: 30px;
    text-align: center;
}
















.NlpMapPage .property-location {
    display: none;
}

.NlpMapPage .features {
    display: none;
}

.NlpMapPage .card-footer1 a {
    display: none;
}

.NlpMapPage .features {
    display: none !important;
}

.NlpMapPage .action-icons {
    display: none;
}

.NlpMapPage .NlpMapPage .mapbottomprop.property-card {
    grid-template-columns: 20% 65%;
}

.NlpMapPage .property-title {
    margin-bottom: 18px;
}

.NlpMapPage .property-card.mapbottomprop {
    margin-top: 8px;
}


.NlpMapPage button.btn.btn-yellow.reset_filter.reset-filter-btn {
    height: 38px !important;
    width: fit-content !important;
    order: 1;
}

.NlpMapPage .reset-btn-div.viewmore-btn-aboutus {
    order: 1;
}


.NlpMapPage  .card-image-wrapper img {
    clip-path: unset;
    transform: unset; 
}
 .NlpMapPage .property-title, .property-location, .features, .divider, .card-footer {
    opacity: 1;
    transform: unset;
}
 
.NlpMapPage  .property-title, .property-location, .features, .divider, .card-footer {
    opacity: 1;
    transform: unset;
}

.NlpMapPage .mapbottomprop.property-card {
    min-width: 350px;
    box-shadow: 0 0px 6px #00000033;
}

.NlpMapPage .card-content {
    width: fit-content;
} 
 .NlpMapPage .filter-footer 
 {
    display: none;
}
 .div-scroll.map-div .MapPageHeadingListing h1 {
    margin-bottom: 10px !important;
}
 .div-scroll.map-div .MapPageHeadingListing a {
    display: none;
}




}