
body{    font-family: 'Raleway', sans-serif;font-weight:400;font-style:normal}
h1, h2, h3, h4, h5, h6{
        font-family:'Roboto';
        letter-spacing: 1px;
}
.inner-header{display:flex;align-items:center;justify-content:space-between}
header{position:absolute;z-index:99;width:100%;left:0;top:0;padding: 14px 0;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.darkHeader{position:fixed;background-color:#fff;box-shadow:0 0 5px gray}
.darkHeader .corner-logo{display:none}
.darkHeader .menu ul li a,.darkHeader .menu ul li span{color:#000}
.mobile-number a,.mobile-number span{color: #ffffff;font-size: 16px;letter-spacing: 1px;text-decoration:none;background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);/* border-radius: 0px; */padding: 6px 21px;display:flex;align-items:center;margin:0 0 0 10px;cursor:pointer;font-family: 'Roboto';}
.blinker{animation:blink 2s step-end infinite}
@keyframes blink {
50%{color:#ffffff}
}
.txt-binl{font-size:25px;animation:txt-binl 2s step-end infinite}
.common-btn .btn{width:100%;background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);color:#fff;font-size: 13px;font-family: 'Roboto';letter-spacing: .9px;}
.project-section{background-color:#f0f0f0;padding: 60px 0 0;}
.disclaimer{border:1px solid #000;padding:20px 20px 10px}
.disclaimer h2{text-align:center;font-size:22px;color:#000;margin-bottom:20px}
.disclaimer p{margin:0 0 10px;font-size:16px}
.project-content{background-color:#fff;padding:15px}
.project-content h2{font-size: 24px;margin:0 0 15px}
.project-content h2 small{font-size:14px;margin-top: 8px;display:block;color:#c28f31}
.project-content p{margin-bottom:5px;font-weight:600;font-size:14px}
.project-content p span{color:#868282}
.project-cnt-item{display:flex;align-items:center;margin:0 0 15px;background-repeat:no-repeat}
.project-cnt-item p{margin:0;padding:0 0 0 34px;font-size:16px}
.project-item{margin:0 0 30px;border: 1px solid #c69132;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.input-group{margin-bottom: 14px;height: 42px;}
.countryCode{width:30%;border:1px solid #ced4da;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.submit-btn{background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);color:#fff;display:block;width:100%;font-weight: 600;letter-spacing: 1px;}
.pop-call{text-align:center}
.modal-body{padding:25px}
.modal-header{border-bottom:0}
.pop-call a{color:#fff;text-decoration:none;font-size:20px;display:block;padding:10px 0;background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);margin-bottom:15px}
.modal-body form{padding:20px}
.we-deliver ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;text-align:center}
.we-deliver ul li span{display:block;line-height:100%;font-size:15px}
.we-deliver ul li .fa{font-size:30px;color:#a17826}
.we-deliver ul li{padding:0 15px}
.we-deliver{padding:0 20px 20px;margin-top:20px}
.banner-design .we-deliver{padding-top:20px}
.modal-header{width:100%;display:inline-block;position:relative;text-align:center}
.btn-close{position:absolute;right:10px;top:10px;opacity:1}
.modal-title{text-align:center;font-size:20px;font-weight:600;display:grid}
.modal-title span{font-size:20px}
footer{text-align:center;background-color:#000c;padding:16px 0 0;width:100%;display:inline-block}
footer p{color:#fff;font-size:14px}
footer p a{color:#fff}
footer p a:hover{color:#fff}
.fix-mobile-strip{display:none}
a.whatsapp_float{position:fixed;bottom: 0px;left: 5px;z-index:6;text-decoration:none;background-image:url(../images/whatsapp_icon.webp);background-repeat:no-repeat;width: 133px;height: 47px;}
.menu ul{margin:0;padding:0;list-style:none;display:flex}
.menu ul li{cursor:pointer;font-weight: 600;letter-spacing: 1px;}
.menu ul li a{color:#000;text-decoration:none;font-size:16px;font-size: 600;padding: 10px 14px;}
.rera-strip{color:#fff;padding:5px 10px;font-family:'ubuntumedium'}
.swiper-cnt{position:absolute;width:100%;bottom:0;left:0}
.project-configurations{text-shadow:0 1px 2px #000}
.hpproPartners{background:#e2dfd7;padding:0 0 55px}
.section_heading{font-size:23px;font-weight:800;text-transform:uppercase;padding-bottom:5px;margin:0;padding-top:25px;color:#525252;text-align:center}
.project-section h2{text-align:center;margin-bottom: 34px;}
.location{padding:100px 0}
.location .get_in_touch_heading{margin-bottom:40px}
.hpproPartners_block-logo{border:1px solid #d1d1d1}
.hpproPartners_block{margin-right:10px}
.hpproPartners_block-logo img,.proPartners_block-logo img{filter:grayscale(100%);width:100%}
.hpproPartners .hpproPartners_heading{margin-bottom:16px;letter-spacing:1px}
.my-logo{max-width:350px}
.project-configurations h2{color:#fff;font-size:20px;font-family:'ubuntubold';margin:0 0 5px}
.project-configurations p{font-size:14px;color:#fff;margin:0 0 5px}
.banner-configurations-site-visit{display:flex;align-items:center}
.banner-configurations{display:flex}
.configuration-item{padding-right:20px;position:relative}
.project-configurations h4{color:#fff;font-size:16px;font-family:'ubuntubold';margin:0}
.txt-binl{font-size:25px!important;animation:txt-binl 2s step-end infinite}
@keyframes txt-binl {
50%{color:#c99333}
}
.configurations-size::after{content:"";background-color:#fff;width:1px;height:100%;position:absolute;right:10px;bottom:0}
.project-site-visit{display:flex;align-items:center}
.project-site-visit .btn{background-color:#000;border-radius:0;color:#fff;font-size:14px;letter-spacing:2px;font-weight:600;text-transform:uppercase;padding:6px 10px;border-radius:4px}
.home-section{position:relative;padding-top:55px}
.form-section{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:1}
.form-section .container{display:flex;justify-content:flex-end;max-width:1116px;padding:0}
.form-banner{max-width: 520px;z-index:1;background-color:#fff;padding:20px;border-radius:4px;opacity:.85}
.form-banner h1{font-size:18px;text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:25px}
.input-group .countryCode{width:40%}
.home-banner .swiper-pagination{right:15px;top:50%;transform:translateY(-50%);z-index:2}
.home-banner .swiper-pagination .swiper-pagination-bullet{display:block;margin:8px 0;width:12px;height:12px;opacity:1}
.home-banner .swiper-pagination .swiper-pagination-bullet-active{background-color:#00c853}
.mobile-number{display:flex}
.logo{margin:0 auto;padding:0;margin-left:30px}
.project-heading{text-align:center;margin-bottom:30px;font-size:40px}
.godrej_properties{text-align:center;padding: 70px 0 0;background:#f0f0f0}
.godrej_properties_content{padding-left:0}
.godrej_properties .container{max-width:100%}
.godrej_properties_content h2{font-size:35px;color:#fff}
.godrej_properties_content h4{font-size:22px;line-height:32px;text-transform:uppercase;color:#fff;font-weight:300}
.godrej_properties_content img{/* border:1px solid #101010; */height: calc(100vh - 53px);width: 100%;object-fit: cover;/* height: 100vh; */}
.godrej_properties_content p{font-size:16px;line-height:32px;text-align:center;padding:20px;color:#fff;font-weight:300}
.d-v{display:block}
.m-v{display:none}
.banner-form{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.banner-text{text-align:center; position: relative;}

.projectt-heading{
    position: relative;
}
.projectt-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        to right,
        #e6d08a,  /* light gold left */
        #b98e33,  /* dark gold center */
        #e6d08a   /* light gold right */
    );
}
.pro-name{color:#000;font-size: 32px;margin-top:16px;font-weight: 600;font-style: italic;}
.my-txt{margin-bottom:30px}
.my-txt p{color:#000;font-size:18px}
.my-txt h2{background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);font-size: 22px;color:#fff;padding: 10px 30px;border-radius:8px;margin-top: 12px;font-weight: 600;letter-spacing: 1px;}
.overview{padding:60px 0}
.my-form{width:100%;background:#fff;padding: 30px 40px;border-radius:8px;position: relative;}
.my-form h1{font-size: 22px;margin-bottom:20px;/* text-transform:uppercase; */}
.project_btn{color:#fff;background-color:#00c853;padding:6px 10px;text-decoration:none;border-radius:4px}
.get_in_touch{background:#f5f5f5;padding:70px 0}
.get_in_touch .bg video{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.get_in_touch{position:relative;overflow:hidden;background: url(../images/city-shape.png) no-repeat bottom;/* background-position: top; */}
.bg{line-height:0;height:608px;position:relative}
.bg::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90.49deg,#f6e9dd00 5.28%,#F6E9DD 87.62%)}
.get_in_touch_heading{text-align:center}
.get_in_touch_heading h2{font-size:34px;color:#111;color: #b98e33;}
.get_in_touch p{font-size:15px;text-align:center;margin-bottom:20px}
.footer_fistrow{margin-bottom:30px;color:#111;margin-top:60px;align-items:center;position:relative}
.footer_fistrow a{font-size:20px;color:#000;text-decoration:none;text-transform:uppercase;margin-bottom:10px;display:inline-block;font-weight:600}
.fotter_connect{text-align:center}
.fotter_connect_links span .fa{color:#fff;font-size:30px}
/* .footer_fistrow::before{content:"";width:1px;position:absolute;height:100%;background-color:#999;left:50%;top:0;transform:translateX(-50%)} */
.fotter_connect_links span{width:80px;height:80px;display:flex;margin:0 auto;background-color:#9e7624;align-items:center;justify-content:center;border-radius:100%}
.fotter_connect_links:last-child{margin-top:50px}
.fotter_connect .mobile-number span{color:#fff;font-size:18px;text-decoration:none;border-radius:4px;padding:.275rem 1rem;display:flex;align-items:center;font-weight:600;margin:15px auto 0;cursor:pointer}
footer ul{padding:0;list-style:none;display:flex;justify-content:center;margin-bottom:15px}
footer ul li{margin:0 10px}
footer ul li a{color:#fff!important;text-decoration:none}
.menu .dropdown-menu{display:none}
.menu ul li.dropdown:hover .dropdown-menu{display:block}
.menu ul li span{color:#000;text-decoration:none;font-size:16px;padding:10px 25px;cursor:pointer}
.menu ul li.dropdown .dropdown-menu li a{padding:5px 15px;display:block;color:#000}
.menu ul li.dropdown .project-menu{min-width:400px}
.menu ul li.dropdown .project-menu li:nth-child(2){order:3}
.menu ul li.dropdown .project-menu li{width:50%;float:left}
.menu-tab{padding:0;list-style:none;display:flex;justify-content:center;margin-bottom:25px}
.menu-tab li{margin:0 10px}
.menu-tab li a{background-color:#c99333;color:#fff;text-decoration:none;font-size:14px;padding:10px 15px;border-radius:4px}
.project-section .disclaimer{margin-top:65px}
.banner-section{display:flex;position:relative;padding-top:80px;background:#f0f0f0}
.home-banner{width:70%;position:relative;height:100%}
.swiper-bg{cursor:pointer}
.corner-logo{position:absolute;background-color:#fff;top:0;left:0;min-width:250px;height:150px;clip-path:polygon(0 0%,0% 100%,100% 0);padding:10px 0 0 10px}
.corner-logo a{max-width:115px;display:inline-block}
.banner-design{padding:20px;text-align:center;border-radius:4px;background-color:#fff;width:30%}
.banner-design h1{font-size:22px;margin-bottom:10px;text-align:center}
.banner-design h3{font-size:20px;margin-bottom:10px;text-align:center}
.banner-design p{font-size:15px;margin-bottom:20px;text-align:center;width:100%}
.responsiv-mobile{display:none}
#our_associations{background-color:transparent;background-image:linear-gradient(180deg,#FFF 0%,#E7F8FF 100%)}
.association-logo{text-align:center;margin-bottom:30px}
.our-association{margin-bottom:60px}
.other-pages .logo a img{display:block}
.other-pages .menu ul li a,.other-pages .menu ul li span{color:#000}
.project-image{position:relative}
.project-status{background:linear-gradient(-45deg,#764c0094,#dab151,#c99333,#87671d);color:#fff;padding:5px;position:absolute;left:0;top:0;font-size:14px}
#exampleModalPopupp .modal-dialog{max-width:755px}
#exampleModalPopup .btn-close{position:absolute;right:8px;top:8px}
#exampleModalPopup .modal-body{padding:0;width:100%;max-width:755px}
.popup-inner{max-width:700px;width:90%;padding:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 2px 6px #000f;border-radius:3px;background:#fff}
.popup-close{width:30px;height:30px;padding-top:4px;display:inline-block;position:absolute;top:0;right:0;transition:ease .25s all;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:1000px;background:#260000;font-family:Arial,Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#fff;text-decoration:none}
.popup-close:hover{-webkit-transform:translate(50%,-50%) rotate(180deg);transform:translate(50%,-50%) rotate(180deg);background:#262a2980;text-decoration:none;color:#fff}
.form-container{display:flex}
.left-container{flex:1;background-color:#262a29}
.left-inner-container img{position:absolute;bottom:-5%;left:-60px;width:60%}
.fild h2{padding:0;color:#262a29;font-size:22px;margin-bottom:10px;font-weight:700}
.right-container{display:flex;flex:1;background-color:#fff;justify-content:center;align-items:center}
.left-container{display:flex;flex:1;justify-content:center;align-items:center;color:#fff}
.commitment-section{background-position:0 100%;transition:all 750ms linear;overflow:hidden;background-color:#121213;background-image:url(../images/night-bg.webp);background-repeat:no-repeat;background-size:cover;padding-bottom:50px;position:relative;min-height:115vh;width:100%;padding-top:20px}
.building-image-bg{background-image:url(../images/abc-night-bg.webp);z-index:5;width:100%;height:72vh;background-repeat:no-repeat;background-size:contain;background-position:center bottom;position:absolute;bottom:112px;left:0;right:0;-webkit-transform:translate(0,120px);-ms-transform:translate(0,120px);transform:translate(0,120px);-webkit-transition:all 900ms linear;-o-transition:all 900ms linear;transition:all 900ms linear}
.clouds{width:10000px;height:100%;background:#00000073 url(../images/clouds_repeat.webp) repeat;background-size:1000px 1000px;position:absolute;right:0;top:0;bottom:0;z-index:0;opacity:.45;-moz-animation:move-background 50s linear infinite;-ms-animation:move-background 50s linear infinite;-o-animation:move-background 50s linear infinite;-webkit-animation:move-background 50s linear infinite;animation:move-background 50s linear infinite}
.timeline-section .section-heading{padding-top:40px}
.timeline-block{text-align:center}
.timeline-block .timeline-year{font-family:Michroma;font-size:100px;opacity:0;transform:scale(0.4) translate(0,180%);webkit-transition:all 450ms ease;-moz-transition:all 450ms ease;-o-transition:all 450ms ease;-ms-transition:all 450ms ease;transition:all 450ms ease}
.timeline-block .timeline-image{border-bottom:5px solid #00A0D2;margin-bottom:0;display:flex;justify-content:center;align-items:flex-end;height:375px}
.timeline-block .timeline-image img{transform:scale(0.7);transform-origin:bottom center}
.timeline-block:hover .timeline-image img{transform:scale(0.8)}
.timeline-block .timeline-title{font-size:20px;font-weight:600;line-height:1.3;color:#222;margin-top:16px;margin-bottom:0;text-transform:uppercase;letter-spacing:-.3px}
.timeline-block .timeline-location{font-size:15px;text-transform:uppercase;margin-bottom:40px}
.timeline-block:hover .timeline-year{opacity:1}
.swiper-slide.swiper-slide-next .timeline-year{opacity:1;transform:scale(1) translate(0,20px)}
.swiper-slide.swiper-slide-next .timeline-image img{transform:scale(1.22)}
.text-prime{color:#000}
.section-heading p{font-size:32px;font-weight:600;margin-bottom:35px!important;color: color: #b98e33;color: #b98e33;}
.timeline-block .timeline-year{font-size:100px}
.timeline-slider{position:relative;padding-bottom:30px}
.timeline-slider .swiper-navigation{top:150px;font-size:15px;color:#000;width:auto;opacity:1;position:absolute;width:100%}
.timeline-slider:hover .swiper-navigation{opacity:1}
.timeline-slider .swiper-navigation .swiper-button-prev{margin-left:3px}
.timeline-slider .swiper-navigation .swiper-button-next{margin-right:3px}
.timeline-slider .swiper-navigation .swiper-button-prev,.timeline-slider .swiper-navigation .swiper-button-next{height:52px;width:52px;display:block}
.timeline-slider .swiper-navigation .swiper-button-prev:after,.timeline-slider .swiper-navigation .swiper-button-prev:after,.timeline-slider .swiper-navigation .swiper-button-next:after{height:65px;width:54px;border-radius:50%;background-color:#fff;box-shadow:0 0 10px #00000056;font-size:31px;display:flex;align-items:center;justify-content:center}
.timeline-slider .swiper-navigation .swiper-button-prev:hover:after,.timeline-slider .swiper-navigation .swiper-button-next:hover:after{background-color:#00A0D2;color:#fff}
.slider-main{position:relative;width:calc(min(47rem,90%));margin:0 auto;column-gap:3rem;padding-block:min(20vh,3rem);text-align:center;display:flex;flex-direction:column;justify-content:center}
.slider-main h2{letter-spacing:.8px;font-weight:700;font-size:2.6rem;line-height:1.2}
.slider-main p{font-size:.9rem;max-width:680px;line-height:1.6;margin-inline:auto;margin-top:10px}
.slider-main .swiper-container{position:relative}
.slider-main .swiper{width:100%;padding:0 0 53px}
.slider-main .swiper-slide{width:10rem;height:22rem;display:flex;flex-direction:column;align-items:self-start;position:relative;border-radius:12px;box-shadow:-1px 5px 15px #0000001f}
.slider-main .swiper-slide h3{color:#fff;font-size:2.5rem;line-height:1.4;margin-bottom:.625rem;letter-spacing:.8px;position:relative}
.slider-main .swiper-slide p{color:#fff;line-height:1.6;font-size:.8rem}
.slider-main .swiper-slide .slide-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:90%}
.slider-main .swiper-slide .author{grid-template-columns:1fr;justify-items:center;position:absolute;bottom:-90px;width:100%;display:none;opacity:0}
.slider-main .swiper-slide .author span{color:#111;display:block;margin:5px 0 10px;font-weight:600;font-size:.9rem}
.slider-main .swiper-slide .author img{width:100%;height:100%;object-fit:cover}
.slider-main .swiper-slide .author ul{display:flex;align-items:center}
.slider-main .swiper-slide .author ul li svg{width:20px;color:orange}
.slider-main .swiper-slide-active .author{display:grid;opacity:1}
.slider-main .swiper-slide--one{background:#0575e6;background:-webkit-linear-gradient(to bottom,#021b79,#0575e6);background:linear-gradient(to bottom,#021b79,#0575e6)}
.slider-main .swiper-slide--one h3{font-family:"Cormorant Garamond",serif;font-weight:600}
.slider-main .swiper-slide--two{background:#23074d;background:-webkit-linear-gradient(to bottom,#cc5333,#23074d);background:linear-gradient(to bottom,#cc5333,#23074d)}
.slider-main .swiper-slide--two h3{font-family:"Quicksand",sans-serif}
.slider-main .swiper-slide--three{background:#159957}
.slider-main .swiper-slide--three h3{font-family:"Satisfy",cursive;font-weight:300}
.slider-main .swiper-slide--four{background:#b06ab3}
.slider-main .swiper-slide--four h3{font-family:"Courgette",cursive;font-weight:300}
.slider-main .swiper-slide--five{background:#093028;background:-webkit-linear-gradient(to bottom,#237a57,#093028);background:linear-gradient(to bottom,#237a57,#093028)}
.slider-main .swiper-slide--five h3{font-family:"Noto Serif Vithkuqi",serif;font-weight:300}
.slider-main .swiper-slide--six{background:#b9f;background:-webkit-linear-gradient(to bottom,#b9f,#3b2421);background:linear-gradient(to bottom,#b9f,#3b2421)}
.swiper-slide--six h3{font-family:"Chonburi",cursive;font-weight:400}
.slider-main .swiper-button-prev{background:#fff;border-radius:50%;top:47%;left:-30px;width:50px;height:50px;box-shadow:0 2px 11px #0000002b}
.slider-main .swiper-button-prev::after{font-size:1.4rem;content:""}
.slider-main .swiper-button-prev svg{width:25px}
.slider-main .swiper-button-next{background:#fff;border-radius:50%;top:47%;right:-30px;width:50px;height:50px;box-shadow:0 2px 11px #0000002b}
.slider-main .swiper-button-next::after{font-size:1.4rem;content:""}
.slider-main .swiper-button-next svg{width:25px}
.slider-main .swiper-button-prev,.slider-main .swiper-button-next{display:none}
.banner-form .ready_to_move{font-size:20px;color:#fff}
.common-btn{margin-top:15px}
.pro-name span{display:block;line-height:34px}
.pro-typology{font-size: 22px;letter-spacing: 1px;margin-top: 20px;font-weight: 500;}
.pro-pricee{
    background: linear-gradient(-45deg, #764c0094, #dab151, #c99333, #87671d);
    font-size: 22px;
    color: #fff;
    padding: 10px 30px;
    border-radius: 8px;
    margin-top: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}
.form-banner-heading{
    font-size: 20px;
    margin-bottom: 20px;
}
.view-btn{

font-size: 18px;

font-weight: 600;

letter-spacing: .6px;

color: #a27926;
}
.ex-arrow{
    width: 39px;
    height: 25px;
    margin-left: 4px;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.form-btnn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-text h2{
    font-size: 26px;
    /* line-height: 32px; */
    /* border-bottom: 1px solid #ba892e; */
    display: inline-block;
    color: #b98e33;
}
.swiper-pagination-bullet {
    background: #ffffff; /* white dots */
    opacity: 0.6;
    margin: 4px;
}

.swiper-pagination-bullet-active {
    background: #dab151; /* active = red */
    opacity: 1;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    left: 50%;
    bottom: 2%;
    transform: translate(-50%, 0);
    z-index: 9;
}
.about-elan-group {
    position: relative;
}
.gallery-col{
    margin-bottom: 70px;
}
.g-textt{
    color: #000;
    font-size: 18px;
    /* overflow: hidden; */
    margin: 7px 0 10px 0;
    letter-spacing: 1px;
    /* font-weight: 600; */
    font-style: italic;
}

@media (min-width: 760px) {
.slider-main .swiper-button-prev,.slider-main .swiper-button-next{display:flex}
}
.right-inner-container{width:90%;height:100%;text-align:center;padding:20px 0}
.left-inner-container{height:100%;width:80%;text-align:center;line-height:22px;padding:120px 0}
.left-inner-container h2{color:#fff}
.right-inner-container input,.right-inner-container textarea,.select-new{border:none;padding:12px 15px;margin:5px 0;width:100%;border:1px solid #262a29}
.select-new{width:100px}
.right-inner-container input:focus,.right-inner-container textarea:focus{outline:1px solid #262a29}
.right-inner-container button{border-radius:20px;border:1px solid #262a29;background-color:#262a29;color:#FFF;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}
.right-inner-container button:hover{opacity:.7}
#staticBackdrop .modal-body{padding:25px}
.modal.show .popup-sizes{max-width:755px;width:100%}
#popup-size{transform:none;max-width:755px}
#projects{padding:20px 0 0}
#projects .properties-heading{font-size:35px;text-align:center;margin-bottom:30px}
.privacy{padding-bottom:20px}
@media(max-width: 1480px) {
    .my-form h1{
    font-size: 18px;
}
    .mobile-number a, .mobile-number span {
    padding: 4px 16px;
}
.input-group {
    margin-bottom: 20px;
    height: 30px;
}
.header-logo{ width: 60%;}
.pro-name{font-size:25px;margin-top:20px}
.my-txt h2{font-size: 18px;padding: 10px 20px;}
.my-form{padding: 20px;}
.my-txt{margin-bottom:13px}
.commitment-section{min-height:106vh}
.commitment-section h5{font-size:15px;line-height:25px}
}
@media only screen and (max-width:1400px) {
.banner-design .we-deliver{padding:15px 0 0}
.common-btn .btn{font-size:13px;padding:7px 0}
.pro-name{font-size:22px;margin-top:0}
.my-txt{margin-bottom:18px}
.my-form{/* padding:23px; */}
.my-form h1{font-size: 16px;margin-bottom:13px;letter-spacing: .8px;}
}
@media only screen and (max-width:1280px) {
    .menu ul li a {padding: 10px 14px;}
.menu ul li a,.menu ul li span{padding:10px}
}
@media only screen and (max-width:1199px) {
.project-cnt-item p{font-size:14px}
.common-btn .btn{font-size:14px}
.project-content h2{font-size:22px}
.logo{max-width: 200px;}
.mobile-number a,.mobile-number span{font-size:14px}
.form-section .container{max-width:936px}
.menu ul li a{font-size:15px}
.menu ul li span{font-size:15px}
.banner-design{display:none}
.home-banner{width:100%;padding:0}
}
@media only screen and (max-width:991px) {
.godrej_properties_content p{font-size:14px}
.get_in_touch{padding:60px 0 0}
.fix-mobile-strip{display:block;position:fixed;width:100%;bottom:0;left:0;z-index:9}
.fix-mobile-strip ul{display:flex;list-style:none;padding:0;margin:0}
.fix-mobile-strip ul li{width:50%;text-align:center}
.fix-mobile-strip ul li a{padding:10px;display:block;text-decoration:none;color:#fff;font-size:16px;text-transform:uppercase;background-color:#000}
a.whatsapp_float{width:46px;height:44px;left:50%;bottom:0;z-index:9;transform:translateX(-50%);background-image:url(../images/mobile-whatsapp.webp);background-size:cover}
footer{padding:16px 0 44px}
.project-image img{width:100%}
.project-content h2{font-size:30px}
.project-cnt-item p{font-size:18px}
.common-btn .btn{font-size:18px}
.menu{order:2;position:relative}
.button_container{position:absolute;top:50%;right:0;height:29px;width:35px;cursor:pointer;z-index:100;transition:opacity .25s ease;transform:translateY(-50%)}
.button_container:hover{opacity:.7}
.button_container.active .top{transform:translateY(11px) translateX(0) rotate(45deg);background:#fff}
.button_container.active .middle{opacity:0;background:#fff}
.button_container.active .bottom{transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff}
.button_container span{background:#b3842c;border:none;height:5px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}
.button_container span:nth-of-type(2){top:11px}
.button_container span:nth-of-type(3){top:22px}
.overlay{position:fixed;background:#c99333;top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s,height .35s;overflow:hidden;z-index:9}
.overlay.open{opacity:1;visibility:visible;height:100vh}
.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}
.overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}
.overlay nav{position:relative;height:70%;top:50%;transform:translateY(-50%)}
.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%;width:100%}
.overlay ul li{display:block;position:relative;opacity:0;margin:0}
.overlay ul li a,.overlay ul li span{display:inline-block;position:relative;color:#fff;text-decoration:none;overflow:hidden;font-size:20px}
.menu ul li.dropdown .dropdown-menu li a{color:#000;display:inline-block}
.form-section .container{max-width:696px}
.form-banner{max-width:300px;padding:10px}
.form-banner h1{font-size:16px;margin-bottom:12px}
.project-heading{font-size:35px}
.menu ul li.dropdown .project-menu li{width:100%;float:none}
.overlay ul li a{font-size:20px;display:block;border-bottom:1px solid #fff}
.overlay ul li span{font-size:20px;display:block}
.overlay ul li:first-child a{border-top:1px solid #fff}
.menu ul li.dropdown .project-menu{min-width:100%;display:block;background-color:transparent}
.menu ul li.dropdown .project-menu li a{display:block;font-size:14px;padding-left:40px;color:#fff;border:0}
.menu ul li.dropdown .project-menu{min-width:100%;display:block;background-color:transparent;border:0}
.menu ul li.dropdown .project-menu{min-width:100%;display:block;background-color:transparent;border:0;border-bottom:1px solid #fff;border-radius:0}
.banner-section{display:block;background:none}
.home-banner{width:100%}
.banner-design{width:auto;background:none;margin:30px auto;border:2px solid #000;max-width:500px}
.responsiv-mobile{display:block}
.responsiv-mobile a{position:absolute;top:50%;right: 62px;transform:translateY(-50%);background-color:#b3842c;border-radius:100%;width:35px;height:35px;display:flex;align-items:center;justify-content:center}
.responsiv-mobile a::before{position:absolute;content:'';left:0;top:0;bottom:0;right:0;border:1px solid #b3842c;border-radius:100px;-webkit-animation:widgetPulse infinite 1.5s;animation:widgetPulse infinite 1.5s}
.responsiv-mobile a::after{position:absolute;content:'';left:0;top:0;bottom:0;right:0;border:1px solid #b3842c;border-radius:100px;-webkit-animation:widgetPulse2 infinite 1.5s;animation:widgetPulse2 infinite 1.5s}
.mobile-number{display:none}
.corner-logo{display:none}
header{position:fixed;background-color:#fff}
.logo a img{display:block}
.banner-design{display:block}
@-webkit-keyframes fadeInRight {
0%{opacity:0;left:20%}
100%{opacity:1;left:0}
}
@keyframes fadeInRight {
0%{opacity:0;left:20%}
100%{opacity:1;left:0}
}
@-webkit-keyframes widgetPulse {
0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
100%{-webkit-transform:scale(1.8,1.8);transform:scale(1.8,1.8);opacity:0}
}
@keyframes widgetPulse2 {
0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
100%{-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4);opacity:0}
}
}
@media only screen and (max-width:767px) {
    .my-logo {
    max-width: 260px;
}
.darkHeader .menu ul li a, .darkHeader .menu ul li span {
    color: #ffffff;
}
    .header-logo {
        width: 100%;
        position: relative;
        left: -14%;
    }
.form-banner-heading {font-size: 15px;}
.form-banner {max-width: 338px;}
.godrej_properties_content img {height: auto;}
.pro-name {font-size: 28px; margin-top: 0;}
 .my-txt h2 {font-size: 20px;padding: 10px 20px;}
 .timeline-section .section-heading { padding-top: 0px;}
.common-btn{margin-top:15px}
.mobile-number a{font-size:20px}
.form-section{display:none}
.mobile-number span{display:none}
.home-section{padding-top:58px}
.mobile-number a{font-size:14px;margin:0}
.project-heading{font-size:30px}
.get_in_touch{padding:20px 0 0}
.get_in_touch_heading h2{font-size:28px}
.get_in_touch p{font-size:14px}
.footer_fistrow{margin-bottom:30px;margin-top:15px}
.footer_fistrow .form-banner{margin:0 auto 25px;padding: 20px 14px;}
.footer_fistrow::before{display:none}
.godrej_properties_content h2{font-size:30px}
.godrej_properties_content h4{font-size:18px;line-height:28px}
.godrej_properties_content p{font-size:14px;line-height:normal;text-align:justify;padding:15px 0 0}
.project-heading{font-size:22px;margin-bottom:20px}
.commitment-section{min-height:70vh}
.bg{line-height:0;height:700px;position:relative}
.timeline-block .timeline-image{height:199px}
.timeline-block .timeline-year{font-size:54px}
.d-v{display:none}
.m-v{display:block}
header {position: fixed; background-color: #fff; padding: 20px 0px;
    }
}
@media only screen and (max-width:575px) {
a.whatsapp_float{height: 35px;width: 35px;bottom: 0%;}
.fix-mobile-strip ul li a{font-size:14px}
footer{padding:16px 0 41px}
.we-deliver ul li{padding:0 10px}
.we-deliver{padding:0 10px 15px}
.we-deliver ul li span{font-size:12px}
.we-deliver ul li .fa{font-size:20px;height:25px}
.submit-btn{font-size:14px}
.form-control{font-size:14px}
.countryCode{width:40%}
.pop-call a{font-size:16px}
.modal-title{font-size:20px}
.project-content h2{font-size:20px}
.project-cnt-item p{font-size:16px}
.common-btn .btn{font-size:13px}
.mobile-number a span{display:none}
.mobile-number a{padding:5px}
.project-section{padding:15px 0 0}
.project-section .disclaimer{margin-top:80px}
.disclaimer p{font-size:13px;text-align:justify}
.project-item{margin:0 0 20px}
footer p{font-size:13px;/* text-align:justify; */}
.overlay ul li a,.overlay ul li span{font-size:20px}
.banner-configurations{display:none}
.project-configurations h2{font-size:22px}
.project-configurations p{font-size:14px}
.project-site-visit .btn{font-size:12px}
.swiper-cnt{bottom:10px}
.godrej_properties_content p{font-size:13px;line-height:20px}
.banner-design h1{font-size:20px}
.banner-design h1 span{font-size:25px}
#projects .properties-heading{font-size:25px;text-align:center;margin-bottom:30px}
.godrej_properties{padding: 66px 4px 25px 0;}
.godrej_properties_content{padding-left:6px;padding-right:0}
.my-txt{margin-top:20px}
}