@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

button:focus,a:focus{outline:none;}
 
 .projectintroSecRcontet h6 a {color:#555; text-decoration:none;}
body{ 
	margin:0;
	padding:0;
font-family: "Roboto", sans-serif;
	font-size:18px;
	color:#6b6b6b;
	line-height:25px;
	overflow-x: hidden;
}
body a {
color: #c1880a;}


/* .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
    background:url(../images/bird-flying.gif) 50% 50% no-repeat rgb(19, 15, 65);
	background-size: 20%;
    opacity: 1;
}
 */
  .container { max-width: 1350px;}

a:hover{text-decoration:none; transition: all 0.5s ease;}
 .headerTop{background:#272727; padding:8px 62px 8px 0; text-align:right; }
   .headerTop ul{ display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
   justify-content: flex-end;     margin: 0; gap: 15px;}
  .headerTop ul li{list-style:none; font-size:14px;color:#fff;    padding-left: 25px;}
  .headerTop ul li a{color:#d7d7d7; text-decoration:none; font-weight:600; }
  .headerTop ul li a:hover {  color: #f9ba2f;}
 header .dropdown-toggle::after {   background: url(../images/drop-menu-list.png) no-repeat;   width: 10px;  height: 10px;  border: none;    top:7px; 
 position: absolute;  }
 header.fix_header{position:absolute;top:0;left:0;right:0;z-index: 999;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;    padding:0px;}
 header.fix_header .navbar-brand img{-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;width: 175px;}
 header.fix_header .navbar{padding:0 40px 0 20px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
 header.fix_header .navbar .navbar-collapse{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;    margin: 30px 0 0;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
 header.fix_header .navbar .navbar-collapse .navbar-nav{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  header.fix_header .navbar .navbar-collapse .navbar-nav li{padding: 0 25px;}
  header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu:hover > a {background:#000;}
 
header.fix_header .navbar .navbar-collapse .navbar-nav > li:hover > a {
    color: #b01717;
}
 header.fix_header .navbar .navbar-collapse .navbar-nav li a{font-family: "Roboto", sans-serif;    font-size: 18px;  letter-spacing: 7px;font-weight:600;color:#1d1f22;padding:0 8px; text-transform:uppercase;}
  header.fix_header .navbar .navbar-collapse  li.nav-item-dropdown a{ padding:0 16px 0 4px;}  
  header.fix_header .navbar .navbar-collapse .navbar-nav li a:hover{       color: #b01717;}
 header.fix_header .navbar .navbar-collapse .navbar-nav li a.nav-enquiry{color:#b01717;font-family: "Roboto", sans-serif;font-size:18px;font-weight:600;padding:10px 25px;text-transform:uppercase;    border-radius: 25px;}

header.fix_header.sticky {
    position: fixed;  top: 0;     left: 0;   right: 0;  z-index: 99999;  background: #ffffff;  border-bottom: solid 1px #ccc;
}
header.fix_header.sticky .navbar .navbar-collapse{ margin: 15px 0 0; }
header.fix_header.sticky .navbar .navbar-collapse .navbar-nav li a{ font-size: 14px; letter-spacing: 4px;}
header.fix_header.sticky .navbar-brand img {  width: 77px;  padding: 0;}

header.fix_header .nav-item-dropdown{position:relative;}
 
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu{	position:absolute;top:200%;  background:#f2f1f1; opacity:0;visibility:hidden;padding:40px 0 0;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;list-style: none; border-top: 8px solid #b01717;   left: -325px;   width:800px;     margin:19px 0 0;    }
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li { list-style:none; padding:0; margin:0 0 5px; }
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li a{color:#000000;display:block; padding:0 7px;font-size:14px;  font-weight: 400; text-transform: none;  letter-spacing: 0;}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li a:hover{background:#e3e3e3;}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li:last-child a{border-bottom:0px solid #f0f0f0;}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown:hover .nav-item-dropdown-menu{	top:100%;opacity:1;visibility:visible;}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li a strong{  text-transform: uppercase; }


.page header.fix_header  {
    position: fixed;  top: 0;     left: 0;   right: 0;  z-index: 99999;  background: #ffffff;  border-bottom: solid 1px #ccc;
}
.page header.fix_header .navbar .navbar-collapse {  margin: 20px 0 15px; }
.page header.fix_header .navbar .navbar-collapse .navbar-nav li a{ font-size: 14px; letter-spacing: 4px;}
.page header.fix_header  .navbar-brand img {  width: 77px;  padding: 0;}
 
  header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .menuList{ padding: 0 45px 30px;  min-height:150px;}
 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu:before {     Content: '';
    position: absolute;     left: 50%;   top: -18px;   width: 0;    height: 0;   border-left: 10px solid transparent;   border-right: 10px solid transparent;   border-bottom: 10px solid #f7b82f;
    }
	 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu ul{  padding: 0 0 0 16px; position:relative;
    margin: 0;  }
	 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu ul:before{Content: '';  position: absolute;   width: 2px;   height: 95%;   background: url(../images/drop-menu-line.jpg) repeat-y;   left: 2px;  top: 6px;}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .viewAll a {
    background: #363435;   display: block;  text-align: center;  color: #fff;    padding: 15px 0;   font-size: 15px;   text-transform: uppercase;   letter-spacing: 4px; font-weight:500;
}
 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .viewAll a:hover {
 background: #b01717; color: #ffffff !important; }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .viewAll a span{border-bottom:solid 1px #b01717;}
 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .viewAll a:hover span{border-bottom:solid 1px #000;}
 
 /*
 body.homepage  .menu-hamburger{    top:0;}
 body.homepage header.fix_header.sticky .menu-hamburger{    top:-42px;}
 body.homepage .headerTop { padding: 8px 17px 8px 0;}
 body.homepage header.fix_header.sticky .headerTop {  padding: 8px 62px 8px 0;}
 */

.menu-hamburger.menuClose {  background: transparent;  right: 0;}
 .menu-hamburger.menuClose  h5{display:none;}
 .menu-hamburger .closeBtn{display:none;}
.menu-hamburger.menuClose .closeBtn {   display: block;    color: #fff;  font-size: 12px;   text-transform: uppercase;   padding: 3px 0 0;}
	
/* header.fix_header.sticky  .navbar{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header.fix_header.sticky   .navbar .navbar-collapse{    margin: 0;} */
.menu-hamburger{font-size:0;    margin: 0 0 0 15px;position:relative;z-index:99999;}
.menu-hamburger .menu-open-button {width: 45px;height: 45px;margin:0;color: white;text-align: center;line-height: 80px;transform: translate3d(0, 0, 0);transition: transform ease-out 200ms;cursor: pointer;}
.menu-hamburger .menu-open {display: none;}
.menu-hamburger .hamburger {width: 25px;height: 3px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1.5px;transition: transform 200ms;}
.menu-hamburger .hamburger-1 {  transform: translate3d(0, -8px, 0);}
.menu-hamburger .hamburger-2 {  transform: translate3d(0, 0, 0);}
.menu-hamburger .hamburger-3 {width:18px;  transform: translate3d(0, 8px, 0);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-1 {  transform: translate3d(0, 0, 0) rotate(45deg);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-2 {  transform: translate3d(0, 0, 0) scale(0.1, 1);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-3 { width:25px; transform: translate3d(0, 0, 0) rotate(-45deg);}



.side-menu-section{position:fixed;width:100%;height:100%; right:0; transform: translateX(-110%); top:0;  background:url("../images/h-menu-bg.jpg")repeat center center;   background-size:100% auto;z-index:9999
;-webkit-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;padding: 0; }
/*.side-menu-section:after {
    Content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500px;
    background: url(../images/h-menu-bg.png) no-repeat 0 bottom;
    pointer-events: none;
    z-index: 100;
	background-size:100%;
} */
.hMenuR ul {    width: 60%;   padding: 100px 0px 20px;   margin: 0 auto 60px;   text-align: center;    border-bottom: solid 1px #3f3f3f; }
.hMenuR ul li{list-style-type:none;width:100%}
.hMenuR ul li a{font-size:25px;font-weight:300;line-height:28px;padding:9px 0px;color:#fff;background:transparent;width: 100%;display: block;letter-spacing:-1px;}
.hMenuR ul li a:hover{color:#f9ba2f;}
.hMenuR ul li.menu-item-has-children>a::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.hMenuR ul li ul:not(.sub-menu){opacity:1;visibility:visible;padding: 0;height:auto;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hMenuR ul li ul.sub-menu{padding:0;}
.hMenuR ul li ul li a{font-size:20px;padding: 5px 40px;}
/* .side-menu-section ul li:hover ul{opacity:1;visibility:visible;height:200px}
.side-menu-section ul li a:hover{background:#e2b746;} */
.side-menu-section.side-menu-open{right:0;   transform: translateX(0%);}
.side-menu-section ul li.mobile-view a.nav-enquiry{background:#e0b546;font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#030201;padding:10px 25px;text-transform:uppercase;    border-radius: 25px;    display: block;    width: fit-content;    margin: 10px 0;    border: none;}
.side-menu-section ul li.mobile-view{display:none;}

.side-menu-section ul .nav-item-dropdown .nav-item-dropdown-menu{width:100%;background:transparent;opacity:0;visibility:hidden;padding:0 0 0px;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;list-style: none;height: 0px;overflow:hidden;display: none;}
.side-menu-section ul .nav-item-dropdown .nav-item-dropdown-menu li {}
.side-menu-section ul .nav-item-dropdown .nav-item-dropdown-menu li a{color:#000000;display:block;line-height:30px;border-bottom:0px solid #f0f0f0;padding:0 15px 0 65px;font-size:15px;text-transform: none;}
.side-menu-section ul .nav-item-dropdown .nav-item-dropdown-menu li a:hover{background:#f0f0f0;}
.side-menu-section ul .nav-item-dropdown .nav-item-dropdown-menu li:last-child a{border-bottom:0px solid #f0f0f0;}
.side-menu-section ul .nav-item-dropdown:hover .nav-item-dropdown-menu{	top:100%;opacity:1;visibility:visible;height: 105px;}


.side-menu-section .fmd-sec{padding:20px 0;border:1px solid #b79333;border-width:1px 0;}
.side-menu-section .fmd-sec h3{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:-1px;margin:0 0 5px;line-height:30px;}
.side-menu-section .fmd-sec a{font-size:20px;font-weight:normal;letter-spacing:-0.5px;margin:0 0 5px;line-height:26px;display:block;color:#333333;}
.side-menu-section .fmd-sec a span{font-weight:700;}

.side-menu-section .sm-social-sec{padding:20px 0;}
.side-menu-section .sm-social-sec h3{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:-1px;margin:0 0 5px;line-height:30px;}
.side-menu-section .sm-social-sec .followUsIn   {
  padding: 0;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
	  border-bottom: solid 1px #ccc;
			
}
.side-menu-section .sm-social-sec .followUsIn li {
    padding: 0;
    margin: 0;
    list-style: none;
	border-bottom: none;
}
.side-menu-section .sm-social-sec .followUsIn a {
    background: #fff;
    border-radius: 100%;
    border: solid 1px #666666;
    color: #666666;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
       line-height: 29px;
    font-size: 16px;
}
.side-menu-section .sm-social-sec  .followUsIn .facebook:hover a{background:#3880ef; color: #fff;}
.side-menu-section .sm-social-sec  .followUsIn .linkedin:hover a{background:#3381bf; color: #fff;}
.side-menu-section .sm-social-sec  .followUsIn .twitter:hover a{background:#000000;  color: #fff;}
.side-menu-section .sm-social-sec  .followUsIn .instagram:hover a{ color: #fff;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.side-menu-section .sm-social-sec  .followUsIn .youtube:hover a{background:#d43b33; color: #fff;}
.customerLogin{text-align:center;} 
.customerLogin h5{font-size:15px; color:#1a1a1a;}
 .customerLogin a {   font-size: 25px;   color: #1a1a1a;   padding: 0 15px;   border-bottom: solid 1px #1a1a1a; }
.makeaCall{text-align:center;} 
.makeaCall h5{font-size:15px; color:#fff;}
 .makeaCall a {   font-size: 25px;   color: #fff;   padding: 0 15px;   border-bottom: solid 1px #fff; }

 
body.menu-open{overflow:hidden;}
body.menu-open:before{Content:''; position:absolute; background:#000; opacity:0.8; width:100%; height:100%;}
body.menu-open header.scroll-up {
    transform: translateY(0%);
    transition: ease 0.3s;
}
body.menu-open header.fix_header {  z-index: 99999;     background: transparent;
    border-bottom: none;}
body.menu-open header.fix_header .navbar .navbar-collapse{opacity:0;}
body.menu-open .headerTop{opacity:0;}
body.menu-open .navbar-brand{opacity:0;}
body.menu-open  header.fix_header.sticky {
  background:transparent;  
    border-bottom: transparent;  
}
/*
body.menu-open header.fix_header.sticky {
    height: 100%;
} */
 
.mLogo img{ width: 20%;}
.hMenuL{    height:100vh; padding:50px;     background-image: linear-gradient(#ffffff 60%, rgba(255, 255, 255, 0.3)); border-right:solid 15px #f9ba2f;}
 .hMenuL ul{padding:0;  width: 60%;   margin: 0 auto;   text-align: center;}
  .hMenuL ul li{padding:0; margin:0 0 30px; list-style:none; text-align:center;     border-bottom: solid 1px #ccc;}
  .hMenuL ul li:last-child{ border-bottom: none;}
   .hMenuL ul li a{font-size:70px; font-weight:300;  margin:0 0 30px; padding:5px 0px; color:#2a2929;background:transparent;width: 100%;display: block;letter-spacing:-1px;}
    .hMenuL ul li ul{padding:0; margin:0 0 30px; list-style:none;  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 100%;} 
	  .hMenuL ul li ul li{padding:0; margin:0; list-style:none;     border-bottom: none;}
	      .hMenuL ul li ul li a { font-weight: 400; text-transform:uppercase; letter-spacing:2px;  font-size: 17px; position:relative; padding:0 25px; margin:0; }
		      .hMenuL ul li ul li a:hover{ color: #e1a218;}
		    .hMenuL ul li ul li a:before{Content: '';  position: absolute;   right: 0;   background: #ccc;    right: 0;   width: 7px;   height: 2px;  top: 13px;}
			 .hMenuL ul li ul li:last-child a:before{ background: none; }
.hMenuR{ background: rgba(0, 0, 0, 0.3); height:100vh; padding:50px;}

 header{ transition: ease 0.3s;}
header.scroll-up {
    transform: translateY(-100%);
    transition: ease 0.3s;
}
.projectTapnav.fixed-header.scroll-down {
    top: 100px;
}
.projectTapnav.fixed-header {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    margin: 0;
	background:rgba(0,0,0,0.8);
	    z-index: 100;
    transition: ease 0.3s;
}
.projectTapnav.fixed-header  ul{  margin: 0 auto; background:transparent;}
.projectTapnav.fixed-header ul li a { color: #fff; font-size: 14px;  text-transform: uppercase;  padding: 12px 10px;}
.projectTapnav.fixed-header ul li:after {   height: 20px;}
.projectTapnav.fixed-header .container {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
 .projectTapnav.fixed-header .container img{  object-fit: contain;}

/* home Page */
.homeBanner{width:100%; height:100vh;    position: relative;     overflow: hidden;}
.homeBanner img{width:100%;     object-fit: cover;   height: 100vh;}
.bannerBottomTag {  position: absolute;  bottom:35px;    width: 99%;  text-align: center;  color: #fff;   text-transform: uppercase;    font-weight: 600; letter-spacing:3px; }
  .bannerContent{  position: absolute;  top: 277px;  z-index: 10;   display: flex; left: 2%; }
   .bannerContent h2{font-size:120px; font-weight:300; padding:0; margin:0; position:relative; color: #24282d;}
   .bannerContent h2 span.YourText{ background: #f5b72e;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-69deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    display: inline-block;
    position: relative;   left: 53px;  top: -39px;  padding: 0 12px;   line-height: 20px; text-align: center;}
	
.bannerContent h2 span.ourText {
    background: #f5b72e;  font-size: 18px;  font-weight: 600;  letter-spacing: 0px;  text-transform: uppercase;  position: relative;  padding: 3px 2px 0 6px;  top: -89px;  left: 54px; }
.bannerContent h2 span.ourText:after {
    content: '';  position: absolute;     width: 50px;  height: 50px;
    left: 0;  background: url(../images/our-shape.png) no-repeat;  left: 42px; bottom: -23px;  background-size: 35%;
}
.bannerContent h2:last-child{  left: 42%; margin: 10% 0 0;}


.homeUpcomingSlider .hps-caption{top: 8%; bottom:auto; width: 500px;left: auto;right:12.5%;text-align: left;background: rgba(26, 26, 25, 0.8);padding: 50px 50px 80px;  -webkit-transform: translate(60px,50%);-ms-transform: translate(60px,50%);transform: translate(60px,50%);   transition: all 0.5s ease; }

.homeUpcomingSlider .carousel-item.active .hps-caption{ -webkit-transform: translate(-60px,50%);-ms-transform: translate(-60px,50%);transform: translate(-60px,50%);   transition: all 0.5s ease;  }

.homeUpcomingSlider .hps-caption h2{font-size:48px;font-weight:700;}
   .homeUpcomingSlider .hps-caption h2 img{ filter: brightness(0) invert(1);
    width: 200px;
   margin: 0 0 10px;}
.homeUpcomingSlider .hps-caption p{font-size:18px;font-weight:400;line-height:28px; margin:0 0 15px;}
.homeUpcomingSlider .carousel-indicators {   right: 0;  bottom: 25%;   left: auto; display:none;}
.homeUpcomingSlider .carousel-indicators li{width:15px;height:15px;border-radius:50%;}
.homeupcomingTap{ position: absolute;   top: 35px;   width: 100%;  z-index: 100; text-align: center;}
 .homeupcomingTap ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   border: dotted 1px #000;   width: max-content;   margin: 0 auto;   padding:0;}
  .homeupcomingTap ul li{list-style:none;}
  .homeupcomingTap ul li a{list-style:none; background:#000000; padding:7px 15px;display: block; color:#fff; text-transform:uppercase; font-weight: 400;
    font-size: 20px;     border-right: solid 1px #fff;   letter-spacing: 2px; text-decoration:none; position:relative;}
   .homeupcomingTap ul li a:hover{ background:#b01717; color:#ffffff; font-weight: 600;   }
    .homeupcomingTap ul li a.active { background:#f9ba2f; color:#222; font-weight: 600;  }
	.homeUpcomingSlider .hps-caption ul{    display: -webkit-box;   display: -ms-flexbox;  display: flex;  width: max-content; border:dashed 1px #939392; margin: 0;
    padding: 0;}
	.homeUpcomingSlider .hps-caption ul li{ list-style:none;}
	.homeUpcomingSlider .hps-caption ul li a {  padding: 11px 17px;  color: #fff;   display: block; text-decoration:none;  border-right: dashed 1px #939392;   background: #1e1c14;  font-weight: 600;  letter-spacing: 1px; }
	.homeUpcomingSlider .hps-caption ul li a:hover{ background:#f9ba2f; color:#222; }
	.homeUpcomingSlider .hps-caption ul li:first-child a{ background:#fcfcfb; color:#1e1b11;}
	.homeUpcomingSlider .hps-caption ul li:first-child a:hover{ background:#f9ba2f; color:#222; }
	 .homeUpcomingSlider .hps-caption ul li:last-child a{  border-right:none; }
	 .homeupcomingTap ul li a.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
        bottom: -19px;
    width: 0;
    height: 0;
    border-bottom:10px solid transparent;
    border-top: 10px solid #b01717;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.homeUpcomingSlider .carousel-control-next {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 50%;
	 right: 50px;
    text-align: center;
    padding: 5px 10px 0 0;
	  opacity: .8;
}
.homeUpcomingSlider .carousel-control-next-icon {
       transform: rotate(135deg);
    display: block;
    margin: 30px auto;
    width: 20px;
    height: 20px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}

.homeUpcomingSlider .carousel-control-prev {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 50%;
	  left: 50px;
    text-align: center;
    padding: 5px 0 0 10px;
	  opacity: .8;
}
.homeUpcomingSlider .carousel-control-prev-icon {
       transform: rotate(-42deg);
    display: block;
    margin: 30px auto;
    width: 20px;
    height: 20px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}

.homeUpcomingSlider:before {
    content: '';
    position: absolute;
    left: 0;
    background-image: linear-gradient(transparent, #000000);
    width: 100%;
    height: 280px;
    z-index: 1;
    bottom:0;
	    pointer-events: none;
}

.typeListOut .container {
    display: flex;
    position: absolute;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    gap: 40px;
    left: 17%;  
}
.typeListIn {   position: relative;  z-index: 100;  padding: 16px 45px 43px; }
.typeListOut .container h5{     transform: rotate(-89deg); font-weight:600;     font-size: 15px;
    color: #212126;  background: #f9ba2f;  text-transform: uppercase;   padding: 12px 15px;
    position: relative;    top: 64px;  left: -122px;   width: 155px;}
.typeListOut .container h3{color:#fff; font-size:40px;  font-weight:600;  margin: 0;   padding: 0;}
.typeListOut .container h6{color:#fff; font-size:18px; font-weight:300;     margin: 0;
    padding: 0;}
.newSpotSec	{padding:80px 0; background:url(../images/ ) no-repeat 95% 0; background-size:cover;}
.comTitle {   font-size: 100px;     color: #b01717;    letter-spacing: -3px;  line-height: 108px; }
.comTitle span{color:#1b1911;}
 .newSpotSec h4{font-size:22px; font-weight:300;  line-height: 30px;  margin: 0 0 60px;}
.hIntroBottom {width:60%;}
.hIntroBottom h3 {  padding: 0;  margin: 0 0 14px;   font-weight: 800;  color: #b01717;  letter-spacing: -1px;  font-size: 25px;  line-height: 25px; }
.hIntroBottom .col-md-4 {  padding: 30px 20px 0 56px;  margin: 0 0 40px; }
.hIntroBottom .col-md-4:before{content:''; position:absolute; left:0; top:0; background:#ccc; width:80%; height:1px;}
.readBtn{background:#000000; color:#fff; font-size:14px; padding:15px 25px; border:dotted 2px #ccc; text-transform:uppercase; font-weight:600; text-decoration:none; transition: all 0.5s ease;     letter-spacing: 1px; }
.readBtn:hover{  background: #b01717; color:#fff;  text-decoration:none;}

  .yellow-bg-wrap {  background: #b01717; padding: 0 5px; color: "yellow" } 
/* Normal animation */
  .yellow-bg-wrap .yellow-bg-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(255, 255, 255);
  }
  .text1 {
    background: #4c4c4c -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 50px;
  }
  .text2 {
    background:#4c4c4c -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 40px;
  }
  .mobile-text {
    background:#4c4c4c -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 43px;
  }
  .yellow-bg.animate .yellow-bg-wrap .yellow-bg-text {
    animation: once-animate 1.7s ease-in forwards;
    animation-delay: .5s;
  }
  .yellow-bg2.animate .yellow-bg-wrap .yellow-bg-text {
    animation: once-animate 1.7s ease-in forwards;
    animation-delay: .5s;
  }
  @keyframes once-animate {
      0% {
          background-position: 0 0;
      }

      100% {
          background-position: 150% 150%;
      }
  }
  
  
 .milestoneSec{padding:140px 0 80px; background:url(../images/beach.jpg.jpg) no-repeat;  background-size:cover; color:#d8d9da;     position: relative;}
  .milestoneSec:before{Content:''; position:absolute; left:0; top:0; width:100%; height:400px; background:url(../images/were-text-bg.png) no-repeat;  background-size:100%; color:#d8d9da; pointer-events:none;}
  #counter{padding:0 5%; text-align:center;  }
  #counter .row{ -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;}
  .NriTop #counter .row{ -webkit-box-pack: start;    -ms-flex-pack: start;    justify-content: start;}
    .counterBox{margin:0 0 100px; }
  .counterBox span{padding:0; margin:0; font-size:95px; letter-spacing: -5px; padding: 0 0 0 25px;font-weight:100; color:#fff; }
  .counterBox span.counter-value{ font-weight:600; color:#b01717; padding:0;}
   .counterBox small {  display: block;     margin: 15px 0 0;     text-transform: capitalize;  color:#fff; 
    font-size: 16px;}
	.counterBox.single small{ font-size: 22px;  margin: 0 0 38px;  }
  .milestoneTop{margin-bottom:120px;  padding: 0 0 0 20%;}
  
     #counter .row:last-child{padding:0 18%;}

   #counter .counterBox sup{ position: absolute;
    top: -29px;
  font-size: 20px;}
   
   
   .hOngoingsec{padding:40px 0 0;     position: relative;         overflow: hidden; }
   .hOngoingsec.ongoingList {
   padding: 40px 0 150px;}
  .hOngoingsec  .ongoinglistNav{ padding:0; margin:0; opacity:0;}
 .hOngoingsec.onnav  .ongoinglistNav{ opacity:1;}
 .ongoinglistNav ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   border: dotted 1px #000;   width: max-content;     margin: 0 auto 33px;  padding:0;   
     box-shadow: 0 5px 7px #ccc;}
  .ongoinglistNav ul li{list-style:none;}
  .ongoinglistNav ul li a{list-style:none; background:#1c1b14; padding:7px 22px;display: block; color:#fff; text-transform:uppercase; font-weight: 400;
    font-size: 18px;     border-right: solid 1px #fff;   letter-spacing: 2px; text-decoration:none; position:relative;}
   .ongoinglistNav ul li a:hover{ background:#b01717; color:#ffffff; font-weight: 600;   }
    .ongoinglistNav ul li a.active { background:#b01717; color:#ffffff; font-weight: 600;  }
     .ongoinglistNav ul li a.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -19px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #b01717;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.hongoingTop{padding:0; margin:0 0 80px;}
    .hOngoingsec .col-md-6{margin: 0 0 30px;     padding: 0 80px 0 15px;}
 .projectBox {padding:0 0 10px; margin:0; border:solid 1px #ccc; position:relative; top:0; transition: all 0.5s ease;}
    .projectBox img{ width: 100%; height: 340px;   object-fit: cover;}
	.ProjectDec {padding:30px 15px 0; margin:0;     position: relative;}
.ProjectDec h2{color:#1d1f22; font-weight:600; margin: 0;  padding: 0;}
.ProjectDec h3{color: #1d1f22;  font-weight: 400;    margin: 0 0 15px;   padding: 0 0 0 28px;  font-size: 22px; background:url(../images/l-icon.png) no-repeat;}
.ProjectDec ul{padding:20px 0; margin:0; display: -webkit-box;    display: -ms-flexbox;    display: flex;  border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8;}
.ProjectDec ul li{padding:0; margin:0 20px 0 0; list-style:none;  display: flex;  justify-content: center;   align-items: center; }
	.ProjectDec ul li span small{display:block;font-weight:400; font-size:13px; }
	.ProjectDec ul li span {font-weight:600; font-size:20px;text-transform:uppercase; color:#343434; line-height: 16px; }
.ProjectDec ul li img{padding:0; margin:0 10px 0 0; list-style:none; width:45px; height: auto;}
  .ProjectDec h4{  background: #f4f4f4;  padding: 15px 35px; text-transform:uppercase; color:#343434; font-weight:600; }
    .ProjectDec h4 small{display:block;font-weight:400; font-size:15px; }
	.ProjectDec p.projectbtn { display: -webkit-box;    display: -ms-flexbox;    display: flex; text-align:center;     border: dotted 1px #000;}
	 .ProjectDec p a{ flex-basis: 80%; padding:15px 0; background:#f9ba2f;     text-transform: uppercase;
    font-size: 15px; color:#323232; font-weight:600; letter-spacing:1px;}
	  .ProjectDec p a:nth-child(2){ flex-basis: 100%;  background:#343434; color:#fff; }
	 .ProjectDec p a:hover{   background:#000000; color:#fff; text-decoration:none;}
	 .ProjectDec:after {
    content: '';  position: absolute;    right: 20px;  top: 18px;    width: 70px;     height: 70px;  background: url(../images/arrow.svg) no-repeat;  pointer-events: none;
}
 .projectBox:hover{ top:-10px; box-shadow: 0 0 30px #ccc;}
.hOngoingsec:after{content:''; background-image: linear-gradient(#ffffff, #f3f4f4); position:absolute; width:100%; height:200px; bottom:0;}
 .hongoingBottom{position: relative;  z-index: 10;}
 .ViewAllBtn {text-align:center;     padding: 60px 0;}
 .ViewAllBtn a {
     padding: 15px 25px;
    background: #363636;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}
 .ViewAllBtn a:hover{background: #000;}
   .testimonialSec{  margin: -75px 0 0; padding: 80px 0;   position: relative;  background: #fff;}
 .gReview{border:solid 1px #ccc; border-radius:10px; padding:10px 15px;  margin: 0 0 50px;}
 
 .gReview .col-md-2 a {
    padding: 10px 25px;
    background: #f9ba2f;
    text-transform: uppercase;
    font-size: 13px;
    color: #323232;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 9px;
    display: block;
    text-align: center;
}
 .gReview .col-md-2 a:hover{   background: #000;  color: #fff;}
 
.share-button {
    position: absolute;
    width: 50px;
    margin: 20px;
    right: 0;
}

.toggle {
  position: relative;
  width: 50px;
  height: 50px;
  z-index: 10;
  display: block;
  border-radius: 25px;
  cursor: pointer;
  color: #C8C7C0;
     border: solid 6px rgb(126 149 175);
  background:#fff;
}
.toggle:hover {
     border: solid 6px rgb(126 149 175);
  background:#fff;
}
.toggle:after {
	content:'';
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
   line-height: 50px;
  font-size: 0;
  text-align: center;
  left: -6px;
      top: -7px;
    background: url(../images/social-share-icon.svg) no-repeat center;
    background-size: 60%;
}
.toggle-input {
  display: none;
}
.toggle-input:checked + .toggle:after, .toggle-input:checked + .toggle:before {
	background: none;
  background-color: #C8C7C0;
  content: "";
  height: 3px;
  width: 30px;
  position: absolute;
    left: 4px;
    top: 17px;
}
.toggle-input:checked + .toggle:after {
  transform: rotate(45deg);
  -webkit-animation: bar1 0.3s forwards;
          animation: bar1 0.3s forwards;
}
.toggle-input:checked + .toggle:before {
  transform: rotate(-45deg);
  -webkit-animation: bar2 0.3s forwards;
          animation: bar2 0.3s forwards;
}

.network-list li {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
      text-align: center;	
  list-style-type: none;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.43, 1.17, 0.69, 1.24);
      background: #fff;
     border-radius: 100%;
}
.network-list a {
  position: relative;
   width: 50px;
  height: 50px;
      color: #000;
   line-height: 50px;
   text-decoration: none;
   border-radius:100%;
       display: block;
}
.network-list a:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
      font-family: "Font Awesome 6 Brands";
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 50px;
  text-indent: 0;
  box-shadow: inset 0 0 0 1px #C8C7C0;
}
 
 
.share-button input:checked ~ .network-list li {
  opacity: 1;
}
.share-button input:checked ~ .network-list li:nth-child(1) {
  left: -60px;
}
.share-button input:checked ~ .network-list li:nth-child(2) {
  left: -120px;
}
.share-button input:checked ~ .network-list li:nth-child(3) {
  left: -180px;
}

@-webkit-keyframes bar1 {
  0% {
    content: "";
    width: 46px;
    height: 50px;
    background-color: transparent;
    transform: rotate(0deg) scale(1);
    top: 0;
    left: 0;
    opacity: 1;
  }
  50% {
    background-color: transparent;
    content: "";
    width: 46px;
    height: 50px;
    top: 0;
    left: 0;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  50.001% {
    background-color: #fff;
    left: 10px;
    top: 22px;
    content: "";
    height: 3px;
    width: 30px;
  }
  60% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(45deg) scale(1);
  }
}

@keyframes bar1 {
  0% {
    content: "";
    width: 46px;
    height: 50px;
    background-color: transparent;
    transform: rotate(0deg) scale(1);
    top: 0;
    left: 0;
    opacity: 1;
  }
  50% {
    background-color: transparent;
    content: "";
    width: 46px;
    height: 50px;
    top: 0;
    left: 0;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  50.001% {
    background-color: #fff;
    left: 10px;
    top: 22px;
    content: "";
    height: 3px;
    width: 30px;
  }
  60% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(45deg) scale(1);
  }
}
@-webkit-keyframes bar2 {
  0% {
    background-color: transparent;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  50% {
    background-color: transparent;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  60% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) scale(1);
  }
}
@keyframes bar2 {
  0% {
    background-color: transparent;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  50% {
    background-color: transparent;
    transform: rotate(0deg) scale(0.2);
    opacity: 0;
  }
  60% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) scale(1);
  }
}
.testimonialSlide {text-align:center;}
.testimonialSlide img{width:100%;  object-fit: contain;  height: 500px;}
.testimonialSlide span img{width:auto; height:auto;}
 .testimonialSlide span {
    position: absolute;
    top: 11px;
    right: 62px;
}
.testimonialSlide h3 {  color: #222;   margin: 0 0 20px;  padding: 0;   font-size: 70px;   line-height: 70px; font-weight:800;}
.testimonialSlide h5 {  color: #222;   margin:0 0 30px;  padding: 3px 10px;  font-size: 25px; font-size:28px;  background:#f9bb31; font-weight:300; } 
.testimonialSlide .knowMore{ 
    padding: 10px 25px;
    background: #fff;
    text-transform: uppercase;
	border:solid 1px #b1b1b2;
    font-size: 13px;
    color: #323232;
    font-weight:500;
    letter-spacing: 1px;
   margin-top: 20px;
    display: block;
    text-align: center;
} 
 .testimonialSlide .knowMore:hover{ background: #b01717;   color: #1a8828;}
.testimonialSlide .tMiddle {  padding: 0;  margin: -55px 0 0;  display: flex;  flex-direction: column;  height: 100%;     height: 600px;  align-items: center;  justify-content: center;}

.testimonialSlide .slick-arrow {
  position: absolute;
  bottom: 100px;
 }
.testimonialSlide .slick-next:before, .testimonialSlide .slick-prev:before{display:none;}
.testimonialSlide .slick-disabled{opacity:0.3;}
.testimonialSlide .slick-prev{ 
    background: url('../images/arrow.svg') no-repeat 0 0;
    width: 60px;
    height: 60px;
    text-align: center;
	    top: auto;
       bottom:68px;
     left: 37%;
     z-index: 10;
    pointer-events: all;
	    background-size: 110%;
    cursor: pointer;
  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-180deg);

  /* Firefox */
  -moz-transform: rotate(-180deg);

  /* IE */
  -ms-transform: rotate(-180deg);

  /* Opera */
  -o-transform: rotate(-180deg);
}
.testimonialSlide .slick-next{ 
    background: url('../images/arrow.svg') no-repeat 0 0;
    width: 60px;
    height: 60px;
	    top: auto;
    text-align: center;
           bottom: 44px;
    right: 37%;
     z-index: 10;
    pointer-events: all;
	    background-size: 110%;
    cursor: pointer;
}

.testimonialSlide .slick-next:focus, .testimonialSlide .slick-next:hover, .testimonialSlide .slick-prev:focus, .testimonialSlide .slick-prev:hover {
     background: url('../images/arrow.svg') no-repeat 0 0;     background-size: 110%;
}
 
 .marquee-row{
  width: 100%;
 overflow: hidden;
}
.marquee-block{
  position:relative;
  display: flex;
  width: 100%;  
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
}
.marquee-item-list{
 display: inline-flex;
}
.marquee-item-list li{
width: 100%;
list-style: none;
padding-right: 30px;
    font-size:200px;
    white-space: nowrap;
    line-height: 200px;
	    letter-spacing: -13px;
	    color: #fff;
     -webkit-text-stroke: 1px #b0b0b1;
 
}
.marquee1{animation-name: marquee1;}
.marquee2{animation-name: marquee2;}



@keyframes marquee1 {
  0% { left: 0; }
  100% {left: -100%;}
}
@keyframes marquee2 {
  100% { left: 0; }
  0% {left: -100%;}
}

.p0{padding:0 !important;}

/*countown Start*/
.syotimerOut{border-bottom: solid 1px #e8e8e8;
    padding: 0;
margin: 0 0 10px;}
.syotimer{text-align: center;}
.syotimer__body{    background: #f5f5f5;
    padding: 15px 0px 12px;
    font-weight: bold;}

 .syotimerOut .meter_txt{  font-size: 15px;
    line-height: 16px;
    color: #1d1f22;
    text-transform: uppercase;
    font-weight: 500;
	    margin: 0;
  padding: 15px 0;}
.syotimer-cell{
display: inline-block;
    padding: 0px 14px;
      font-size: 25px;
    color: #1d1f22;
}
.recent_blog{
  padding-left:25px;
}
.image_small{
      padding: 30px 20px 28px!important;
}
.res-project p:after {
    content: " ";
    position: absolute;
    bottom: 0px!important;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 4px;
    background: #fbbb2c;
}
.cta-sm p {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}
.res-project p {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    line-height: 25px;
    margin: 25px;
    text-align: center;
    font-family: roboto, sans-serif;
    font-weight: 400;
}

.syotimer-cell__unit {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
}
/*Pagination*/
.simple-pagination ul {
    margin: 70px 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}
sup {
    top: -0.5em;
    font-size: 13px;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
    color: #666;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px #EEE;
}
#timer, #timer2 {
    color: #F6F4F3;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 36%;
    position: absolute;
    width: 10%;
    display: flex;
    height: 1px;
    margin-left: 68%;
}
.days, .hours, .minutes, .seconds {
  padding: 10px;
  width: 130px;
  border-radius: 5px;
  margin-left: 5px;
  color: brown;
  font-weight: 700;
  font-size: 7px!important;

}
/*countown End*/

.ourFoundation {background:#363435; padding:70px 0 0; margin:0; color:#c0bfbf; font-size:25px; line-height: 33px;     overflow: hidden;}
.ourFoundationTop { text-align:center; padding:0; margin:0 0 30px;}
.ourFoundation h2{color:#fff;  font-weight: 800;}
.ourFoundation h3{color:#fff; font-size:85px;font-weight: 800; letter-spacing:-3px;}
.ourFoundation img{width:100%;}
.ourFoundation a { padding: 12px 25px;  background: #5e5d5d;  text-transform: uppercase;     font-size: 11px;   color: #fff;   font-weight: 600;  letter-spacing: 2px;   margin-top: 9px;  text-align: center;  width: max-content;
}
 .ourFoundation .col-md-7{     padding: 24px 40px 0;}
.ourFoundation a:hover {   background: #f7ba31; color: #222;}

.ourFoundationBottom{ padding: 0 0 0 100px;}
.ctaSectionTop{padding:0 5%; text-align:center;}
.ctaSectionTop h2 {   font-size: 114px;  color: #3a3839;  font-weight: 200;  letter-spacing: -5px;   background: url(../images/dra-logo-cta.png) no-repeat;  padding: 57px 0;}
.ctaSectionTop h2 span{ position:relative;}  
.ctaSectionTop h2 span:after {    content: '';  position: absolute;   left: 8px;   background: #ccc;  width: 93%;   height: 1px;  bottom: 19px;  z-index: 0;}
.ctaSectionTop h2 small {
    position: relative;
    z-index: 10;
    font-weight: 200;
    font-size: 100%;
}
.ctaSectionTop h2 strong:after {  content: '';  position: absolute;   left: 8px;   background: #f8ba31; width: 0%; height: 9px;  transition: all 5s ease; bottom: 15px;  z-index: 100;}
.ctaSectionTop h2 strong{font-weight: 500; position:relative;}
.ctaSection{padding:80px 0 0; background:url(../images/cta-pater-bg.jpg) repeat;}
.ctaSectionBottom{background:url(../images/cta-img.jpg) no-repeat 80% 0;  padding:180px 0 125px;}
.ctaSectionTop.animate h2 strong:after {width: 93%;  }
.ctaSectionBottom h3 {  font-size: 110px;  line-height:110px; letter-spacing:-8px; font-weight: 200;  margin: 0 0 30px;  color: #222;  display: -webkit-box;  display: -ms-flexbox;   display: flex;    -webkit-box-align: end;  -ms-flex-align: end;    align-items: flex-end;}
.ctaSectionBottom h3 span{ font-size: 20px;   font-weight: 400;  letter-spacing:0px; margin: 0 0 0  18px;   line-height: 22px;  position: relative;  top: -20px; }
.ctaSectionBottom a {
    padding: 20px 40px;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    color: #363435;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 9px;
    text-align: center;
    width: max-content;
	border:solid 1px #ac8222;
}
.ctaSectionBottom a:hover{    background: #222;  color: #fff;}
.mediaspotSec{background:#1e1e1e; padding:80px 0; color:#6b6b6b; overflow: hidden;}
 .mediaspotBottom { padding: 0;
 margin: 0;}
.mediaspotSec h2{
     color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
	    text-transform: uppercase;
}
.mediaspotTop{margin:0 0 50px;}
.mediaspotSec .col-md-4{margin:0 0 30px;}
.mediaspotSec h2 span {  font-size:18px;   font-weight:400;   letter-spacing: 0px;   margin: 0 0 0 16px;         text-align: left; line-height: 24px;   position: relative; top: -10px;  color: #7e7e7e; text-transform: capitalize; }
.mediaspotSec a{ color: #7e7e7e; border:solid 1px #646464; display:block; padding:35px 40px 30px;}
.mediaspotSec a h3 {
    color: #d5d5d5;  text-transform: uppercase;  font-size: 18px;  line-height: 18px;  max-width: max-content;   font-weight: 600;
}
  .mediaspotSec p{  width: 75%; margin: 0;  padding: 0;}
  
 .mediaspotSec .arrow {
    background:transparent;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 30%;
    right: 50px;
    text-align: center;
    padding: 5px 10px 0 0;
    opacity: .8;
	        left: auto;
    position: absolute;
}
 .mediaspotSec .arrow span {
    transform: rotate(135deg);
    display: block;
    margin: 15px auto;
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
 .mediaspotSec a:hover .arrow span{border-top: 2px solid #000;
 border-left: 2px solid #000;}
 .mediaspotSec a:hover h3{background:#f9bb31; color:#1e1e1e;}

 /*
.mediaspotSec a:hover {
    background-image: url(../images/dra-logo-cta.png) ;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 60% 0;
    animation: animatedBackground 3s linear ;
	background-size:50% !important;
    
}



@keyframes animatedBackground {
    from {
        background-position: 8% 0
    }

    to {
        background-position: 60% 0
    }
}*/
.mediaspotSec a  {
  background-image: url(../images/dra-logo-cta.png) ;
   background-size: 0%;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
  transition: all 800ms cubic-bezier(0, 0, 0.58, 1); /* ease-out */
 
}

.mediaspotSec a:hover {
  
    background-image: url(../images/dra-logo-cta.png);
    background-color: #fff;
    background-repeat: no-repeat;
  background-size: 50%;
 
}

footer{background:#040404; padding:80px 0;   overflow: hidden;}
 .footerTop{padding:0; margin:0;}
  .footerTop .projectMenu{padding:0; margin-bottom:35px;}
footer h3{padding:5px 10px; margin:0 0 10px; border:solid 1px #2e2e2e; display:inline-block; color:#d5d5d5; font-size:22px; font-weight:600; text-transform:uppercase;     letter-spacing: 2px;}
 .footerTop ul {   padding: 0 0 40px 20px;  margin: 17px 0 0;  border-left: solid 1px #353535; min-height:350px; }
  .footerTop .bt ul{min-height:160px;}
  .footerTop ul li{padding:0; margin:0; list-style:none; text-transform:uppercase;    }
  .footerTop ul li span{color:#d5d5d5; font-size:16px; font-weight: 500; }
 .footerTop ul li a{color:#999; font-size: 14px;   font-weight: 500;}
 .footerTop ul li a:hover{color:#fff;  }
 .footerBottom{padding:0; margin:0;  }
  .footerBottom .container{border-top:solid 1px #353535; padding:40px 0 0;}
   .footerBottom img{   width:75%; }
.concept-ideas{padding-top: 65px;padding-right: 25px;}

	 .footerBottom  .followUs ul{padding:0; margin:0; display:flex; gap:10px;}
	 .footerBottom  .followUs ul li{padding:0; margin:0 5px 0 0; list-style:none;}
 	.footerBottom .followUs a {   background: #3880ef;   border-radius: 100%;  border:solid 1px #636363;   color: #fff;   width: 40px;   height: 40px;   display: block;  
	text-align: center;   line-height: 40px;  display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;}
  .footerBottom  .followUs .facebook a{background:#3880ef;}
   .footerBottom  .followUs .linkedin a{background:#3381bf;}
    .footerBottom  .followUs .twitter a{background:#000000;}
	 .footerBottom  .followUs .instagram a{ background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
	  .footerBottom  .followUs .youtube a{background:#d43b33;}
	  .footerBottom .copyRight {  color: #888;  font-size: 15px;   font-weight: 500; text-align:right; text-transform:uppercase;}
	   .footerBottom .copyRight ul{padding:0; margin:0; display:flex; gap:10px; -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: end;}
	    .footerBottom  .copyRight ul li{padding:0 0 0 10px; margin:0; list-style:none; position:relative;}
	      .footerBottom  .copyRight ul li:before{content:''; position:absolute; padding:0; margin:0; width:1px; height:12px;     top: 6px; right:-9px; background:#888; }
		  .footerBottom  .copyRight ul li:last-child:before{background:none;}
		.footerBottom  .copyRight ul li a{padding:0; margin:0; color: #888;}
		.footerBottom  .copyRight ul li a:hover{padding:0; margin:0; color: #fff;}
		.footerBottom  .copyRight .open a {
    display: block;
    padding-right: 28px;
    margin: 0 0 0 auto;
    position: relative;
    color: #888;
}
.footerBottom  .copyRight .open a:hover{color:#fff;}
		.footerBottom  .copyRight .open a:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    right: 0;
    background: url(../images/open-dd-logo.webp) no-repeat left center;
    background-size: 100%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    border-radius: 50%;
    border: 1px solid #3c4e8f;
}

/* home Page End */


.projectdetailbanner{padding:150px 0 100px; margin:0;  background: url(../images/project-detail-banner.jpg) no-repeat 0 0; background-size:cover;}
.projectdetailbanner.beecloverBanner{ background: url(../images/dra-clover-banner-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodel-inara-ban{ background: url(../images/dra-inara-bg-banner-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodet-delite-ban{ background: url(../images/dra-delite-bg-banner-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodtl-avalon-ban{ background: url(../images/dra-avalon-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-infinique-ban{ background: url(../images/dra-infinique-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-harmony-ban{ background: url(../images/dra-harmony-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.ProDet-trinity-ban{ background: url(../images/dra-trinity-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodet-truliv-ban{ background: url(../images/dra-truliv-porur-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.ProDet-jayam-ban{ background: url(../images/dra-jayam-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodet-bliss-ban{ background: url(../images/dra-bliss-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-urbania-ban{ background: url(../images/dra-urbania-bg-banner-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.ProDet-polaris-ban{ background: url(../images/dra-polaris-bg-banner-img.jpg) no-repeat center 0;    background-size: cover;}
.projectdetailbanner.ProDet-astra-ban{ background: url(../images/dra-astra-bg-banner-img.jpg) no-repeat center 0;  background-size: cover;}
 
 .projectdetailbanner .col-md-6:first-child{padding-left:45px;}
 

  .projectdetailbanner img{  filter: brightness(0) invert(1);     width: 200px;    margin: 0 0 10px;}
.bannerTime{padding:0; margin:0; display:inline-block;  width: max-content; vertical-align: top;  text-align: left; }
.bannerBrochure {padding:0; margin:0; display:inline-block; width:32%; vertical-align: top;}
.bannerBrochure a{display:block; padding:13.5px 0; text-align:center; text-transform:uppercase; font-weight:500; font-size:15px;     letter-spacing: 1px; color:#000;     border: dotted 1px #999;}

.bannerBrochure .dBtn{background:#f7b82f;}
.bannerBrochure .wthroBtn{  background: url(../images/video-icon.png) no-repeat 96% center #e6e6e6;  padding: 15px 60px 15px 0;}
 .bannerBrochure .wthroBtn.banenquirebtn{background: #e6e6e6;     padding: 15px 20px;   color: #000;}
.bannerTime .syotimer {  text-align: left;font-family: "Poppins", sans-serif; }
 .projectdetailbanner .yellow-bg{  font-size: 16px; color: #fff;  font-weight: 300;}
  .projectdetailbanner .yellow-bg span{   font-weight: 500; }
     .projectdetailbanner .meter_txt {padding: 4px 11px; font-family: "Poppins", sans-serif;   margin: 0; background: #e8e8e8;  border-bottom: solid 1px #dadada;  text-transform: uppercase;   font-weight: 500;   color: #000;  letter-spacing: 0;  font-size: 16px;}
    .projectdetailbanner .yellow-bg-wrap .yellow-bg-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(57, 71, 79, 0);
}
.bannerBrochure .wthroBtn.banenquirebtn:hover {
background-color: #000; color:#fff;}
.bannerBrochure .wthroBtn:hover {
background-color: #000; color:#fff;}
.bannerBrochure .dBtn:hover {
background-color: #000; color:#fff;}
   .projectdetailbanner .text1 {
    background: #141313 -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 60px;
}

.bannerTime h4 small {
    padding: 4px 11px;
    font-family: "Poppins", sans-serif;
    margin: 0;
    background: #e8e8e8;
    border-bottom: solid 1px #dadada;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    letter-spacing: 0;
    font-size: 16px;
	display:block;
	padding:10px 25px;
}
.bannerTime h4 {
    background: #f5f5f5;
    font-weight: bold;
    min-height: 80px;
    color: #343434;
    font-size: 33px;
    text-transform: uppercase;
    text-align: left;
}
 .bannerTime h4 b {     padding: 16px 25px;  display: block;}

 .projectdetailbanner .col-md-6:last-child {text-align:right;}
 

   .projectdetailbanner .syotimer-cell {  font-size: 30px;  }
   .projectdetailbanner .row {   -webkit-box-align: center;    -ms-flex-align: center;   align-items: center;}
   .projectdetailbanner .syotimer-cell__unit {   font-size: 18px;}
  .projectTapnav  .container  img{  display:none; }
   .projectTapnav.fixed-header  .container  img{  display:block; }
   .projectTapnav.fixed-header .container img {
    display: block; filter: brightness(0) invert(1);
    width: 150px;
}
.projectTapnav ul{   display: -webkit-box;  display: -ms-flexbox;  display: flex;
    -webkit-box-pack: center;  -ms-flex-pack: center;   justify-content: center;  max-width: -webkit-fit-content;
    max-width: -moz-fit-content;  max-width: fit-content;  -webkit-box-align: center;  -ms-flex-align: center;   align-items: center;  margin: -30px auto 0;
    background: #fff;   border-radius: 35px;  padding: 0 40px; z-index: 100;  position: relative;}
	.projectTapnav ul li{ list-style:none; padding:0 15px; position:relative;}
.projectTapnav ul li:after {  content: '';  position: absolute;  top: 14px;   width: 1px;  height: 32px;   right: 0;  background: #d3d3d4; }
.projectTapnav ul li:last-child:after{background:none;}
	.projectTapnav ul li a{font-size:14px; text-transform:uppercase; letter-spacing:1px; padding:17px 0; color: #565759; position:relative;  display: block;}
	.projectTapnav ul li a:hover{font-weight:600;}
	.projectTapnav ul li a.active{font-weight:600;}
	.projectTapnav ul li a:after{content:''; position:absolute; bottom:0; width:100%;     height: 7px; left: 0;}
	.projectTapnav ul li a.active:after{ background: #b01717;}
	.projectintroSec h2{text-align:center; color:#000; font-weight:200; font-size:110px; line-height: 108px; margin: 0 0 30px;}
	 .projectintroSec h2 strong{text-align:center; color:#f7b82f; font-weight:200;}
	 .projectintroSec h2.pcTitle{text-align:left; color:#000; font-weight:600;     font-size: 70px;  letter-spacing: -3px;  line-height: 70px;}
	.projectintroSec h2.pcTitle strong{text-align:left; color:#f7b82f; font-weight:600;}
	 
	.projectintroSec h3{  text-transform: uppercase;  text-align: right;  color: #131313;  line-height: 38px;}
	 .projectintroSec .yellow-bg-wrap .yellow-bg-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(57, 71, 79, 0);
}
   .projectintroSec .text1 {
    background: #141313 -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 60px;
}
.projectintroSec {     margin: -30px 0 0;   padding: 80px 0; overflow:hidden;     position: relative;}

.projectintroSec.overview .container:before{Content:''; position:absolute;    right: -20%; width: 420px;  height:100%; background:url(../images/logo-bg.png) no-repeat; background-size:100%;   }
 

 .projectoverviewbanner img{width:100%;}
   .projectintroSecLcontet{}
    .projectintroSecRcontet{ -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
			 font-size: 21px;
   }
.projectintroSecRcontet p {   font-weight: 300;  margin: 0 0 40px;  width: 88%;   line-height: 30px;}  
  .projectintroSecRcontet h6{font-weight:600;  color:#555;font-size: 21px; }
  
  .projectoverviewDetail {  padding: 80px 0 120px;   background: url(../images/cta-pater-bg.jpg) repeat; position:relative; overflow:hidden;  }
    .projectoverviewDetail .container{ position:relative; z-index: 10;}
.projectoverviewDetail:after{content:''; position:absolute; left:0; background:#2d2b2c; bottom:0; height:40%; width:100%;} 
.projectoverviewDetailTop{text-align:center; margin:0 0 30px;}
  .projectoverviewDetailTop h5{  background: #fff;   padding: 5px 10px;  display: inline-block;  text-transform: uppercase;  font-size: 17px; color: #030402;}
.projectoverviewDetailTop .nBlock {    background: #fab922;  display: inline-table; text-align: center;  padding: 4px 15px; margin:0 0 10px;   color: #303030; text-transform:uppercase;   font-weight: 500;  font-size: 14px;}
  .projectoverviewDetailTop  h3{  font-size: 35px;  color: #303030;  letter-spacing: -2px;     margin: 0;   font-weight: 800;     text-transform: capitalize;}
  .projectoverviewDetailTop .row {   -webkit-box-align: center;    -ms-flex-align: center;   align-items: center; margin-bottom:40px; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .projectoverviewDetailTop .apartments {    text-align: center;  color: #555555; text-transform:capitalize;    letter-spacing: 1px; font-weight: 400;  font-size: 17px;}
.projectoverviewDetailBottom img{width:100%; border:solid 6px #f6f6f6; border-radius:8px;}

.projectoverviewDetailBottom ul {
    padding: 15px 5px;  max-width: -webkit-fit-content;
    max-width: -moz-fit-content;  max-width: fit-content;  background: #fff;  margin: -54px auto 0;   display: -webkit-box;  display: -ms-flexbox;   display: flex;   border-radius: 6px;  position: relative;    border: dashed 1px #858585;     z-index: 100;
}
.projectoverviewDetailBottom ul li{margin-right:5px; list-style:none; }
.projectoverviewDetailBottom ul li:last-child{margin-right:0; list-style:none;}
.projectoverviewDetailBottom ul li a {   padding: 15px;  color: #2e3131; background: #f9bb31;     border: dashed 1px #858585; text-transform: uppercase;  font-size: 14px;   letter-spacing: 1px;  font-weight: 600; }
 .projectoverviewDetailBottom ul li:last-child a { color: #fff;    background: url(../images/video-icon.png) no-repeat 96% center #333132;  padding: 15px 60px 15px 15px;} 
.projectoverviewDetailBottom ul li a.projEnquire{background: #333132; padding: 15px 20px;}
 
.projectoverviewDetailBottom ul li:last-child a.wthroBtn{ background:#333132; padding: 15px 15px;}

/***** locationCar *****/
.locationtitleSec{padding:0; margin:0 0 50px;}

.roam_list_info_wrapper {
    cursor: grab;
}
.roam_list_info_sec .roam_list_info_div {
    width: 166px;
    height: auto;
}
.roam_list_info_parent_sec .rli_main_title, .roam_list_info_parent_sec .rli_main_description {
    max-width: 580px;
    width: 100%;
}
.roam_list_info_parent_sec .rli_main_title {
    line-height: 50px;
    margin-bottom: 5px;
    font-weight: 600
}
.roam_list_info_parent_sec .rli_main_description {
    margin-bottom: 40px;
}
.rli_roam_km .rli_rkm_title {
    font-size: 130px;
    color: #FDB913;
    line-height:92px;
    letter-spacing: 0.01em;
}
.rli_roam_km .rli_rkm_subtitle {
   font-size: 16px;
    color: #39474F;
    padding-top: 4px;
    font-weight: 600;
}
.rli_roam_km {
    display: flex;
    align-items: start;
    min-height: 108px;
    margin-bottom: 40px;
}
.rli_center {
    min-height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 37px;
}
.rli_center .rli_dot {
    height: 10px;
    width: 10px;
    min-height: 10px;
    min-width: 10px;
    border: 2px solid #FDB913;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    margin: auto 0;
    background-color: white;
    position: relative;
    z-index: 1;
}
.rli_center .rli_dot.rli_bigger_dot {
    height: 28px;
    width: 28px;
    min-height: 28px;
    min-width: 28px;
}
.roam_list_info_div .rli_content p {
    font-size: 14px;
    line-height: 19px;
	text-transform: capitalize;
 
}
.rli_content {
    padding-right: 38px;
}
.roam_list_info_parent_sec {
    /* padding: 60px 0 75px; */
    padding: 60px 0 52px;
}
.rli_line {
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
    margin: auto;
}
.roam_list_info_parent_sec .roam_list_info_sec {
    overflow: visible;
}
.rli_car img {
    /* max-width: 141px; */
    max-width: 165px;
    width: 100%;
    height: auto;
}
.rli_slider_wrapper {
    position: relative;
}
.rli_car {
    position: absolute;
    top: 100px;
    /* z-index: 9; */
    z-index: 7;
    left: 50%;
    /* transform: translate(calc(-50% - 16px), 0); */
    transform: translate(-50%, 0);
    pointer-events: none;
}
.rli_car_line {
    height: 4px;
    position: absolute;
    background-color: #FDB913;
    width: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto;
}
.rli_slide_active .rli_center .rli_dot {
    background-color: #FDB913;
}
.rli_car .rli_car_text {
    font-size: 11px;
    text-align: center;
    line-height: 13px;
    margin-bottom: 5px;
}
.rli_active_line {
    height: 4px;
    position: absolute;
    background-color: #FDB913;
    width: calc(100% - 10px);
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
}
.rli_dot.rli_bigger_dot + .rli_active_line {
    width: calc(100% - 28px);
}
.rli_slide_active .rli_active_line {
    opacity: 1;
}
.roam_list_info_sec .roam_list_info_div:last-child .rli_active_line {
    opacity: 0;
}
.roam_list_info_sec .roam_list_info_div:last-child .rli_line {
    opacity: 0;
}

/***** locationCar end *****/


.locLogo img{width:200px; margin:-40px 0 0 -95px;}
   .locationmapleft{ padding: 50px 50px 0 10%;}
    .locationmapList{ padding: 30px; background:#fff; border-radius: 30px;
    border-bottom: solid 7px #f7b82f;}
.skylantisBg{background:url(../images/dra-skylanties-location-img.jpg) no-repeat; background-size:cover;}
.locadv-cloverBg{background:url(../images/dra-clover-elevation-location-img.jpg) no-repeat; background-size:cover;}
.harmony-locadvBg{background:url(../images/dra-harmony-elevation-location-img.jpg) no-repeat; background-size:cover;}
.locadv-inaraBg{background:url(../images/dra-inara-elevation-location-img.jpg) no-repeat; background-size:cover;}
.TrinityLocadvBg{background:url(../images/dra-trinity-elevation-location-img.jpg) no-repeat; background-size:cover;}
.truliv-locadvBg{background:url(../images/dra-truliv-porur-elevation-location-img.jpg) no-repeat; background-size:cover;}
.JayamLocadvBg{background:url(../images/dra-jayam-elevation-location-img.jpg) no-repeat; background-size:cover;}
.locadv-deliteBg{background:url(../images/dra-delite-elevation-location-img.jpg) no-repeat; background-size:cover;}
.locadv-blissBg{background:url(../images/dra-bliss-elevation-location-img.jpg) no-repeat; background-size:cover;}
.urbania-locadvBg{background:url(../images/dra-urbania-elevation-location-img.jpg) no-repeat; background-size:cover;}
.avalon-locadvBg{background:url(../images/dra-avalon-elevation-location-img.jpg) no-repeat; background-size:cover;}
.infinique-locadvBg{background:url(../images/dra-infinique-elevation-location-img.jpg) no-repeat; background-size:cover;}
.polarisLocadvBg{background:url(../images/dra-polaris-elevation-location-img.jpg) no-repeat; background-size:cover;}
.astraLocadvBg{background:url(../images/dra-astra-elevation-location-img.jpg) no-repeat; background-size:cover;}

 .locationmap {padding:0; margin:0;}

  .locationmapSec .accordion_images {
  position: relative; padding:0;
}
 
  .locationmapSec .accordion_images img {
  opacity: 1;
  transition: 0.3s;
      width: 100%;
}
  .locationmapSec .accordion_images img:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
}
  .locationmapSec .accordion_images img.active {
  opacity: 1;
}

  .locationmapSec .accordion {
  width: 100%;
  overflow: hidden;
border-bottom:solid 1px #c0bfbf;
padding:10px 0;
}
  .locationmapSec .accordion_intro {
  position: relative;
  padding:0;
  cursor: pointer;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
             align-items: center;
}
 
  .locationmapSec .accordion_intro img{border: solid 1px #000;
    padding: 10px;
  border-radius: 100%; width:45px;}
    .locationmapSec .accordion_active .accordion_intro img{border: solid 1px #f7b82f; background:#f7b82f;   }
  .locationmapSec .accordion_content {
  color: #2d2b2c;
  padding: 0 0 0 50px;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.25s ease-out;
  opacity: 0;
}
  .locationmapSec .accordion_content ul{padding:0; margin:0 0 10px;}
   .locationmapSec .accordion_content ul li{list-style:none; font-size: 16px;}
 
  .locationmapSec .accordion h4,
  .locationmapSec .accordion p {
  margin: 0;
  line-height: 1;
}
  .locationmapSec .accordion h4 {
  color: #2d2b2c;
  font-size: 20px;
  font-weight: 400;
  text-transform:uppercase;
  padding-right: 15px;
}
.locationmapSec .accordion_active h4 {font-weight: 600;  border-bottom: solid 4px #f7b82f;}
  .locationmapSec .accordion p {
  color: #f1f1f1;
  font-size: 15px;
  margin: 0;
}
  .locationmapSec .accordion_active .accordion_content {
   opacity: 1;
}
.locationmapSec .accordion{position:relative;}
.locationmapSec .accordion:after{content:'+'; font-size:21px; right:10px; position:absolute;      top: 20px;   color: #000;  font-family: "Poppins", sans-serif;   pointer-events: none; }
.locationmapSec .accordion.accordion_active:after{content:'-'; font-size:21px; right:10px; position:absolute;      top: 20px;   color: #000;}

.whytitleSec{display:-webkit-box;  display:-ms-flexbox;  display:flex;    -webkit-box-align: center;   -ms-flex-align: center;   align-items: center; gap: 30px; margin: 0 0 50px;}
.whytitleSec p{margin:0;}
.projectintroSec .whytitleSec h2.pcTitle{width: max-content; }

.projectintroSec.whydra{background-image: linear-gradient(#dcdcdc, #ffffff, #f1f1f1); padding:80px 0 100px;}

.whyDetailL img{width:100%;    border: solid 6px #e1e1e1;   border-radius: 8px; }

.whyDetailR{
     display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     width: 100%;
      -ms-flex-wrap: wrap;  flex-wrap: wrap; padding-top:30px;
}


.whyDetailR .item {   margin: 0;  display: inherit;  padding: 10px;  width: 45%; margin:0 30px 0 0; -webkit-box-orient: vertical;   
 -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;     height: 296px;  font-size: 15px; line-height: 21px;}

.whyDetailR .item img{  width: 50px;  margin: 0 0 22px;}
.whyDetailR .item h4{
    border-top: solid 1px #ccc;
padding: 20px 0 0;
    color: #222; font-size:22px;
    font-weight: 800;}
	
 /*.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}*/



.floorPlan .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 20%;
    text-align: right;
    border-right: solid 1px #ccc;
    padding-bottom: 50px;
}
.floorPlan .resp-vtabs .resp-tabs-container {
    background-color: transparent;
    border: none;
    float: left;
    width: 75%;
    min-height: 350px;
    border-radius: 4px;
    clear: none;
    padding:0 40px;
	    font-size: 16px;
}
.floorPlan .resp-vtabs .resp-tabs-container img{width:100%;  mix-blend-mode: multiply;
    filter: contrast(1);}

.floorPlan .resp-vtabs .resp-tabs-list li {   padding: 8px 8px !important;  font-weight: 300;  font-size: 18px;     margin: 0 0 15px;     text-transform: uppercase;}
.floorPlan .resp-vtabs li.resp-tab-active {
    border: none;
   background-color:transparent;
       color: #37353a;
    font-weight: 800;
	margin:0 0 15px !important;
 }
.floorPlan .resp-vtabs li.resp-tab-active span {
    border: 1px solid #f7b72f;
   background-color: #f7b72f;
   padding:0 15px;
}

.floorPlan .secNav {padding:0 35px; margin:0 0 25px; border-bottom:solid 1px #ccc;     max-width: fit-content;}
.floorPlan .secNav a {  padding: 2px 20px;  margin: 0;  cursor: pointer;   position: relative;   color: #17221a;  font-size: 20px;}
.floorPlan .secNav a.active{background:#f7b72f; font-weight:700;}
.floorPlan .secNav a:before {   content: '';  position: absolute;   background: #ccc;  right: 0;  width: 1px;   height: 15px;  top: 9px; }
.floorPlan .secNav a:last-child:before {   background: none;  }
.floorPlan .fSlideRight ul{padding:0; margin:0;}
.floorPlan .fSlideRight ul li{padding:0; margin:0; list-style:none;}
.floorPlan .locationtitleSec{text-align:center;}
.floorPlan .virtualtourBtn{text-align:center;}
.floorPlan .virtualtourBtn a {   background: #bfbfbf;  color: #000;   padding: 8px 15px;  border-radius: 0; display: inline-block;   margin: 0 0 30px;}
.floorPlan .virtualtourBtn a:hover{  background: #f7b72f;}
.projectintroSec.floorPlan h2.pcTitle {   text-align: center;}
/*.floorPlan  {    background-image: url(../images/floor-plans-bg.png); background-repeat:no-repeat; background-position:right 0;}*/
.projectintroSec.floorPlan h3 {  text-align: left; font-size:18px; padding: 0; margin: 0;  line-height: 22px;}
.floorPlan .fSlideRight ul { padding: 0; margin: 0; min-height:230px;}
.projectintroSec.floorPlan{background:#fff; position:relative;}
.projectintroSec:before {content:''; position:absolute; width:100%; height:200px; top:0; left:0; background: linear-gradient(to top, transparent, #d9dadb 100%);     pointer-events: none;}
.projectintroSec:after {content:'';  position:absolute; width:100%; height:150px;bottom:0; left:0;  background-image: linear-gradient(0deg, #d9dadb, transparent);     pointer-events: none;}

.projectintroSec.floorPlan .fSlideRight img{width:50%;}
.projectintroSec.floorPlan .fSlideRight h5{font-size:16px;}

.projectintroSec.floorPlan .owl-carousel .owl-nav button.owl-prev, .projectintroSec.floorPlan .owl-carousel .owl-nav button.owl-next{
border: solid 1px #ccc;
    width: 50px;
    height: 50px;
border-radius: 100%;}

.projectintroSec.floorPlan .owl-theme .owl-dots{display:none;}
.projectintroSec.floorPlan .owl-theme .owl-nav {
     position: absolute;
    top:180px;
    left: 50%;
}
.projectintroSec.floorPlan .carousel-container{position:relative;}
.projectintroSec.floorPlan .carousel-container .counter{
    position: absolute;    top: 208px;   left: 68%;   z-index: 10;
}
body .fancybox__container{ z-index: 99999;}

.projectintroSec.floorPlan .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f7b72f;
    color: #161414;
}

.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
    display: block;
    margin: 0 auto;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
	position:relative;
	font-size:0;
	    left: 7px;
}

.owl-carousel .owl-nav button.owl-prev span::after, .owl-carousel .owl-nav button.owl-next span::after {
        content: "";
    display: block;
    width: 1px;
    height: 13px;
    background-color: black;
    transform: rotate(-45deg) translate(4px, 2px);
    left: 0px;
    top: 0;
    position: absolute;
}
.projectintroSec.Construction .owl-carousel .owl-nav button.owl-prev.disabled, .projectintroSec.Construction .owl-carousel .owl-nav button.owl-next.disabled{opacity:0.5;}

 .owl-carousel .owl-nav button.owl-prev span {
       transform: rotate(-45deg);
	   left: -6px;
}

 .owl-carousel .owl-nav button.owl-next span {
    transform: rotate(135deg);
	
}

 


.visible {
    visibility: visible !important;
    position: relative;
    overflow: hidden;
}



.hidden>.description {
	display:none;
	  transition: all 0.5s ease;
}

.visible>.description {
	    display: block;
    transition: all 0.5s ease;
    position: absolute;
    top: 0;
    height: 100%;
	padding:0 40px;
    z-index: 100;
	  transition: all 0.5s ease;
	  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    height: 100%;
}
 
.uf-open-slider:before {
    content: "";
    position: absolute;
    background-image: url(../images/yellow-plus-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 66.58px;
    height: 65.82px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease-in-out;
    z-index: 1;
}
.uf-open-slider:after {
    content: "";
    height: 2px;
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FDB913;
    transition: all .3s ease-in-out;
    border-radius: 100px;
}
.uf-close-slider:before {
    content: "";
    position: absolute;
    background-image: url(../images/black-minus-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 66.58px;
    height: 65.82px;
    right: 22px;
    bottom: 20px;
    transition: all .3s ease-in-out;
}

.visible .uf-open-slider:after {
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    transform: translate(-50px, 0);
}



.hidden:before {
    content: "";
    background: #FDB913;
     position: absolute;
	  width: 0%;
    height:0%;
    top: 0;
    left: 0;
    transition: aLl .3s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
.visible .uf-open-slider:before{opacity:0;}
.visible:before {
	  opacity: 1;
   z-index:1;
       pointer-events: all;
}
 


.amenitiesL{padding:0 8% 0 17%;}
  .amenitiesL p{  width: 90%;}
.amenitiesR h3{
      bottom: -9px;
    left: 0;
    position: absolute;
    padding: 65px 25px 30px;
    font-size: 18px;
	 z-index: 1;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    width: 100%;
    text-align: left;
	color:#fff;
	text-transform:capitalize;
	font-weight:700; font-size:30px; letter-spacing:-1px;
}
 
.amenitiesR .visible h3{background:none; color:#363435;} 
 
 .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-prev, .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-next{
border: solid 1px #ccc;
    width: 70px;
    height: 70px;
border-radius: 100%;
    margin-right: 15px;}
	
	 .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-prev.disabled, .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-next.disabled{opacity:0.5;}

 .projectintroSec.Amenities .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f7b72f;
    color: #161414;
}

 .projectintroSec.Amenities h2.pcTitle {
     margin: 0 0 30px;
}

 .projectintroSec.Amenities .owl-nav{
position: relative;
    left: -71%;
    bottom: 61px;
}

 .projectintroSec.Amenities .slider-counter{
position: relative;
    left: -10%;
    bottom: 120px;
}


 .projectintroSec.Amenities .slide:hover .uf-open-slider:before,  .projectintroSec.Amenities .slide:hover .uf-close-slider:before {
    transform: rotate(15deg);
}
 .projectintroSec.Amenities .slide p{font-size:25px; width:80%; line-height:32px; color:#6d5734; }
 
 
 /* spec */
 
 .projectintroSec.Specifications{padding-bottom:150px;}
 
.Specifications .accordion {
  overflow: hidden;
background: #2f2d2e;
   font-size: 16px;
  line-height: 1.5;
    color: #a4a4a4;
      border:8px solid #d1d1d1;
    border-radius: 10px;
    background-color: white;
}
 
/*----- Section Titles -----*/
.Specifications .accordion-section-title {
  width: 100%;
  padding:15px 30px 15px 30px;
  display: inline-block;
  background: #fff;
   font-size: 1.2em;
   font-weight:400;
  color: #3f3f3f;
  text-decoration: none;
   position: relative;
   border-bottom:solid 1px #ccc;
     transition: aLl .3s ease-in-out;
 
 
}
.Specifications .accordion-section-title strong{font-weight:400;  text-transform: uppercase;}

 
.Specifications .accordion  h4 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 18px;
}
.Specifications .accordion img {  margin-bottom: 10px;   width: 150px; }
 
 
.Specifications .accordion-section-title.active {
background: #2f2d2e;
   border:none;
      color: #f7b82f;
    font-size: 50px;
       padding:15px 30px 15px 50px;
	     transition: aLl .3s ease-in-out;
}
/*----- Section Content -----*/
.Specifications .accordion-section-content {
  padding: 20px 60px;
  display: none;
 background: #2f2d2e;
  
 }
.Specifications .active,
.Specifications .open {
  display: block;
}
 
.Specifications .accordion-section-title.active .arrow {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #fff;
  margin-top: -10px;
}
.Specifications .col-md-1 {
        -ms-flex: 0 0 12.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 12.666667%;
        max-width: 12.666667%;
		    padding: 0;
    margin: 0;
    }

.Specifications .col-md-11 {
        -ms-flex: 0 0 85.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 85.666667%;
        max-width: 85.666667%;
    }
 
 
 
 
.Specifications .arrow:before, .Specifications .arrow:after {
  content: "";
  position: absolute;
  
}
.Specifications .arrow:before {
  right: 21px;
  top: 49%;
  height: 2px;
  margin-top: -1px;
  width: 10px;
  background: #363435;
      pointer-events: none;
}
.Specifications .arrow:after {
    right: 25px;
    top: 54%;
    height: 10px;
    margin-top: -8px;
    width: 2px;
    margin-left: -1px;
    background: #363435;
    transition: all 300ms ease-in-out;
    pointer-events: none;
}
.Specifications .accordion-section-title.active .arrow:after {
  opacity: 0;
  transform: translateY(25%);
  
}
.Specifications .accordion-section-title.active .arrow:before {
 background: #fff;
     right: 65px;
}
 
  .Specifications .accordion-section-title.active strong{background:#2f2d2e; padding:0 25px;   z-index: 10;  position: relative;    }
   .Specifications .accordion-section-title.active:before{background:#f7b82f; Content:''; position:absolute; left:0; width:80%; left:100px; height:1px; top:49px; }
  
  
 .Specifications .col-md-2 {
        -ms-flex: 0 0 22.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 22.666667%;
        max-width: 22.666667%;
		margin-bottom:30px;
    }
  
  
  
  /* construction */
    .Construction .verticalTab{    padding: 0 0 0 15%;}
  .Construction .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 20%;
    text-align: left;
    border-left: solid 1px #f7b82f;
	  padding: 50px 0;
	margin:20px 0 0;
	
}
.Construction .resp-vtabs .resp-tabs-container {
    background-color: transparent;
    border: none;
    float: left;
    width:80%;
    min-height: 350px;
    border-radius: 4px;
    clear: none;
    padding:0;
	    font-size: 16px;
}
.Construction .resp-vtabs .resp-tabs-container img{width:100%;  mix-blend-mode: multiply;
    filter: contrast(1);}

.Construction .resp-vtabs .resp-tabs-list li {   padding: 0 0 8px!important;  font-weight: 300;  font-size: 22px;     margin: 0 0 15px;}
.Construction .resp-vtabs li.resp-tab-active {
    border: none;
   background-color:transparent;
       color: #37353a;
    font-weight: 800;
	 margin: 0 0 15px !important;
 }
.Construction .resp-vtabs li.resp-tab-active span {
    border: 1px solid #f7b72f;
   background-color: #f7b72f;
   padding:0 15px;
   
}
.Construction .resp-vtabs li span{   padding:0 15px;}
 .projectintroSec.Construction h2.pcTitle {   text-align: center;}
  .projectintroSec.Construction .locationtitleSec{text-align:center; position: relative;}
 .projectintroSec.Construction h3 {  text-align: left; font-size:18px; padding: 0; margin: 0;}
.Construction .verticalTab ul { padding: 0; margin: 0; min-height:230px;}
.projectintroSec.Construction{background:#fff; position:relative;}
 
 .projectintroSec.Construction .owl-nav {
    position: relative;
    left:50%;
  bottom: -30px;
}


 .projectintroSec.Construction .owl-carousel .owl-nav button.owl-prev,  .projectintroSec.Construction .owl-carousel .owl-nav button.owl-next{
border: solid 1px #ccc;
    width: 70px;
    height: 70px;
border-radius: 100%;
    margin-right: 15px;}
	
 .projectintroSec.Construction .owl-carousel .owl-nav button.owl-prev,  .projectintroSec.Construction .owl-carousel .owl-nav button.owl-next {
    border: solid 1px #ccc;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-right: 0;
}

 .projectintroSec.Construction .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f7b72f;
    color: #161414;
}
.projectintroSec.Construction .counter {
    font-size: 25px;
    letter-spacing: -2px;
    margin: -46px 0 50px;
}
.projectintroSec.Construction h3 {
    bottom: 20px;
    left: 13px;
    position: absolute;
    padding: 2px 9px;
    font-size: 18px;
    z-index: 1;
    background: #f7b82f;
     text-align: left;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -1px;
     line-height: 18px;
}

.projectintroSec.Construction .resp-vtabs .resp-tab-content {
     padding: 0;
}

.Construction .homeLoanPartner{margin-bottom:60px;}
.Construction .homeLoanPartner ul {
    padding: 20px 30px;
    margin: 0;
    border: solid 5px #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
	    flex-wrap: wrap;
}
.Construction.spefiConstruction{padding:60px 0;}
 .Construction .homeLoanPartner ul li:first-child{width:100%; text-align:center; margin:0 0 35px;}
.Construction .homeLoanPartner ul li{list-style:none; font-size:45px;   font-weight: 200;  margin-bottom: 25px; margin-right:10px;}
 .Construction .homeLoanPartner ul li img{ width: 65%;}

 /* header.fix_header.sticky  .navbar{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header.fix_header.sticky   .navbar .navbar-collapse{    margin: 0;} */
.menu-hamburger{ 	display: block; }
.menu-hamburger { font-size: 0;   margin: 0;  position: absolute;    z-index: 99999;   padding: 0 4px;    right: 0;    background: #272727;   height: auto;  top: -42px;   height: 105px;}
 .menu-hamburger .menu-open-button {width: 45px;height: 45px;margin:0;color: white;text-align: center;line-height: 80px;transform: translate3d(0, 0, 0);transition: transform ease-out 200ms;cursor: pointer;}
.menu-hamburger:hover .hamburger { background: #f7b82f;}
.menu-hamburger.menuClose:hover  .closeBtn{  color: #f9ba2f;}
.menu-hamburger:hover h5 {  color: #f9ba2f;}
.menu-hamburger .menu-open {display: none;}
.menu-hamburger .hamburger {width: 25px;height: 2px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1.5px;transition: transform 200ms;}
.menu-hamburger .hamburger-1 {  transform: translate3d(0, -8px, 0);}
.menu-hamburger .hamburger-2 {  transform: translate3d(0, 0, 0);}
.menu-hamburger .hamburger-3 { transform: translate3d(0, 8px, 0);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-1 {  transform: translate3d(0, 0, 0) rotate(45deg);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-2 {  transform: translate3d(0, 0, 0) scale(0.1, 1);}
.menu-hamburger .menu-open.extra-class + .menu-open-button .hamburger-3 { width:25px; transform: translate3d(0, 0, 0) rotate(-45deg);}
.menu-hamburger h5 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    text-transform: uppercase;  font-size: 14px;   letter-spacing: 1px;   color: #fff;   font-weight: 400;   padding: 0;   top: 58px;   position: relative;
}
body:before {    Content: '';  position: absolute; width: 100%;   height:100%;     opacity: 0.2;   transition: all 0.5s ease; pointer-events:none; z-index: 1;}
.inverse:before {     background: #000;   transition: all 0.5s ease; }


/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 100vh; 
    min-height: 600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}


/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    transition: all 0.2s ease-out;
}


/* demo typography */

h1,h2,h3,h4 {
    font-weight: 700;
}

.super-heading {
    font-size: 70px; 
}


.super-paragraph {
    font-size: 30px; font-weight: 300;
}

.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover
{
    color: #fff;
}

#carousel-example-generic {
    margin: 40px 0;
}

/* carousel fade */
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}


.ongoingprojectList{text-align:center; margin:0 0 50px;}
.ongoingprojectList .comTitle {  color: #1c1b14; margin:0 0 20px; }
 .hOngoingsec.ongoingList .ongoinglistNav{margin:0 0 70px;}
 .ongoinglistNav ul {    border: solid 1px #b1b1b1;     box-shadow: none;}
 .hOngoingsec.ongoingList .ongoinglistNav ul li a {   background: #fff;   padding: 15px 60px; color: #393939;    font-weight:600;  font-size: 14px; letter-spacing:2px;   border-right: solid 1px #7d7d7d; }
 .hOngoingsec.ongoingList .ongoinglistNav ul li a.active {   background: #f9ba2f;   color: #222;   }
  .hOngoingsec.ongoingList .ongoinglistNav ul li a.active:hover {   background: #f9ba2f;   color: #222;   }
  
 .hOngoingsec.ongoingList .ongoinglistNav ul li a:hover {   background: #222;   color: #fff;   }

/* banner */
.innerBanner{padding:0; margin:0; position:relative;}
.innerBanner img{padding:0; margin:0; width:100%;}
.innerbannerContent {   position: absolute;   top: 140px;    z-index: 10;   position: absolute;    width: 45%;    padding: 15px 0;     margin-left: -13px;}
.innerbannerContent h1{padding:0; margin:0 0 20px; color:#fff; font-size: 65px;  letter-spacing: -2px;}
.nri .innerbannerContent h1{font-size: 80px;}
.innerbannerContent h1 span{padding:3px 5px; margin:0; }
.innerbannerContent p{padding:0; margin:0 0 20px; font-size: 22px; color:#e2e2e2;     width: 80%;}
 .breadcrumbs{    position: absolute;   bottom: 0;        border-top: solid 1px #cccccc52; width: 45%; padding: 15px 0;     margin-left: -13px;}
    .breadcrumbs ul{padding:0; margin:0; display:-webkit-box;display:-ms-flexbox;display:flex;}
   .breadcrumbs ul li {padding:0; margin:0 10px 0 0; color:#fff; list-style:none; font-size:12px; text-transform:uppercase;font-weight:600; letter-spacing:5px;}
  .breadcrumbs ul li a{padding:0 15px 0 0; margin:0; color:#fff;   position:relative; }
   .breadcrumbs ul li a:before{Content:''; position:absolute; right:0; background:#fff; width:5px; height:2px; top:5px;}
 .innerbannerContent .yellow-bg-wrap .yellow-bg-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
}
.innerbannerContent .text1 {
    background: #242424 -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 50px;
}
.innerbannerContent .yellow-bg.animate .yellow-bg-wrap .yellow-bg-text {
    animation: once-animate 1.7s ease-in forwards;
    animation-delay: .5s;
}


/* marquee */

.a-section {
  padding: 0;
}
.a-section-marquee-box {
  display: flex;
  align-items: center;
  overflow: hidden;
 
}
.a-section-marquee-box h2 {
 list-style: none;
    padding-right: 30px;
    font-size: 180px;
    line-height: 200px;
    letter-spacing: -6px;
    color: #fff;
    -webkit-text-stroke: 1px #b01717;
  white-space: nowrap;
   flex-shrink: 0;
  padding: 0 10px;
      margin: 0;
  width: max-content;
  display: flex;
  align-items: center;
  transform: translateX(0);
  animation: a-text-scroll 45s linear infinite;
    font-family: Arial, "Noto Sans", sans-serif;
}
@keyframes a-text-scroll {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0%, 0, 0);
  }
}
.teamCard{
    background-color: rgb(31, 31, 31);
}
.Team_img{
    border-radius: 50%;
    height: 30vh !important;
}
.b-section {
  padding: 0;
}
.b-section-marquee-box {
  display: flex;
  align-items: center;
  overflow: hidden; 
}
.b-section-marquee-box h2 {
	    list-style: none;
    padding-right: 30px;
    font-size: 180px;
    line-height: 200px;
    letter-spacing: -6px;
    color: #fff;
    -webkit-text-stroke: 1px #b0b0b1;
  white-space: nowrap;
   flex-shrink: 0;
  padding: 0 10px;
      margin: 0;
  width: max-content;
  display: flex;
  align-items: center;
  transform: translateX(0);
  animation: b-text-scroll 45s linear infinite;
    font-family: Arial, "Noto Sans", sans-serif;
}
@keyframes b-text-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}


/* about Us */

.aboutintroSec{padding:80px 0 100px; background:url(../images/about-intro-bg.jpg) no-repeat right bottom;}
.aboutintroSec .marquee-row {  margin: 0 0 40px; }
.aboutintroTop{text-align:center;}
.aboutintroTop h5{    font-size: 22px;  line-height: 32px;  font-weight: 400;    padding: 0;   margin: 0 auto 25px;  }
.aboutintroTop p{    font-size: 16px;   line-height: 25px; font-weight: 500;  padding: 0;   margin: 0 auto 25px;  width: 60%;}
.aboutintroBottom{
     display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     width: 65%;
      -ms-flex-wrap: wrap;  flex-wrap: wrap; padding-top:30px;
}
.NriDra{padding:80px 0 0; position:relative;}
  .NriDra .container{  position: relative;
  z-index: 100;}
  .NriDra .whydraTitle{margin: 0 0 50px 0;
    padding: 0;}
.NriDra .aboutintroBottom {
   width: 100%; 
}
.NriDra .whyDraR img { width: 145%; }
.NriDra .aboutintroBottom .item {
      padding: 10px;
    width: 46%;
    border-top: solid 1px #d6d4d3;
    margin: 0 25px 0 0;
    padding: 20px 0 30px 0;
    vertical-align: top;
	  display: inline-block;
	 flex-direction: inherit;
}
.NriDra .aboutintroBottom .item .col-md-2{vertical-align: top;
	  display: inline-block; width: 15%;}
.NriDra .aboutintroBottom .item .col-md-10{vertical-align: top;
	  display: inline-block;}
.NriDra:after {
       content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    background: linear-gradient(to top, transparent, #f3f3f3 100%);
    pointer-events: none;
}


.aboutintroBottom .item {   display: inherit;  padding: 10px;   width: 40%;  border-top: solid  1px #d6d4d3; margin:0 65px 0 0; padding:20px 0 0;  -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;   }

.aboutintroBottom .item img{  width: 50px;  margin: 0 0 22px;}
.aboutintroBottom .item h4{ padding: 10px 0 0;  color: #222; font-size:22px;   font-weight: 800;}
 .aboutintroBottom .item .text1 {
    background: #4c4c4c -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 10px;
  }
 .aboutintroBottom .item  .yellow-bg-wrap .yellow-bg-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(57, 71, 79, 0);
}
.vissionSec{padding:80px 0;  background: #f5f5f5; }
.vissionSec .container{position:relative;}
.vissionSec .container:before {
    Content: '';   position: absolute;   background: url(../images/dra-bg-logo.png) no-repeat 0 0;    left: 20%;  top: 50px;  opacity: 2;  width: 35%;     height: 100%;    background-size: 100%;
}
.vissionSec h3 { padding:0;  color: #222; font-size:150px;  font-weight: 200;     line-height: 124px;}
.vissionSec h3 small{ font-size: 40px; margin-left: -34px;}
.vissionSec h3 span{ font-size: 18px;   background: #f9ba2f;   display: block;  width: fit-content;      line-height: 20px;  padding: 1px 5px;  font-weight: 500; }
.visionBox{padding:25px 0; border-top:solid 1px #dce0e2; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
			transition: all 0.5s ease;}
			
.visionBox:last-child{	border-top:solid 1px #dce0e2;}


.milestoneOut{padding:80px 0 140px 15%; color:#fff; background:#363435; overflow:hidden;     position: relative;}
.milestoneTitle {
    display: -webkit-box;  display: -ms-flexbox;   display: flex;     margin: 0 0 60px;   padding: 0;
    -webkit-box-align: end;   -ms-flex-align: end;    align-items: end;  gap: 20px; font-weight:200; font-size:22px;
}
.milestoneOut .slick-track{ padding: 0;}
.milestoneOut h2 {color:#f9ba2f; font-size:90px; margin:0 0 15px; line-height:70px;}
.milestoneOut h2 span {color:#fff;  font-size:30px; margin:0 0 15px; display:block; font-weight:400; line-height:25px;}
.milestoneOut:before {    content: '';    position: absolute;    left: 0;   top:56%;   background: url(../images/bullet-bg.png) repeat-x;   width: 100%;   height: 2px;    z-index: 9;
}
.milestoneOut:after {   content: '';   position: absolute;   left: 0;   top: 46%;   background: #f9bb31;    width: 100%;   height: 220px; }
.milestoneOut h3 {   color: #3a3635;   margin: 0 0 10px;    padding: 0;   font-size: 100px;  font-weight: 200; }
   .milestoneOut h3.smallSize{  font-size: 60px;
   padding: 20px 0;}
.milestoneOut  h4 {color:#fff; margin:0 0 10px; padding:10px 0 0;     font-size: 18px; border-top:solid 1px rgba(255,255,255,0.5);  }
	
.milestoneOut .slick-track {
    padding-bottom: 285px;
}
/*.milestoneOut .slick-track .slick-slide:before{content:''; position:absolute;  left: calc(50% - 18px); bottom:-27px; border:solid 5px #083579;  background:#fff; width:10px; height:10px; border-radius:100%; }*/
.milestoneOut .slick-track .slick-slide:nth-child(odd){position:relative; top:0; color:#fff;   min-height: 300px;}
.milestoneOut .slick-track .slick-slide p{ margin:0 0 15px; padding:0; font-size: 15px; opacity: 0.8;
    line-height: 18px; width: 80%; }
.milestoneOut .slick-track .slick-slide:nth-child(even){position:relative; top:325px; color:#fff; }
.milestoneOut .slick-track .slick-slide:nth-child(even):before{bottom:auto;   top: -30px;}
.milestoneOut .slick-track .slick-slide img{margin:0 0 10px;}
.milestoneOut .slick-next, .milestoneOut .slick-prev {
       top: -100px;  border: solid 1px #fff;   border-radius:100%;  width: 45px;  height: 45px;  text-align: center; line-height: 23px;
}
 

.milestoneOut .slick-next.slick-disabled, .milestoneOut .slick-prev.slick-disabled{opacity:0.5;     background-color: transparent !important;}
.milestoneOut .slick-next.slick-disabled:hover, .milestoneOut .slick-prev.slick-disabled:hover{ background-color:transparent;}
.milestoneOut .slick-arrow:before{ position: absolute;     left: 12px;}
.milestoneOut  .slick-prev {background:url(../not-found.html) no-repeat center center; background-size:100%; left: 80%;}
.milestoneOut  .slick-next {background:url(../not-found.html) no-repeat center center; background-size:100%;right:0;  left: calc(80% + 2.3vw); }
 .visionBox .visionText{padding-right:10%;}
.visionBox .visionText span{ line-height: 20px;  font-weight: 300; 
    font-size: 21px;}
.visionBox:hover .visionText span{background:#f9ba2f; color:#000; }
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;   z-index: 10;
}

.aboutintroSec.team{background:none; padding:80px 0 0;}
.teamsec{padding:150px 0; background:url(../images/team-top-bg.png) no-repeat #e8e8e8;}
.teamBox {
    padding: 0;   margin: 0 15px 40px;   position: relative;  -webkit-box-flex: 0;   flex: 0 0 30.333333%;   max-width: 30.333333%;
}
  .teamBox:before{Content:''; position:absolute; left:0; width:100%; height:100%;  background:url(../images/team-bg.jpg) no-repeat;  background-size: 100%; filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ pointer-events: none;}
.teamBox:hover:before{padding:0; margin:0; background:url(../images/team-bg.jpg) no-repeat;  background-size: 100%;	  -webkit-filter: grayscale(0);
  filter: none;}
 
.teamBox .tImg{position:relative;}
.teamBox .tImg img{width:100%;}
.teamBox .tText{ background: #fff;   padding: 30px; width:100%;     position: relative; min-height: 155px;}
  .teamBox .tText h3{   font-size: 25px;   color: #000;    margin: 0;   padding: 0;}
    .teamBox .tText p{   font-size: 20px;   color: #000; font-weight:300;   margin: 0 0 10px;   padding: 0;}
	  .teamBox .tText a  {  background: #bebebe;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 5px;
	  }

.teamBox:hover .tText a {  background: #f9ba30;}



.aboutintroSec.awards {background:none; padding:80px 0 0;}

.awardsec{padding:80px 0 150px;     background-image: linear-gradient(0deg, #f5f5f5, transparent); }
.awardBox {
    padding: 0;   margin: 0 15px 40px;   position: relative;  -webkit-box-flex: 0;   flex: 0 0 30.333333%;   max-width: 30.333333%;     border: solid 8px #f2f2f2;
    border-radius: 10px; background: #fff;
}
 .awardBox .tImg{position:relative;}
  .awardBox .tImg img{width: 100%;}
.awardBox .tText{ background: #fff;   padding: 30px; width:100%;}
  .awardBox .tText h3{   font-size: 25px;     text-transform: uppercase;  color: #000;    margin: 0 0 5px;   padding: 0;}
    .awardBox .tText p{   font-size: 20px;   color: #1d1f22; font-weight:500;   margin: 0 0 10px;   padding: 0;}
 


.aboutintroSec.careers {background:url(../images/carrers-to-bg.jpg) no-repeat 0 bottom; padding:80px 0 390px; background-size:100%;}
.careersTitleTop  {margin:0 0 100px;}
.careersTitleTop p{margin:0 0 30px;}
.careersTitleTop .col-md-2 img{width:100%;}
.careerJoinDra{border:solid 1px #ccc; border-bottom:transparent; border-radius:15px; padding:50px 50px 100px;     background-image: linear-gradient(#ffffff, transparent);}
.careerJoinDra h3{color:#fff;    -webkit-text-stroke: 1px #b0b0b1; text-align:center; font-size:120px;}
.careerJoinDraIn{
     display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -ms-flex-wrap: wrap;  flex-wrap: wrap; padding-top:30px;
	 
}


.careerJoinDra .item {   display: inherit;  padding: 10px;   width: 30%;  border-top: solid  1px #d6d4d3; margin:0 60px 0 0; padding:20px 0 0;  -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;   }

.careerJoinDra .item:nth-child(3n+3){margin:0;}

.careerJoinDra .item img{  width: 50px;  margin: 0 0 22px;}
.careerJoinDra .item h4{ padding: 10px 0 0;  color: #222; font-size:22px;      width: 60%; font-weight: 800;}
  .careerJoinDra .item h6{  font-weight: 600;}
  
  
.cultureSec {background:#363435; padding:40px 0 80px; margin: -1px 0 0; }
.cultureSec p{margin:0 0 30px;    color: #ffffff;}
.cultureSec .container{text-align:center; margin-bottom:50px;}
.cultureSec .list li {
  padding: 1rem;
  color: #fff;
  white-space: nowrap;
  width:320px;
  list-style:none;
  margin-right:35px;
  position:relative;
  padding-bottom:30px;
  opacity:0.2;
  transition: all 0.5s ease;
 }
 .cultureSec .list li:hover{opacity:1;}
 
 .cultureSec .list li:nth-child(odd) {
  top:0;
}

 .cultureSec .list li:nth-child(even) {
   top:30px;
     padding-bottom:60px;
}
 .cultureSec .list li:after {
    Content: '';
    left: 46px;
    top: 40px;
    position: absolute;
    width: 100%;
    height:85%;
    border: solid 2px #ae8631;
    border-radius: 15px;
	opacity:0;
	transition: all 0.5s ease;
	    pointer-events: none;
}
 
 .cultureSec .list li:before{Content:''; right:0;  top:60px; position:absolute; width:50px; height:50px;    pointer-events: none;  background:url(../images/video-icon.png) no-repeat; background-size:100%; transition: all 0.5s ease;}
 .cultureSec .list li:hover:after{opacity:1;}
  
  .cultureSec .list li:hover:before{top:auto;  bottom:60px; }
 .cultureSec .list li img{border-radius:15px;}
.cultureSec .inner-scroller:hover{animation-play-state: paused; }
.cultureSec .scroller {
  padding-block: 1rem;
  max-width:100%;
  overflow: hidden;
      margin: 0;
    padding: 0;
  
}
.cultureSec .scroller[data-direction=left] {
  --scrolling-direction: forwards;
}
.cultureSec .scroller[data-direction=right] {
  --scrolling-direction: reverse;
}

.cultureSec .inner-scroller {
  display: flex;
  gap: 1rem;
  width: fit-content;
  animation: scrolling 40s var(--scrolling-direction, forwards) linear infinite;
      margin: 0;
}

@keyframes scrolling {
  to {
    transform: translateX(calc(-50% - 0.5rem));
  }
}

.cultureSec h3{
    color: #363435;
    -webkit-text-stroke: 1px #838181;
    text-align: center;
    font-size: 120px;
}

.currentOpenings{padding:80px 0 150px; background:#e7e7e7;}
  .currentOpenings .row{  padding-right: 10%;}
.currentOpenings ul{padding:0; margin:0;}
.currentOpenings ul li{padding:0; margin:0 0 20px; list-style:none;     background: #fff;
    border: solid 1px #ccc; background-image: url(../images/dra-logo-cta.png);
   background-position: 59% 0;
    background-repeat: no-repeat;
    background-size: 21%; }
.currentOpenings ul li a{padding:35px; color:#000; margin:0;width:97%;     position: relative; list-style:none; display:-webkit-box;display:-ms-flexbox;display:flex; gap: 20px; 
  -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;  opacity:0.7; }
.currentOpenings ul li span{font-size:65px; font-weight:100; display:none;}

.currentOpenings ul li h3{padding:0; margin:0; font-size:25px; }
.currentOpenings ul li h3 span{padding:0; margin:0; font-size:20px; font-weight: 500; background:#ccc; display:block; width:max-content; } 
.currentOpenings ul li a:hover {opacity:1;}

.currentOpenings ul li a:hover h3 span{background:#f9ba2f;}

 .currentOpenings ul li a:after {Content:''; position:absolute; right:0; background: url(../images/arrow.svg) no-repeat 0 center;
    width: 60px;
    height: 60px;
     text-align: center;
     right: 0;
    z-index: 10;
    pointer-events: all;
    background-size: 100%;
 }



.joinUs{background:url(../images/career--form-bg.jpg) no-repeat right #f6f6f6; background-size:50%; padding:80px 0 150px;}

#join-form label{color:#000; font-weight:600;   margin: 0; padding-right: 10px; font-size: 15px;  width: max-content;}
   #join-form .full-col label{ width: auto;} 
#join-form {     padding: 0 6px;     margin-top: 30px;}
#join-form .half-col{ background:#fff; display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-align: center;
   -ms-flex-align: center;  align-items: center;  margin: 0;   padding: 20px;  border: solid 1px #ccc;  border-bottom: solid 4px #f9bb31;
    }
 #join-form .form-control {   display: block;  flex: 1;width:100%; font-size: 14px; background:transparent; border:none;  }
 
 #join-form textarea.form-control  {
     padding: 22px 0 0;
}
 
 
 #join-form label span{float: right; padding: 0 0 0 7px;}
  #join-form label sup{color:red;}
 
 #join-form .full-col{ display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   background:#fff; 
    margin: 0;   padding: 20px;  border: solid 1px #ccc;  border-bottom: solid 4px #f9bb31;    }
	
	 #join-form .full-col .form-control { 
	 padding: 2px 16px;}
	 
	 .form-control:focus {
     box-shadow: 0 0 0 1px rgb(193 200 206);
}
#join-form .btns {margin:25px 0 0;}

#join-form .btns input {
    background: #f9bb31;
    padding: 10px 25px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 14px;     border: 1px dotted #333;
}  
 
#join-form .btns input:hover{   background: #000;  color: #fff;}
 
 #join-form .authorize label{width:100%; margin: 0 0 14px;}
 
 #join-form .authorize  label span {
    float: none;
    font-size: 16px;
	margin-right:5px;
	font-weight:400;
}

  #join-form .authorize{ padding: 26px 0 0;}
    #join-form .authorize p strong{color:#000;}
 .joinUs.joinpage{background:#f6f6f6;}
  .joinUs.joinpage h3{color:#363435; font-size:25px;}
  
  
.newsTopmenu.testimonialNav ul{ margin:0 auto;   max-width:100%; padding: 0; position: relative; display:block;  background: #fff;  border: solid 1px #ccc;  border-bottom: none; }
.newsTopmenu ul li{padding:0; margin:0; display:inline-block; vertical-align:top;  border-right: solid 1px #bebebe;  text-align:left;}
.newsTopmenu ul li:last-child{border-right: none;}
.newsTopmenu ul li a{padding:15px 40px; text-transform:uppercase; margin:0; color:#212429;  display: block;  font-size: 14px;  letter-spacing: 2px;
    font-weight: 500;}
	   
 .newsTopmenu.testimonialNav ul.sTopnav {   border-bottom: solid 1px #ccc; }
	
.newsTopmenu ul.newsSubNav{  background: #f9bb31;  border-top: solid 1px #fff;  border: none; padding:0; }
  .newsTopmenu ul.newsSubNav li a { padding: 3px 25px;}
 .newsTopmenu ul li ul li a{padding:15px;}
 .newsTopmenu ul li.active a{background:#f9bb31; color:#000;} 
.newsTopmenu ul li a:hover{background:#f9bb31; color:#000;} 
 
 .newsTopmenu ul.newsSubNav li{  flex: inherit; border-right: none; padding:8px 0; }
 .newsTopmenu ul.newsSubNav li a{border-right:solid 1px #bd860b;    font-weight: 400;}
 .newsTopmenu ul.newsSubNav li.active a{text-decoration:underline; text-underline-offset: 5px; font-weight: 600;}
 .newsTopmenu ul.newsSubNav li.active a:hover{ font-weight: 600;}
 .newsTopmenu ul.newsSubNav li a:hover{background:transparent; color:#000; } 
 .newsTopmenu ul.newsSubNav li:last-child a{border-right:none;} 
.Newsgallerysec {padding:20px 0 0; margin:0;}
.Newsgallerysec h3{padding:0; margin:0 0 30px; text-align:center;}
 .Newsgallerysec .col-md-4  {margin-bottom:60px;   transition: all 0.5s ease;}
 .Newsgallerysec .col-md-4 img {width:100%; padding:0; margin:-25px 0 0; object-fit: cover;   height: 280px;  border: solid 1px #ccc;}
 
 .Newsgallerysec.singleImg .col-md-4 img {
    height: 300px;
    height: 300px;
    object-fit: cover;
}
  .newsTopmenu{ margin:0;  padding-bottom: 80px; }
    .newsPage .titileTop{   margin-bottom: 80px; }
  .Newsgallerysec .newsDes{background:#474747; padding:20px; margin:0; width:100%; color:#fff; text-align: left;}
   .Newsgallerysec .col-md-4:hover .newsDes{background:#f9bb31; color:#000;   transition: all 0.5s ease;}
   .Newsgallerysec .col-md-4 h3{padding:0; margin:0; color:#fff;     text-align: left;     font-size: 20px;
    text-transform: uppercase;}
	.Newsgallerysec .col-md-4 h3 a{color:#fff;}
    .Newsgallerysec .col-md-4:hover h3{  color:#000;   transition: all 0.5s ease;}
	
	  .Newsgallerysec .col-md-4:hover a .newsDes{background:#f9bb31; color:#000;   transition: all 0.5s ease;}
   .Newsgallerysec .col-md-4  h3 a{padding:0; margin:0; color:#fff;     text-align: left;}
    .Newsgallerysec .col-md-4:hover  h3 a{  color:#000;   transition: all 0.5s ease;}
	
	
      .Newsgallerysec .col-md-4 p{padding:0; margin:0;}
	  
	  .Newsgallerysec.singleImg .col-md-4 img{height:300px;  height: 300px;
    object-fit: cover;}
	
	.contactusSec h2{text-align:center;     color: #fff;
    -webkit-text-stroke: 1px #b0b0b1; font-size:130px; margin:0 0 30px; letter-spacing: -4px; }
	
	.contactusSec h2{text-align:center;}
	
	.contactusSec .contacttop{padding:80px 80px; text-align:center; margin-bottom:80px;  border:dashed 1px #7f7f7f; border-top:none; border-radius:0 0 10px 10px;}
	
	.contactusSec .contacttop ul{padding:0; margin:15px 0 0; border-bottom:solid 1px #6b6b6b;  border-top:solid 1px #6b6b6b; display:-webkit-box; display:-ms-flexbox; display:flex;     -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;}
	.contactusSec .contacttop ul li{padding:0; margin:0; list-style:none;}
	.contactusSec .contacttop ul li a{    padding: 10px 0;   margin: 0;   font-size: 18px; color: #6b6b6b;   font-weight: 500; display: block;}
		.contactusSec .contacttop ul li a:hover{color:#000;}
	.contactusSec .contacttop .clickHere{  text-align:center;}
	.contactusSec .contacttop .clickHere a{color:#fff; background:#000;   display: block;text-transform:uppercase;       font-weight: 500;  font-size: 14px;   letter-spacing: 3px;}
	.contactusSec .contacttop .clickHere a:hover{background:#f9ba2f; text-align:center; color:#000;}
	.contactL{padding:0 30px; margin:0;     font-size: 21px;   line-height: 30px;}
	.contactR{padding:0 30px; margin:0;     font-size: 21px;  line-height: 30px;}
		.contactusSec .contacttop h3{   color: #000;  padding: 10px 35px 10px;    font-size: 35px;  margin: 0 auto 25px;   width: max-content;   border-bottom: solid 1px #7f7f7f;}
	.contactL .lImg{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ opacity:0.5;     width: 100%;}
 .contactL:hover .lImg  {
  filter: none;
  opacity:1;
  -webkit-filter: grayscale(0%);
}

.contactR .lImg{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ opacity:0.5;     width: 100%;  transition: all 0.5s ease;}
 .contactR:hover .lImg  {
  filter: none;
  opacity:1;
  -webkit-filter: grayscale(0%);  transition: all 0.5s ease;
}
  
	.joinUs.contact{background:#f6f6f6;}
	.joinUs.contact h3{font-size:80px; line-height:75px; padding:0; margin:0 0 20px; color:#000; font-weight:600;}
	#contact-form label{color:#000; font-weight:600;     margin: 0; padding-right: 10px; font-size: 16px;  line-height: 19px;}
	
#contact-form {     padding: 0 15px; }
#contact-form .half-col{ background:#fff; display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-align: center;
   -ms-flex-align: center;  align-items: center;  margin: 0;   padding: 20px 25px;  border: solid 1px #ccc;  border-bottom: solid 4px #f9bb31;
    }
 #contact-form .form-control {   display: block;  flex: 1;width:100%; background:transparent; border:none;  font-size: 15px;      border-radius: 0;
    box-shadow: none;  }
 
 
 #contact-form label span{float: right; padding: 0 0 0 7px;}
  #contact-form label sup{color:red;}
 
 #contact-form .full-col{ display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   background:#fff; 
    margin: 0;   padding: 20px 25px;  border: solid 1px #ccc;  border-bottom: solid 4px #f9bb31;    }
	
#contact-form .full-col .form-control {
     margin: 1px 0 0;
}

#contact-form .full-col label {   padding-top: 7px; }
 .intl-tel-input.separate-dial-code .selected-flag {
 background-color: transparent !important; }
 
#contact-form .btns {margin:25px 0 0;}

#contact-form .btns input {
    background: #f9bb31;
    padding: 10px 25px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 14px; border:none;
}  
 
#contact-form .btns input:hover{   background: #000;  color: #fff;}
 
 #contact-form .authorize label{width:100%;}
 
 #contact-form .authorize  label span {
    float: none;
    font-size: 16px;
	margin-right:5px;
	font-weight:400;
}



/* enquire */
 
 .modal .modal-content #contact-form .btns input:hover {
    background: #000;
  color: #fff;}
 
.modal .modal-content {
    background: url(../images/cta-pater-bg.jpg) repeat;
}

.rb.modal .modal-content {
    background: #fff;
}
.rb.modal .modal-content img {
     width: 100%;
}

.rb.modal .modal-body {
    padding: 10px 8px 8px;
}

.dRb{display:block;}
.mRb{display:none;} 

.modal h2 {
    font-size: 45px;
	line-height: 45px;
    font-weight: 600;
    text-transform:capitalize;
    letter-spacing: -2px;
   margin:0 0 10px;
  color: #f9ba2f;
 }
 
.modal h2 span{  color: #000;}
.modal-header p{width:80%;}

.modal-header{-webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
.modal-header .close {
    background: transparent;
    color: #2b2b2b;
    padding: 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 50px;
    font-family: sans-serif;
    font-weight: 100;
    border-color: #2b2b2b;
    line-height: 50px;
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 99;
    background: #e1e1e1;
}
#contact-form.modal-body {
    padding: 50px;
}
  .modal-body {
    padding: 50px;
}
.modal-header {
    padding: 50px 50px 0;
}

.testimonialsOut{padding:80px 0;}

.testimonialNav ul{padding:0; margin:0 auto 80px;       background: #fff;   position: relative;      max-width: fit-content;
display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; border: solid 1px #959595; }
.testimonialNav ul li{padding:0; margin:0; display:inline-block; vertical-align:top;  border-right: solid 1px #959595; }
.testimonialNav ul li a{padding:15px 24px; text-transform:uppercase; margin:0; color:#212429;  display: block; text-align:center;     font-size: 14px;     
    font-weight: 600;    position: relative;}
 .testimonialNav ul li.active a{background:#f9bb31; color:#000;} 
 .testimonialNav ul li a:hover{ background:#000; color:#fff;}
  .testimonialNav ul li.active a:hover{background:#f9bb31; color:#000;} 
  .testimonialContent h3{padding:0; margin:0; color:#000; font-size:20px; text-transform:uppercase;}
 .testimonialContent p{padding:0; margin:0 0 25px; color:#000; font-size:16px;  }
  .testimonialContent p:last-child{ text-transform:uppercase; font-size: 14px;}
    .testimonialContent span.vIcon{position:absolute; right:15px; top:20px; pointer-events: none;}
 .testimonialContent .col-md-4 {
	  margin: 0 16px 40px;
     padding: 0; 
 -ms-flex: 0 0 30.333333%;
    -webkit-box-flex: 0;  flex: 1 0 30.333333%;   max-width: 30.333333%;	 
}
 .testimonialContent.textBox .col-md-4{
    margin: 0 16px 40px;
    padding: 30px;  background: #fff;  border-radius: 30px;   border-bottom: solid 7px #f7b82f;
    box-shadow: 1px 1px 2px 1px #ccc;  -ms-flex: 0 0 30.333333%;
    -webkit-box-flex: 0;  flex: 1 0 30.333333%;   max-width: 30.333333%;
}
 .testimonialContent .col-md-4 span img{   width: 40px;  height:auto;}
 .testimonialContent .row {  padding: 0 80px; }
    .testimonialContent .col-md-4 img{ margin:0 0 15px;     width: 100%; object-fit:cover; height:440px;}
 .page.testimonial .testimonialSec{display:none;}
.page.testimonial .marquee-row{display:none;}
.page.testimonial .ourFoundation{display:none;}
 .testiTitleTop{text-align:center; margin:0 0 50px;}
  .clientzone .col-md-6 img{width:100%;}
 .clientzone .col-md-6{
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
     -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
 }
   .clientzone .clientzoneIn{padding:80px 0;}
    .clientzone .clientzoneIn.bc {background:#f8f8f8; margin: -110px 0 0; }
  .clientzone h3{font-size:75px; color:#222; padding:0; margin:0 0 20px; line-height:70px;}
 .clientzone p{ width: 92%;}
 
 .innerBanner.nri .innerbannerContent {  top: 240px;}
 .NriTop{padding:80px 0;}
  .NriTop h4{padding:0; margin:0 0  10px; font-size:28px; color:#000; font-weight:600;}
 
   .NriTop #counter .row:last-child {
    padding: 0;
}
 
    .NriTop #counter {  padding:50px 0 0;  text-align: left;  }
    .NriTop	.counterBox small {
     color: #000;
    font-weight: 600;
	    text-transform: capitalize;
    font-size: 16px;
}

 .NriTop .counterBox { margin: 0 30px 0 0; border-bottom: solid 1px #d0cfcf;   border-top: solid 1px #d0cfcf;  padding: 70px 0 40px; }
 .NriTop .counterBox:nth-child(1),   .NriTop .counterBox:nth-child(2) { border-bottom: none; }
 .NriTop .counterBox span { color: #000;}
  .NriTop .counterBox span.counter-value {  color: #f9ba2f;}
 .NriTop #counter .counterBox sup {  top:30px;}
   .NriTopL p{font-size:22px; line-height:30px; }
   .NriTopR{ 
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
   margin: 0 0 0 -58px;}
   
.NriBenefits {background:#363435; padding:80px 0; }
.NriBenefits h3{font-size:85px; padding:0; margin:0 0 30px; color:#fff; }
.NriBenefitsIn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   -ms-flex-wrap: wrap;
    flex-wrap: wrap;
 }
 .NriBenefitsL img{  width: 100%;  margin: 0;}
.NriBenefitsIn .item {   display: inherit;  padding: 10px; color:#e2e1e1;  width: 45%;  border-top: solid  1px #7f7d7e; margin:0 25px 0 0; padding:20px 0 0;  -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;   }
 .NriBenefitsIn .item img{  width: 40px;  margin: 0;}
.NriBenefitsIn .item h4{ padding: 10px 0 0;  color: #fff; font-size:20px;      width: 85%; font-weight: 800;}
.ongoingList.nri .ViewAllBtn {   position: relative;   padding: 30px 0;   width: 100%; }
.ongoingList.nri .ViewAllBtn a{ position: relative; }
.ongoingList.nri .ViewAllBtn:before{Content:''; position:absolute; left:0; background:#303030; width:100%; height:2px;  top: 43px;}
.grahapravesamSec{background:url(../images/grahapravesam-bg.jpg) no-repeat; padding:80px 8% 100px 0;;}
.grahapravesamSec h2{    font-size: 100px;
    color: #000;
    letter-spacing: -5px;
    line-height: 100px;}
	.grahapravesamSec h2 span{display:block; font-weight:200;}
  .grahapravesamSec .col-md-7 { padding: 0; color:#000;}
    .grahapravesamSec .col-md-5 img { display:none;}
    .grahapravesamSec .grahapravesamTop h3 { padding: 0; margin:0 0 10px; font-size:30px; font-weight:600; color:#000;}
	.grahapravesamTop{padding:0; margin:0 0 40px;}
	.grahapravesamBottom{padding:0; margin:0;}
.grahapravesamBottom ul {
    padding: 0;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    gap: 10px 20px;
    row-gap: 10px;
    column-gap: 20px;
    flex-flow: wrap;
    width: 500px;
}
 .grahapravesamBottom ul li {
     padding:0;
    margin:0 40px 50px 0;
    list-style: none;
    width: 36%;
    background: #fff;
    border-radius: 12px;
	top:0;
  position:relative;
	transition: all 0.5s ease;
}
 .grahapravesamBottom ul li:hover{top:-5px;}
 .grahapravesamBottom ul li a {
     padding:15px 14px 0;
    margin:0;
    display: flex;
   gap: 10px;
	position:relative;
	color:#000;
  border-radius: 12px;
  overflow:hidden;
	
}
.grahapravesamBottom ul li:before{Content:''; position:absolute; left:0; background:url(../images/shadow-bg.png) no-repeat; width:100%; height:40px; background-size:100%; bottom: -33px;
    opacity: 0.8;}
 
.grahapravesamBottom ul li a:before{Content:''; position:absolute;  background-size:100%; bottom: 0; right: 0;  width: 0;   height: 0;  border-bottom: 55px solid #0c0c0c;   border-left: 55px solid transparent; }
.grahapravesamBottom ul li a:after{Content:''; position:absolute; background: url(../images/arrow.svg) no-repeat 0 0; width: 47px;  height: 37px;  right: -10px;  bottom: 0;  filter: brightness(0) invert(1);}
 .grahapravesamBottom ul li h3{ font-size: 65px; font-weight: 100;  line-height: 36px; border-right: solid 2px #ccc; padding-top: 7px;   padding-right: 5px;}
  .grahapravesamBottom ul li h3 span{ display:block; font-size: 20px; font-weight: 600; text-transform:uppercase; letter-spacing: 6px; }
 .grahapravesamBottom ul li h5 span{ font-size: 14px; }
  .grahapravesamBottom ul li h5 { padding:0;  width: 80px;}
  
 .masterpieceProjectList{padding:80px 0; margin:0; background:url(../images/nri-location-bg.jpg) no-repeat center center; background-size:cover;}
 .masterpieceProjectListTop{text-align:center;}

  .masterpieceProjectListTop h2 {
    font-size: 200px;
    letter-spacing: -5px;
    line-height: 200px;
	color: #fff;
    -webkit-text-stroke: 1px #b0b0b1;
    white-space: nowrap;
}
 .masterpieceProjectListTop h5 {  font-size: 20px;  font-weight: 600;   color: #000;   margin: 0;   letter-spacing: 4px;  text-transform: uppercase; }
  .locateProjectList ul{padding:60px 0 100px; margin:0 0 20px;}
  .locateProjectList ul li {  padding: 0 0 0 15px;  margin: 0 0 3px; list-style: none;   text-align: left;   position: relative;  left: auto !important;  right: auto !important;  top: auto !important;  color: #000;  font-weight: 600;  font-size: 20px; }
 .locateProjectList .left ul li {  text-align: right; padding: 0 15px 0 0;   }
	   .locateProjectList ul li:before {
    content: '';
    content: '';
    background: #f9bc32;
    height: 7px;
    text-align: center;
    transform: rotate(45deg);
    width: 7px;
    position: absolute;
     left: 0;
    top: 9px;
}

 .locateProjectList .left ul li:before {right: 0; left:auto;  top: 9px;}
  

      .locateProjectList ul.right li { }
   .locateProjectList ul li img{margin:0 0 10px;}
    /*.locateProjectList .left ul li:nth-child(1){left:50px;}
	 .locateProjectList .left ul li:nth-child(2){left: -153px; top:-50px;}
	  .locateProjectList .left ul li:nth-child(3){left: 80px; top:-50px;}
	   .locateProjectList .left ul li:nth-child(4){left: -80px; top:-50px;}
       .locateProjectList .left ul li:nth-child(5){left: 180px; top:-100px;} */
    .locateProjectList ul li span{display:block; font-weight:600; color:#000; font-size: 24px; line-height:28px;}
	
	    .locateProjectList .right ul li:nth-child(1){left:50px;}
	 .locateProjectList .right ul li:nth-child(2){left: -153px; top:-50px;}
	  .locateProjectList .right ul li:nth-child(3){ left: 27px;  top: -82px;}
	   .locateProjectList .right ul li:nth-child(4){left: -80px; top:-20px;}
   .masterpieceProjectListBottom{
       background: #f9bb31;
    color: #000;
    padding: 20px 40px;
	   border: dashed 1px #ccc;
   }
     .masterpieceProjectListBottom .row{ -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;}
      .masterpieceProjectListBottom p{margin:0; font-size:25px;   font-weight: 600; color: #222;}
	  .masterpieceProjectListBottom h3{ color: #222;  margin:0;  padding: 0;  font-size: 65px; line-height: 65px;  font-weight: 800;}
   .masterpieceProjectListBottom a{
   background: #fffefd;
    padding: 12px 25px;
    border: dashed 1px #ccc;
	    position: relative;
    top: 14px;
   text-transform:uppercase; color:#000; font-size:15px; letter-spacing:1px;
   }
    .masterpieceProjectListBottom a:hover{background: #000; color:#fff;}
	
.newsPage .titileTop {  text-align: center;  margin: 0 0 25px; color: #000; }
 .newsPage{ padding: 80px 0;}
  .floorPlanBtn{padding-bottom:80px;}
 .floorPlanBtn .item img{width:50%; margin:0 auto 50px;}
 .floorPlan  .floorPlanBtn{display:none !important;}
  .floorPlanBtn  {text-align: center;}
     .floorPlanBtn .item a.readBtn {display:block; width:max-content;     margin: 0 auto;}
 
 .mobileProjectnav{display:none;}
 .mobileSticky{display:none;}
 
body .mlogo{display:none;}
 body .dlogo{display:block;}
   .MobileOngoing{display:none;}
   .enquireFormPage .testimonialSec{display:none;}
   .enquireFormPage .marquee-row{display:none;}
   .enquireFormPage .ourFoundation{display:none;}
   .enquireFormPage .ctaSection{display:none;}
   
  #enquirysecPage {    padding: 150px 15% 188px 0;   background: url(../images/enquire-banner-bg.jpg) no-repeat;   position: relative;   background-size: cover; } 
  #enquirysecPage:after{Content:''; position:absolute; right:0; width:65%; height:100%; top:0; background:#f9ba2f;     opacity: 0.9;}
   #enquirysecPage .col-md-7{padding:50px 80px;  }
    #enquirysecPage .col-md-7 p{padding:0; color:#000; margin:0 0 30px;  }
    #enquirysecPage .row{    z-index: 10;  position: relative;}
 
    #enquirysecPage .btns input {
    background: #604e16; 
  color: #fff;
 }
#contact-form .btns input:hover{   background: #c88b05; color: #000;}
 .newSpotSec .mImg{display:none;}

.projectoverviewDetailTop .col-md-4 img{  width: auto; height: 120px;}  

.hMenuR .sm-social-sec{display:none;}
		.hMenuR .customerLogin{display:none;}
 .MobilepBtn{display:none;}
 .testimonialSec{display:block;}
  .testimonialSec.mobile{display:none;}
 
  header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a {position:relative;   display: block; padding: 0 0 0 18px; letter-spacing: 0; text-transform:inherit;}
  header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a:hover{background:transparent;}
   header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a h4{ font-size:16px; padding:0; margin:0 0 5px; text-transform:uppercase;}
    header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a p{ font-size:14px; padding:0; margin:0;     width: 80%;
    color: #6a6565;
    line-height: 18px; }
 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a:before {
    Content: '';
    position: absolute;
    width: 2px;
    height: 95%;
    background: url(../images/drop-menu-line.jpg) repeat-y;
    left: 2px;
    top: 6px;
}
 
 .festival-popup .close {
    background: transparent;
    color: #2b2b2b;
    padding: 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 50px;
    font-family: sans-serif;
    font-weight: 100;
    border-color: #2b2b2b;
    line-height: 50px;
    position: absolute;
       top: 20px;
    right: 24px;
    z-index: 99;
    background: #e1e1e1;
}
 .modal-backdrop {  z-index: 99999;}
 
 .festival-popup {    z-index: 999999;}
.festival-popup h2{font-size: 46px;font-weight: 300;letter-spacing: -2px;color: #404040;margin-bottom: 26px;}
.festival-popup h2 small{font-size: 50%;}
.festival-popup .festivalbox{display: -webkit-box;display: -ms-flexbox;display: flex; }
.festival-popup .festivalbox .festboxcol {width: 50%;}
.festival-popup .festivalbox .festboxcol.flcol{}
.festival-popup .festivalbox .festboxcol.frcol{}
.festival-popup .festivalbox .festboxcol h4{margin: 0 0 20px;position: relative;width: 80%;}
.festival-popup .festivalbox .festboxcol h4::before{content: '';position: absolute;width: 100%;height: 2px;top: 50%;left: 0;margin-top: -1px;background: #404040;}
.festival-popup .festivalbox .festboxcol h4 b{position: relative;display: inline-block;padding-right: 20px;background: #ffffff;font-size: 20px;color: #000;}
.festival-popup .festivalbox .festboxcol ul{margin: 0 0 30px;padding: 0;list-style: none ;}
.festival-popup .festivalbox .festboxcol ul:last-child{margin: 0px;}
.festival-popup .festivalbox .festboxcol ul h5{font-size: 18px;letter-spacing: 0;margin-bottom: 9px;color: #f9ba2f;text-align: left;     text-transform: capitalize;
    font-weight: 600;}
.festival-popup .festivalbox .festboxcol ul li{font-size: 17px;padding: 3px;font-weight: 500;color: #000;}
.festival-popup .festivalbox .festboxcol ul li b{color:#f9ba2f;}
  .festival-popup .modal-body,   .festival-popup .modal-header {
     padding: 50px;
}
 .festival-popup .modal-header {
     padding:30px 50px 0;
}
 .festival-popup .modal-content {     background: url(../images/cta-pater-bg.jpg) repeat;}
.projectBox h6 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 10px;
    display: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}
 
 .hOngoingsec.completedList { padding: 80px 0 150px;}
 .hOngoingsec.completedList .ProjectDec:after{background:none;}
 
 .navactive{ position: fixed;
    top:0;
    left: 0;
    width: 100%;
    margin: 0;
	    z-index: 1000;
	background:rgba(0,0,0,0.8);
 }
 
  #ongoinglistNav.navactive ul {
    margin: 0 auto;
}
.hOngoingsec.ongoingList  #ongoinglistNav.navactive ul li a.active {
    background: transparent;
    color: #f9ba2f;
}
.hOngoingsec.ongoingList #ongoinglistNav.navactive ul li a {
    background: transparent;
 color: #ffffff;}
.projectTapnav.fixed-header  #ds-sub-menu{  margin: 0 auto;}
.projectTapnav.fixed-header  ul{  margin: 0 auto; background:transparent;}
.projectTapnav.fixed-header ul li a { color: #fff; font-size: 14px;  text-transform: uppercase;  padding: 12px 10px;}
.projectTapnav.fixed-header ul li:after {   height: 20px;}
.mfp-bg {  z-index: 9999999 !important; }
.mfp-wrap{z-index: 9999999 !important;}

.hOngoingsec .ongoinglistNav  {
    position: relative;
    top: 0;
    transition: ease 0.3s;
}
.hOngoingsec.sticky .ongoinglistNav  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
     z-index: 100;
    transition: ease 0.3s;
}

 .hOngoingsec.sticky .ongoinglistNav ul{ width: 100%;  background: rgba(0, 0, 0, 0.8);  transition: ease 0.3s;}
  .hOngoingsec.sticky .ongoinglistNav ul{margin: 0 auto; border:none;  }
 .hOngoingsec.sticky.scrolling-up .ongoinglistNav{ padding: 100px 0 0;}
  .hOngoingsec.sticky .ongoinglistNav ul li a.active {  background: transparent;  color: #f9ba2f;}
    .hOngoingsec.sticky .ongoinglistNav ul li a.active:hover {
    background: #f9ba2f;
    color: #222;
}
  .hOngoingsec.sticky .ongoinglistNav ul li a {  background: transparent;  color: #ffffff;}
  .hOngoingsec.sticky .ongoinglistNav ul li a.active:after {
    background: #f9ba2f;
}
 .hOngoingsec.sticky .ongoinglistNav ul li a.active:after {
    content: '';   position: absolute;   bottom: 0;  width: 100%;   height: 7px;  left: 0; border:none;
}

.hOngoingsec.ongoingList .hongoingBottom .row{-webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;}
 
 
 
 
 
 .testimonialsOut .testimonialNav {
    position: relative;
    top: 0;
    transition: ease 0.3s;
}
.testimonialsOut.sticky .testimonialNav  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
     z-index: 100;
    transition: ease 0.3s;
}

.testimonialsOut.sticky .testimonialNav ul{ width: 100%;  background: rgba(0, 0, 0, 0.8);  transition: ease 0.3s;}
.testimonialsOut.sticky .testimonialNav ul{margin: 0 auto;     border: none;}
.testimonialsOut.sticky.scrolling-up .testimonialNav{ padding: 100px 0 0;}
  .testimonialsOut.sticky .testimonialNav ul li.active a {  background: transparent;  color: #f9ba2f;}
  .testimonialsOut.sticky .testimonialNav ul li.active a:hover {
   background: transparent;  color: #f9ba2f;
}
.testimonialsOut.sticky .testimonialNav ul li a {  background: transparent;  color: #ffffff;}
.testimonialsOut.sticky .testimonialNav ul li.active a:after {
    background: #f9ba2f;
}
.testimonialsOut.sticky .testimonialNav ul li.active a:after {
    content: '';   position: absolute;   bottom: 0;  width: 100%;   height: 7px;  left: 0; border:none;
}

 .widgetEnquireNow.makeavideoCall {
    right: -85px;
    top: 31%;
    background: #000; color:#fff;
}
 .widgetEnquireNow.makeavideoCall:hover {
   background: #c7921d; color: #323232;
}
 
.widgetEnquireNow  {
	position:fixed;
	right:-60px; top:55%;
    flex-basis: 80%;
    padding: 14px 20px;
    background: #b01717;
    text-transform: uppercase;
    color: white !important;
    font-size: 15px;
    color: #323232;
    font-weight: 600;
	    z-index: 9999;
    letter-spacing: 2px;
	    box-shadow: 0px 0px 0px 1px #ffffff;
	    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
.widgetEnquireNow:hover{background:#000; color:#fff;}
 body .modal {
    z-index: 999999;   
}
.uc{background:#fad02c;padding-bottom:80px;}

.trulivExCont{  padding: 80px 0;}
.trulivExContPoints{  padding: 80px 0;     margin: 0 0 80px;    background: #2f2d2e;   font-size: 16px;}
.trulivExContPoints h3{color: #fff;     font-size: 35px;  margin: 0 0 35px; }
.trulivExContPoints h4{color: #fff; padding: 0; margin:0; }
.trulivExContPoints p{color: #fff; padding: 0; margin:0;  opacity: 0.7;}
.trulivExContPoints img {
    margin-bottom: 10px;
    width: 150px;
}


.trulivExContPoints h3 {
    width: 100%;
    padding: 15px 30px 15px 30px;
     font-size:30;
    font-weight: 400;
    color: #3f3f3f;
    text-decoration: none;
    position: relative;
  
}
 
 
.trulivExContPoints h3 span {
    background: #2f2d2e;
    padding: 0 25px 0 0;
    z-index: 10;
    position: relative;
	    color: #f7b82f;
}

.trulivExContPoints h3:before {
    background: #f7b82f;
    Content: '';
    position: absolute;
    left: 0;
    width: 80%;
    left: 100px;
    height: 1px;
    top: 36px;
}

.homeBanner .dBan{display:block;}
		.homeBanner .mBan{display:none;}
 .trulivExContPoints .col-md-3{margin:0 0 30px;}
    .trulivExTitle{text-align: center;   margin: 0 0 45px;}
	 .trulivExTitle h2{ color:#000; font-size:50px; }
	 .trulivExTitle h3{ color:#000; }
	  .trulivExCont h3{ color: #000;}
	 .trulivExTitle p{    width: 80%;
	 margin: 0 auto;}
	 .ProtMobDetailban{display:none;}
	 .ProtMobDetailban img{width:100%;}
	 
 #homeUpcomingSlider .w-100 { object-fit: cover; height: 900px; }
 
 .newSpotSecTitle h2{margin:0 0 25px;}
 
 .aboutintroSec.award { background: #ffffff;}
 
 
.modal-open .modal{display:none;}
.modal-open .modal.show{display:block;}

.ThankContent{    text-align: center;
    padding: 80px 25px; font-size:22px;}
	
.innerBanner.tyouPageBan .tyouWebBan{display:block;}
 .innerBanner.tyouPageBan .tyouMobBan{display:none;}
 
 .hOngoingsec.upcoming .hongoingBottom .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

 .hOngoingsec.upcoming .hongoingBottom .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 15px;
}

.floorPlan .virtualtourBtn{display:none;}
 
.testimonialsOut.sticky .newsTopmenu ul li ul{position:fixed; width:100%; background:transparent; padding-bottom:0;  }
.testimonialsOut.sticky .testimonialNav ul li.active ul li a:after{display:none;}
.testimonialsOut.sticky .testimonialNav ul li.active ul li a{color:#fff;}
.testimonialsOut.sticky .testimonialNav ul li.active ul li.active a{color:#f9ba2f;}
.testimonialsOut.sticky .newsTopmenu ul li ul li a {  border-right: solid 1px #bd860b;  padding: 0px 20px;  }
.testimonialsOut.sticky .testimonialNav ul { background: #000; z-index:1000; max-width: 100%;}
.testimonialsOut.sticky .newsTopmenu ul li {  position: relative;   z-index: 10; }
 .testimonialsOut.sticky .newsTopmenu ul li ul li a {  border-right: solid 1px #c9c7c2;}
  .testimonialsOut.sticky .newsTopmenu.testimonialNav ul {   max-width: 100%;   padding: 0; display: -webkit-box;display: -ms-flexbox;display: flex;}
      .testimonialsOut.sticky .newsTopmenu ul.newsSubNav{ background: rgba(0, 0, 0, 0.8);}
 .testimonialsOut.sticky .testimonialNav ul.newsSubNav li.active a:after{display:none;}
 
 .yearNav .secNav{padding:0 0 60px;}
 .yearNav ul{  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    border-bottom: solid 1px #ccc;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    padding: 0 70px;}
 .yearNav ul li{ list-style:none;}
 .yearNav ul li a{ list-style:none; cursor:pointer; padding:5px 20px;  display: block;}
 .yearNav ul li a.active{ background:#f9bb31; color:#000 !important; font-weight:600;}
 
 .homeBanner.desBanner{display:block;}
 .homeBanner.mobBanner{display:none;}
 .homeBanner .carousel-indicators {
    bottom: 35px;  background: rgba(0, 0, 0, 0.7);  max-width: fit-content;    margin: 0 auto;   border-radius: 15px;  padding: 0 15px;
}
  .homeBanner .carousel-indicators li {  background-color: #fff;}
  
  .festival-popup.team h2 { margin-bottom: 0; }
   .festival-popup.team h5 { margin-bottom: 25px; }
    .teamPopup .teampopL{padding-right:25px;}
	 .teamPopup.festival-popup .modal-header {
    padding: 30px 50px 0;
    border: none;
}
 .teamPopup .teampopL .tImg{position:relative; margin:0 0 15px;}
.teamPopup .teampopL .tImg img {
    position: relative;  width: 100%; }
.teamPopup .teampopL .tImg:before {
    Content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/team-bg.jpg) no-repeat 0 bottom #fff;
	bottom:0;
    background-size: 100%;
   pointer-events: none;
}

 
.teamContentIn{ height: 430px;overflow-y: scroll; overflow-x: hidden;}
.teamContentIn::-webkit-scrollbar {width: 5px;	background-color: #F5F5F5;}
.teamContentIn::-webkit-scrollbar-thumb{	border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #a76a01;background-color: #fa8714;}

/* .upcoming .ProjectDec:after{background:none;} */
 
 .masterpieceProjectListBottom.priceList{display:none;}
 #contact-form select {
    word-wrap: normal;
    width: 100%;
    font-size: 15px;
	border:none;
}

.innerBanner {
  overflow: hidden;
}
.nrimdsec { padding:80px 0; position:relative; }
.nrimdsec .container{position:relative; z-index:10;}
 
.nrimdsec:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, #f3f3f3, transparent);
    pointer-events: none;
}
 .nrimdsec img {
    width: 100%;
    position: relative;
}
.nrimdsec h3 {
    font-size: 70px;
    color: #f9ba2f;
    letter-spacing: -3px;
    line-height: 80px;
	    margin: 0;
    padding: 0;
}
.nrimdsec h3  span {
    color: #1b1911;
}
.nrimdsec p {
     margin: 0 0 20px;
    padding: 0;
}
 .nrimdsec h5{
    font-size: 30px;
     color: #1b1911;
	    margin: 0 0 20px;
    padding: 0;
}
 .nrimdsec .tImg{position:relative;}
 .nrimdsec .tImg:before {
    Content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/team-bg.jpg) no-repeat;
    background-size: 100%;
     pointer-events: none;
}

 .nrimdsec .nrimdsecR{display: flex ;
    flex-direction: column;
    justify-content: center;
padding: 0 80px;}

.construct-update-tblock a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    letter-spacing: -1px;
    background: #303030;
    padding: 10px 15px;
    width: max-content;
    color: #ffffff;
    margin: 0 0 20px;
}
 .construct-update-tblock a img {
    width: 25px !important;
  filter: brightness(0) invert(1);
      mix-blend-mode: inherit !important;
    
}
 .construct-update-tblock a strong {
    padding-left: 10px;
}
.construct-update-tblock {
    margin: -86px 0 0 73px;
    width: max-content;
    position: relative;
    z-index: 100;
}
.milestoneOut .slick-track .slick-slide p { min-height:60px; }
     
	 .milestoneOut .slick-track .slick-slide:nth-child(even) p{ min-height:auto;}
.thanku .widgetEnquireNow{display:none;}
body.blog .media{padding:150px 0 0;}
.logoFlame{padding:80px 0 140px; position:relative;}
.logoFlame h3{color:#000; margin:0 0 20px; font-size:30px;}
.logoFlameL img{ width:100%;}
.logoFlameR {  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;}
			
.logoFlame:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, #f3f3f3, transparent);
    pointer-events: none;
}
.footer  { margin: 90px 0 0;
text-align: center; background:transparent !important;}
    .footer br{display:none;}
    .footer  h1{text-align: center;
	font-size:35px;
    margin: 0 0 20px;
    padding: 0;
    color: #000;
    font-weight: 600;}
	 .footer  h3{text-align: center;
    margin: 0 0 20px;
    padding: 0;
    color: #000;
	font-size:18px;
    font-weight: 600;}
body .single-box h2 {   font-size: 18px !important;   line-height: 25px;  height: 106px; }
body .bydra span {
    color: #b98411;
}

body .single-box {  min-height: 285px;  margin: 0 !important; }
body .single-box .img-area {
    width: 100%;
    float: none;
    margin: 0;
}
body .single-box .content {
    width: 100%;
    float: none;
      padding: 20px 11px;
}
body .single-box {
     min-height: auto;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border-radius: 0;
}
body .single-box a {
     text-align: center;
    border: 1px solid;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    padding: 15px 15px;
    background: #f9ba2f;
    text-transform: uppercase;
    font-size: 15px;
    color: #323232;
    font-weight: 600;
    letter-spacing: 1px;
}
body .single-box a:hover{   background:#000000; color:#fff; text-decoration:none;}
.recent_blog { margin: 0 0 20px; }
 
body .single-box img {
    width: 100%;
    object-fit: cover;
    height: 240px;
}
  body.blog  .list-wrapper .list-item {
        -ms-flex: 0 0 30%;
        -webkit-box-flex: 0;
        flex: 0 0 30%;
        max-width: 30%;
    }
	
	.single-box h2 br{display:none;}
	
	   .singleImg.yearNav {padding: 0;
    max-width: 100%;
    margin: 0 auto 40px;
	   }

.singleImg.yearNav h3 {
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.footerTop {
    padding: 0;
    margin: 0;
    text-align: left;
}
 body footer div {
 background-color: #040404;}
  
footer .container {
        text-align: left;
    }


body .completed_h1 {
     display: none;
}

.blogPodcast .podcastsTitle{text-align: center;
    padding: 40px 0;   font-weight: 500;
    font-size: 50px;}
 .blogPodcast .blogs h3 {
        text-align: left;
        font-weight: 500;
        line-height: 26px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
    }
	
.onloadPopup .modal-header {
    padding: 0 0 20px;
    border: none;
}

.onloadPopup.modal.fade .modal-dialog {
  transform: translateY(10vh);
}

.onloadPopup.modal.show .modal-dialog {
  transform: translateY(0);
}
.termsBanner{padding:130px 0 0;}
.termsBanner h1{color:#000; padding:0; margin:0;}

.termsSec{padding:40px 0 150px;     position: relative;}
.termsSec h5{padding:0; margin:0 0 25px; font-size:20px;}
 .termsSec p{padding:0; margin:0 0 20px; }
 .termsSec:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, #d9dadb, transparent);
    pointer-events: none;
}

.completedList .ProjectDec  {
padding: 30px 15px 30px;}

#contact-form .selldof_row .form-group {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 20px 25px;
    border: solid 1px #ccc;
    border-bottom: solid 4px #f9bb31;
}
.enquireFormPage .widgetEnquireNow{display:none;}
#enquirysecPage #contact-form{padding:0;}
#contact-form textarea.form-control  {
   height: 34px;  resize: none;
}
#contact-form  .selldof .title{display:none;}
#contact-form  .selldof .selldof_row:nth-child(3) {display: inline-block;   width: 50%; vertical-align:top;}
#contact-form  .selldof .selldof_row:nth-child(4) {display: inline-block;   width: 50%; vertical-align:top;}
#contact-form  .selldof .selldof_row:nth-child(5) {display: inline-block;   width: 50%; vertical-align:top;}
#contact-form  .selldof .selldof_row:nth-child(6) {display: inline-block;   width: 50%; vertical-align:top;}
#contact-form  .selldof .selldof_row:nth-child(2)  { width:50%; }
 #contact-form  .selldof .selldof_row:nth-last-child(2) .form-group  { display: block;}
  #contact-form  .selldof .selldof_row:nth-last-child(2) .form-group label { display: flex;  align-items: center;  font-weight: 500; margin:0 0 5px;}
#contact-form  .selldof .selldof_row:nth-child(7) .form-group  { display: block;}
#contact-form  .selldof .selldof_row:nth-child(7) .form-group label { display: flex;  align-items: center;  font-weight: 500; margin:0 0 5px;}
 #contact-form  .selldof .selldof_row:last-child .form-group { background: transparent; border:none;  padding: 20px 0;}
#contact-form  .selldof .selldof_row:nth-child(8) .form-group { background: transparent; border:none;  padding: 20px 0;}
 #contact-form  .selldof .selldof_row .btn {  background: #604e16; color: #fff; border:none; border-radius:0;  padding: 10px 25px;  
 text-transform: uppercase;  font-weight: 500;   letter-spacing: 3px;  font-size: 14px; }
 #contact-form  .selldof .selldof_row .btn:hover {   background: #c88b05;  color: #000; }
  #contact-form .selldof_col-lg-12 {   width: 100%;  padding: 0;  margin: 0; }
 
   #contact-form .selldof .help-block {
    display: block;
     position: absolute;
    bottom: -5px;
	width:100%;
}
  #contactBottom #contact-form .selldof .selldof_row .btn {   background: #f9bb31;  color: #000; font-weight: 500; }
 #contactBottom #contact-form .selldof .selldof_row .btn:hover {   background: #c88b05;  color: #000; }
 
   .hOngoingsec.completedList  .ProjectDec p{ margin:0 0 25px;}
.hOngoingsec.completedList  .ProjectDec a{   background: #f9bb31;
    color: #261b01;
    font-size: 14px;
    padding: 15px 25px;
    border: dotted 2px #ccc;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s ease;
letter-spacing: 1px;}
.hOngoingsec.completedList  .ProjectDec a:hover{ background: #000;   color: #fff;}
 .hOngoingsec.completedList  .gallary-Img {display:none;}
 
.sell_do_form_container .thankyou{ color: #ffffff;}
.blogform .sell_do_form_container .thankyou {
    color: #000;
}

#contactBottom .sell_do_form_container .thankyou {
    color: #000;
}
.grecaptcha-badge{display:none !important;}

.logoFlame p{margin:0 0 10px;}
#kenytChatBubble.style2 .kbubble-container .img-container img {
   border-radius: 100%;
}

.projectBtext{padding:10px 0; border-top: solid 1px #e8e8e8;  border-bottom: solid 1px #e8e8e8; min-height: 190px;}
	 .lppage .projectBox h6{ display:block;   background: red;  color: #fff;}
 .lppage .projectBox h6.preLaunch {
        background: #f9ba2f;
        color: #000000;
	  }
	  .lppage .ProjectDec {   padding: 30px 20px 0;}
	 .lppage .projectBox {  margin: 0 0 20px;}
	.lppage .syotimer__body {
    background: #f5f5f5;
    padding: 15px 0px 12px; border:none;}
		.lppage  .syotimerOut .meter_txt {   background: transparent;     text-align: left; }
	.projectBtext.mh100{min-height:100px;}
	.ontimecustomer .ontime{  background: #f9ba2f;}
	.lplatestblog{padding:80px 0; border-bottom: none !important;}
	.lplatestblog h2{margin:0 0 30px;  font-size: 60px;}
	 .price_table tr td{padding:0 10px;     font-size: 14px;}
 .price_table tr:nth-child(odd) {
  background-color:#ffffff;
}

  .price_table tr:nth-child(even) {
  background-color: #f9ba2f;
}
.container_width .content_replace h2 {
    font-size: 45px;
    line-height: 45px;
}
.properties_added{padding: 80px 0; border-bottom: solid 1px #858383;  background: #f1f1f1;  margin-top: 50px;}
.hongoingBottom.lppage {
   padding-bottom: 30px;
}
 .hongoingBottom.lppage .row{-webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;}
 .properties_added h2 {
    font-size: 45px;
    line-height: 45px;
}
.projectBtext.mh110 {
    min-height: 110px;
}
.projectdetText{border-top:solid 1px #ccc; padding:15px; margin:30px 0 0; text-align:left;}
.distinctiveDra .distiImg img{width:100%;}
.voiceBtn{
    position: fixed;
   left: -94px;
    top: 55%;
    flex-basis: 80%;
    padding: 5px 20px;
    background: #f9ba2f;
     z-index: 9999;
    letter-spacing: 2px;
    box-shadow: 0px 0px 0px 1px #ffffff;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
	display:none;
}
   .voiceBtn button{ border: none;
    background: transparent;
    text-transform: uppercase;
    font-size: 15px;
    color: #323232;
    font-weight: 600;
	}
	
	   .voiceBtn  #message { font-size: 14px;}
	    .view360  a {text-align: right;
    background: #333132;
	border:dashed 1px #f9ba2f;
      display: inline-block;
    color: #000;
    padding: 10px 20px 8px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:400;
	transition: all 0.5s ease;
		}  
		.view360 a img{ /*filter: brightness(0) invert(1);*/}
		 .view360 a:hover {  	border:dashed 1px #333132;
           background: #f9ba2f;
    color: #fff;
		 }
		 .view360 a:hover img{  filter: brightness(0) invert(1); }
.h100{min-height:100px;}

.widgetEnquireNow.nri {display:none;}

.nriTest .widgetEnquireNow{display:none;}
.nriTest .widgetEnquireNow.nri {display:block;}


  .nriTest .MobileOngoing {   display: none !important;  }
 .nriTest  .mobileProjectnav {   display: none !important;  }

 .nriTest .MobilepBtn ul li{display:none;}
 .nriTest .MobilepBtn ul li:first-child {
        width:100% !important;
        margin: 0 10px 0 0;
		display:block;
    }
	 .nriTest .MobilepBtn ul li:first-child a{padding:10px 0;}
	 .nriTest  .mobileSticky {    display: none;  }
	#nrienquiryModal .modal-header {
    padding: 0 50px 0;
    border: none;
}
	#nrienquiryModal #enquirysecPage {
    padding: 0;
    /* background: url(../images/enquire-banner-bg.jpg) no-repeat; */
    position: relative;
    background-size: cover;
    background: transparent;
}
#nrienquiryModal #enquirysecPage:after{display:none;}
	 
	.page.nriTest header.fix_header {  text-align: center; }
	
	.page.nriTest .footerBottom .copyRight .open a {
     margin: 0 auto;
    position: relative;
      max-width: max-content;
}
.page.nriTest .footerBottom .copyRight {  text-align: center;}

.page.nriTest .sell_do_form_container .thankyou {
    color: #000;
}
.page.nriTest .sell_do_form_container .disclaimer {
    padding: 0;
}

.page.nriTest header.fix_header .navbar-brand img {
         padding: 0 !important;
    }
	
	.page.nriTest.thanku .widgetEnquireNow.nri{display:none;}
.page.nriTest .share-button {  display: none; }
.shareimg {
        position: relative;
    }
.shareimg	#custom-tooltip { margin-left: 0;}

.virtualTourVideo .modal-header {
    padding: 3px 0 10px;
    border: none;
}
.virtualTourVideo .modal-body {
       padding: 0 0 10px;
}
  .viewer__iframe { 
            width: 100%; 
            height: 100%; 
          }  
 
          iframe { 
            border: none; 
          } 
 
          .viewer { 
            overflow: hidden; 
            height: 45rem; 
          } 
 
          @media (max-width: 1600px){ 
            .viewer { 
              height: 35rem; 
              width: 100%; 
            } 
          } 
 
          @media (max-width: 767px){ 
            .viewer { 
              height: 40rem; 
              width: 100%; 
            } 
          } 
 
          @media (max-width: 750px){ 
            .viewer { 
              height: 33rem; 
              width: 100%; 
            } 
          }    

 @media (max-width:1780px){
	 .amenitiesL {
    padding: 0 4% 0 17%;
}
	 .amenitiesL p {    width: 95%; }
	 body {  font-size: 15px;   line-height: 24px; }
	 header.fix_header .navbar .navbar-collapse .navbar-nav li a {  font-size: 14px;  }
	header.fix_header .navbar .navbar-collapse .navbar-nav li a {  font-size: 16px; letter-spacing: 5px; }
  .typeListOut .container {  left: 16%; }
   .bannerContent h2 { font-size: 102px;}
    .comTitle {   font-size: 78px;  line-height: 76px;  }
   .counterBox span { font-size: 80px;}
  .homeBanner {   height: auto; }
  .newSpotSec h4 {  font-size: 22px;  line-height: 30px;  }
  .hIntroBottom {  width: 64%; }
  .hIntroBottom h3 {  font-size: 23px;   line-height: 23px; }
  .bannerContent h2 span.ourText:after {   left: 37px;   bottom: -28px;  background-size: 28%; }
  .bannerContent h2 span.YourText {  font-size: 14px;  left: 47px;   top: -36px;}
  .bannerContent h2 span.ourText {  font-size: 15px;   top: -76px;   left: 47px; }
  .typeListOut .container {   left: 13%;  }
  .homeupcomingTap ul li a { font-size: 18px;}
  .testimonialSlide h3 {  font-size: 60px;  line-height: 60px;}
  .testimonialSlide h5 {  font-size: 25px;}
  .ourFoundation h3 {  font-size: 80px;}
  .hMenuL ul li a {  font-size: 50px;}
  .hMenuL ul li ul li a {  font-size: 14px;}
  .hMenuR ul li a {   font-size: 20px;  line-height: 21px;}
  .side-menu-section .sm-social-sec .followUsIn {  margin: 0 auto 30px;}
  .hMenuL ul li a {   margin: 0 0 20px;}
  
   .testimonialSlide .slick-prev {  bottom: 95px;}
		  .testimonialSlide .slick-next{  bottom: 72px;}
		  .ctaSectionTop h2 {   font-size: 107px;}
		  .mediaspotSec a {  padding: 35px 25px 30px;   min-height: 146px; }
		  .milestoneOut:after {    top: 45%;  height: 216px; }
		  .milestoneOut h4 { margin: 0 0 5px;}
	 .newSpotSec h4 { font-size: 20px; line-height: 24px; }
	 .locateProjectList ul li {  font-size: 17px; }
 }
 
   @media (max-width:1680px){
	       .newSpotSec h4 {   font-size:18px;    line-height: 24px;  }
     .ctaSectionTop h2 {   font-size: 104px;   background-size: 8%;  background-position: 40px 0;  letter-spacing: -8px;  padding: 32px 0;  }
   .mediaspotSec a { padding: 35px 28px 30px;  min-height: 146px;}
			      .grahapravesamTop {
        padding: 0 0 0 60px;
    }
	.grahapravesamBottom {
        padding: 0 0 0 150px;
    }
	.grahapravesamSec h2 {   font-size: 80px; line-height: 79px; }
	.innerbannerContent h1 {   font-size: 50px;  }
	.nri .innerbannerContent h1 {   font-size: 70px;  }
	.innerbannerContent p { font-size: 20px;}
	.projectintroSec.overview .container:before { right: -10%;   width: 255px;  top: 25%; }
	.aboutintroSec {  background: url(../images/about-intro-bg.jpg) no-repeat 60% bottom; }
	.NriDra .whyDraR img {    width: 138%; }
	header.fix_header .navbar-brand img {   width: 150px; }
	.logoFlameL img {   width: 80%;  margin: 0 auto; }
   }
   
 
 
 
  @media (max-width:1600px){
 .bannerContent h2 { font-size: 90px; }
 .bannerContent {   left: 3%; }
 .bannerContent h2 span.YourText {  left: 40px;  top: -32px;  }
     header.fix_header .navbar .navbar-collapse .navbar-nav li a {    font-size: 14px;  letter-spacing: 3px; }
	 .bannerBottomTag {   font-size: 14px; }
	 .homeUpcomingSlider .hps-caption p {   font-size: 15px;}
	.homeUpcomingSlider .hps-caption h2 img{ width: 180px;}
	.homeUpcomingSlider .hps-caption ul li a {   font-size: 13px; }
	.homeupcomingTap ul li a {   font-size: 15px;  }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu {   width: 700px; }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu:before { left: 53%;}
	.bannerContent h2 span.YourText {    left: 39px;  top: -32px;  padding: 0 6px; }
	.bannerContent h2 span.ourText:after {  left: 32px;   bottom: -32px; background-size: 25%;  }
	.bannerContent h2 span.ourText {   font-size: 12px;   top: -67px;   left: 39px;  }
	.typeListOut .container h3 { font-size: 34px;}
	.typeListOut .container h6 {  font-size: 16px;}
	.typeListOut .container h5 {  font-size: 14px;   top: 55px;}
	.readBtn { padding: 12px 25px;}
	.ongoinglistNav ul li a { font-size: 16px;}
	.ProjectDec p a { font-size: 14px;}
	.projectintroSec h2 {  font-size: 95px; }
	 .projectTapnav.fixed-header ul li a {  font-size: 13px;   padding: 12px 7px; }
	 .projectdetailbanner .syotimer-cell__unit { font-size: 15px; }
	 .syotimer-cell {  padding: 0px 15px;}
	 .locationmapleft {   padding: 50px 50px 0 5%; }
	   .locationmapList {    overflow: auto;  height: 500px; }
	 #enquirysecPage.joinUs.contact h3 {
    font-size: 59px;
	 line-height: 67px;}
	     #enquirysecPage {  padding: 100px 8% 110px 0;}
		  #homeUpcomingSlider .w-100 { object-fit: cover; height: 800px; }
		  .homeUpcomingSlider .hps-caption {  top: 4%;}
 .hIntroBottom {   width: 60%; }
 .newSpotSec {  background: url(../images/ ) no-repeat 88% 0;         background-size: cover;}
 .festival-popup .festivalbox .festboxcol ul li {
 font-size: 14px;}
 #joinUs .container {
        padding-right: 3%;
    }
	.bannerContent {  top: 226px;}
	.bannerContent h2:last-child {
    left: 50%;
    margin: 8% 0 0;
}

.floorPlan .secNav a { font-size: 17px; }
.projectintroSec.floorPlan h3 {   font-size: 15px;  line-height: 22px; }
.floorPlan .resp-vtabs .resp-tabs-list li {   font-size: 15px;}
    .ctaSectionTop h2 { font-size: 95px;}
	.ctaSectionTop h2 strong:after {  bottom: 10px;}
	.ctaSectionTop h2 span:after {   bottom: 14px;}
	.widgetEnquireNow {  top: 58%;}
	.NriDra .whyDraR img {
    width: 130%;
}
.locationmapSec .accordion h4 {  font-size: 17px;}
.bannerBrochure .wthroBtn {
     padding: 16px 60px 16px 0;
}
body .buzz {
    font-size: 50px !important;
    line-height: 50px;
 }

  }
  

  
    @media (max-width:1480px){
		body .distinctiveTop h3 {
    font-size: 20px;
    margin: 0 0 10px;
}
		.blogPodcast .col-md-3 {   gap: 25px;   display: flex;   margin: 0 0 20px;  }
		body {   font-size: 15px;    line-height: 24px;  }
  header.fix_header .navbar-brand img {   width: 150px; }
  .typeListOut .container {    left: 5%;   }
  .newSpotSec h4 {    font-size: 25px;  line-height: 32px; }
  .counterBox span {  font-size: 70px;   }
  #counter .counterBox sup {  font-size: 16px; }
  .comTitle {   font-size: 65px; line-height: 70px;  letter-spacing: -3px;  }
  .container {  max-width: 1280px; }
.menu-hamburger h5 {  font-size: 12px;}
.a-section-marquee-box h2 {   font-size: 130px;  line-height: 160px;}
.b-section-marquee-box h2 {   font-size: 130px;  line-height: 130px;}
.ourFoundation {  font-size: 22px;}
header.fix_header.sticky .navbar .navbar-collapse .navbar-nav li a {  font-size: 12px;  letter-spacing: 4px; }
.ctaSectionTop h2 {   font-size: 86px;   background-size: 8%;     background-position: 40px 0;     letter-spacing: -6px; }
.ctaSectionTop h2 strong:after {  left: 4px;}
.ProjectDec h2 {  font-size: 30px; }
.ProjectDec h3 {  padding: 0 0 0 22px;   font-size: 18px; background: url(../images/l-icon.png) no-repeat;   background-size: 3%; }
.ProjectDec ul li span {  font-size: 17px;}
.homeUpcomingSlider .hps-caption h2 img {  width: 40%;  }
 	.homeUpcomingSlider .hps-caption {  padding: 31px 30px 50px;}
	.ctaSectionBottom h3 {  font-size: 90px;  line-height: 86px;}
	.ctaSectionBottom h3 span {   font-size: 17px;   line-height: 17px;   top: -14px; }
	.ctaSectionBottom a {  padding: 16px 30px;}
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li a {  font-size: 13px;}
	    .ourFoundation {   font-size: 20px; }
	 .hOngoingsec .col-md-6 {   padding: 0 120px 0 15px; }
	     .ProjectDec p a {  font-size: 12px; }
		 .ongoinglistNav ul li a {  font-size: 13px;   }
		 .ProjectDec p a {  font-size: 12px;   padding: 10px 0;  }
		 .syotimer-cell {  font-size: 19px;}
		 .syotimer-cell__unit {  font-size: 12px;}
		 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .viewAll a { font-size: 13px;}

   .hOngoingsec .col-md-6 {  -ms-flex: 0 0 33%;  -webkit-box-flex: 0; flex: 0 0 33%;   max-width: 33%; }
  .hOngoingsec  .ProjectDec h2 {   font-size: 25px;  }
     .hOngoingsec .col-md-6 {  padding: 0 10px 0 15px;  }
	.ProjectDec h3 {   font-size: 11px;  padding: 4px 0 0 22px;  }
	.ProjectDec ul li span {  font-size: 14px;  }
	.ProjectDec ul li span small {  font-size: 11px; }
	.ProjectDec h4 {   font-size: 15px;  }
	 .ProjectDec {  padding: 25px 14px 0;}
 .ProjectDec p a {    font-size: 10px;}
  .syotimer-cell__unit {  font-size: 10px;  }
	.syotimer-cell {  font-size: 14px;  padding: 0px 7px;   line-height: 19px;  }
	.syotimerOut .meter_txt {  font-size: 11px;}
	.syotimerOut .meter_txt {   line-height: 12px;}
	.ctaSectionBottom {  background-size: 144%; }
	 .innerbannerContent h1 {   font-size: 42px;}
	.nri .innerbannerContent h1 {   font-size: 60px;  }
	.innerbannerContent p {  font-size: 18px;}
	.aboutintroTop h5 {  font-size: 20px;}
	.aboutintroSec {  background: url(../images/about-intro-bg.jpg) no-repeat 45% bottom; background-size: 100%; }
	.projectTapnav ul li a {  font-size: 12px;}
	.projectTapnav.fixed-header ul li a {   font-size: 12px;    padding: 12px 7px;  }
	.projectoverviewDetailTop h5 {  font-size: 15px;}
	.locationmapSec .accordion h4 {   font-size: 18px;}
	    .syotimer-cell {   font-size: 14px;    padding: 0px 10px;}
		.contactusSec .contacttop ul li a {  font-size: 19px; }
					.contactusSec h2 {  font-size: 105px;}
					.careerJoinDra h3 {  font-size: 110px; }
					.projectBox img { height: 241px;}
					.grahapravesamSec h2 {  font-size:50px; line-height: 54px;  letter-spacing: -2px; }
					.grahapravesamSec {  background: url(../images/grahapravesam-bg.jpg) no-repeat;  padding: 69px 0 80px 0; }
					.NriBenefitsL img{width:100%;}
					.NriBenefits h3 {  font-size: 65px;}
					    .grahapravesamSec {  background: url(../images/grahapravesam-bg.jpg) no-repeat -96px 0;  padding: 69px 0 154px 0;}
						.grahapravesamBottom ul li h3 {
						font-size: 50px;}
						.grahapravesamBottom ul li h3 span {  font-size: 13px;}
						.grahapravesamTop {  padding: 0 0 0 60px;}
						.grahapravesamBottom {  padding: 0 0 0 150px;}
						.NriTopL p {  font-size: 18px;  line-height: 30px; }
						.bannerTime h4 b { padding: 20px 15px;  }
						  #homeUpcomingSlider .w-100 { object-fit: cover; height: 700px; }
						  .bannerTime h4 b { padding: 16px 24px;  } 
						  
					.testimonialNav ul li a {   padding: 15px 24px;  font-size: 13px;}
					.newsTopmenu ul.newsSubNav li a {  padding: 3px 24px; }
					.projectintroSec.overview .container:before {  right: -6%;  width: 248px;  top: 26%; }
					header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu { left: -305px;}
					.bannerTime h4 { font-size: 23px;}
					.projectoverviewDetailTop h3 { font-size: 30px;}
					.locateProjectList .left ul li:nth-child(2) {  left: -117px; }
					.projectTapnav ul li {  padding: 0 12px;}
					    .locationmapList {  height: 470px; }
						.masterpieceProjectListBottom h3 {  font-size: 55px; line-height: 55px;}
						.testimonialContent .col-md-4 img {  height: 355px; }
						.testimonialContent .row {  padding: 0 60px; }
							.grahapravesamSec {  padding: 69px 0 263px 0; overflow: hidden;         background: url(../images/grahapravesam-bg.jpg) no-repeat -180px 0;
        background-size: cover; }
		.grahapravesamTop p br{display:none;}
	.masterpieceProjectList { overflow: hidden; }
	.widgetEnquireNow.makeavideoCall {  right: -85px; }
	
	}
	
	    @media (max-width:1440px){
		 .comTitle {  font-size: 60px;  line-height: 65px;}	
		 .ProjectDec h4 small {  font-size: 12px; }
		 .ProjectDec h4 {  font-size: 25px; }
		 .ProjectDec h3 {   font-size: 15px;}
		   .testimonialSlide h3 {  font-size: 55px;  line-height: 55px; }
		   .testimonialSlide h5 {   font-size: 20px;  }
		   .bannerContent h2 {   font-size: 80px;  }
		   .bannerContent {  top: 250px;}
		       .bannerContent h2 span.ourText:after {   left: 30px;   bottom: -33px;   background-size: 23%;  }
	.bannerContent h2 span.ourText {  font-size: 11px;   top: -60px;  left: 37px; }
	.bannerContent h2:last-child {  left: 47%;}
	.bannerBottomTag {   font-size: 12px;  }
	.homeUpcomingSlider .hps-caption {  right: 9%;}
	    .newSpotSec h4 {  font-size: 20px;  line-height: 28px;}
		.mediaspotSec h2 span {  font-size: 17px;  top: -5px;}
		.footerTop ul li a {  font-size: 13px;}
		footer h3 { font-size: 18px;}
		.footerBottom .copyRight ul li a {   font-size: 13px; }
		.footerBottom .copyRight {  font-size: 13px;}
		.testimonialSlide .tMiddle {   height: 550px;}
		 .testimonialSlide .slick-prev {  bottom: 119px;}
		  .testimonialSlide .slick-next{  bottom: 95px;}
		header.fix_header .navbar-brand img {  width: 105px; }
		.ProjectDec h4 {   font-size: 18px;  }
		.ProjectDec h3 {  font-size: 12px;  }
		    .ctaSectionTop h2 {  background-position: 60px 0;}
			.projectTapnav.fixed-header ul li a {  font-size: 11px;  padding: 12px 3px;  }
			.projectintroSecRcontet {  font-size: 19px; }
			.projectintroSecRcontet h6 {  font-size: 19px; }
			.projectintroSec h3 {  line-height: 34px;   font-size: 28px; }
			.projectintroSecRcontet p { margin: 0 0 30px;}
			.projectdetailbanner .syotimer-cell { font-size: 22px; }
			.projectdetailbanner .syotimer-cell {  padding: 0px 15px;}
			    .projectintroSec h2 {  font-size: 85px; line-height: 75px;  }
				.bannerBrochure a {  padding: 14px 0;   font-size: 13px;}
				header .dropdown-toggle::after {  top: 5px;}
				.projectintroSec h2.pcTitle {   font-size: 65px;   line-height: 65px; }
				.whyDetailR .item {  margin: 0 25px 0 0;}
				.locationmapSec .accordion_content ul li {  font-size: 14px; }
				.projectintroSec.Amenities .slide p {   font-size: 18px;  line-height: 23px;}
				    .projectintroSec h3 {    line-height: 30px;   font-size: 24px;  }
					.uf-close-slider:before {  width: 50.58px;  height: 50.82px;}
					.amenitiesL {  padding: 0 4% 0 13%; }
					.projectintroSec.Amenities .owl-nav {  left: -80%;}
					.bannerBrochure a {   padding: 10px 0;  font-size: 13px;}
					.contactusSec .contacttop ul li a {  font-size: 16px; }
					.contactusSec h2 {  font-size: 105px;}
					.careersTitleTop .col-md-2 img {  width: 71%;  float: right; }
					.careerJoinDra .item {  margin: 0 50px 0 0;}
					   #joinUs .container{ padding-right: 17%;}
					   #joinUs.joinUs .container{ padding-right: 0;}
					   .Construction .verticalTab {  padding: 0 0 0 7%; }
					   .testimonialContent h3 { font-size: 17px;}
					   .hOngoingsec.sticky.scrolling-up .ongoinglistNav {  padding: 86px 0 0; }
					   .testimonialsOut.sticky.scrolling-up .testimonialNav {  padding: 86px 0 0; }
					   .clientzone h3 {    font-size: 60px;   line-height: 60px; }
					   .awardBox .tText h3 {   font-size: 20px;}
					   .awardBox .tText p {  font-size: 16px;}
					   .bannerTime h4 b { padding: 16px 15px;  } 
					.testimonialNav ul li a {   padding: 15px 18px;  font-size: 13px;}
					.newsTopmenu ul.newsSubNav li a {  padding: 3px 18px; }
					.bannerBrochure .wthroBtn {   padding: 15px 50px 14px 0; }
					
		.innerBanner img {  padding: 32px 0 0;	}	
 
#join-form .half-col {  padding: 20px 15px;	}	
.widgetEnquireNow {
        top: 62%;
    }
	.NriDra .whyDraR img {
    width: 127%;
    margin-left: -60px;
}
.NriDra .whydraTitle {   margin: 0 0 35px 0;}
.NriDra .aboutintroBottom .item { width: 42%;     padding: 20px 0 20px 0;}	
.NriDra .aboutintroBottom .item img {
width: 40px;}	
.NriBenefits {
    padding: 80px 0 40px;
}
.milestoneOut .slick-next {  left: calc(81% + 2.3vw); }
.milestoneOut h3.smallSize {  font-size: 44px;  padding: 20px 0; }
.milestoneOut .slick-track .slick-slide:nth-child(even) {  top: 305px;}
 .milestoneOut h3 { font-size: 80px; }
 .projectTapnav.fixed-header .container img {   width: 115px; }
 .logoFlameL img {
    width: 85%; margin:0 auto 30px;
}
.homeBanner img {  height: 94vh; }
 }
		
		 
	
    @media (max-width:1380px){	
	.aboutintroBottom .item img {  width: 42px;}
	   body {   font-size: 13px;  line-height: 20px;  }
	 .container {  max-width: 1200px;  }
  header.fix_header .navbar .navbar-collapse .navbar-nav li a {  font-size: 11px;  }
	 .bannerContent h2 {  font-size: 60px;  }
	 .bannerContent {   top: 280px; }
	 .bannerContent h2 span.YourText {  left: 25px; top: -23px;   padding: 0 3px;   font-size: 9px; }
	 .bannerContent h2:last-child {     left: 75%;   margin: 8% 0 0; }
	     .bannerContent h2 span.ourText {
        font-size: 9px;
        top: -45px; padding: 3px 2px 0 3px;
        left: 27px;
    }
	.bannerContent h2 span.ourText:after {
        left: 22px;
        bottom: -35px;
        background-size: 19%;
    }
	.headerTop {  padding: 3px 62px 3px 0;}
	.headerTop ul li {  font-size: 12px;}
	header.fix_header .navbar .navbar-collapse {   margin: 17px 0 0;}
    .menu-hamburger {    padding: 0;    top: -40px;  height: 103px;    right: 0; }
	    .menu-hamburger h5 {  font-size: 10px;  }
		.menu-hamburger .menu-open-button { width: 37px;  height: 50px;}
		.headerTop {   padding: 3px 50px 3px 0; }
	header.fix_header .navbar {  padding: 0 25px 0 20px;}
	.menu-hamburger.menuClose .closeBtn {  font-size: 9px;}
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu li a {   font-size: 12px;  }
	.homeupcomingTap ul li a {    font-size: 11px;  }
	.homeUpcomingSlider .hps-caption ul li a {  padding: 9px 17px;}
	 .typeListOut .container h3 {    font-size: 30px;  }
	 .typeListOut .container h5 {  font-size: 13px;   top: 50px; }
	.typeListOut .container h6 {   font-size: 14px;  }
	.comTitle {  font-size: 50px;   line-height: 55px;  }
 .newSpotSec h4 {  font-size: 18px;   line-height: 27px;  }
.readBtn {  font-size: 13px;}
.ViewAllBtn a {   font-size: 12px;}
.testimonialSlide h3 {  font-size: 40px;  line-height: 40px;  }
.testimonialSlide h5 {     font-size: 16px;  }
.testimonialSlide .knowMore {  font-size: 12px;}
.a-section-marquee-box h2 {  font-size: 115px;  line-height: 130px;   }
	.b-section-marquee-box h2 {  font-size: 115px;  line-height: 130px;  }
	.gReview .col-md-8 img{width: 45%;}
	.gReview .col-md-2 img{width: 70%;}
	.ourFoundation h3 {  font-size: 70px; }
	.ctaSectionTop h2 {   font-size: 77px;}
	.ctaSectionBottom {    background: url(../images/cta-img.jpg) no-repeat 80% bottom;  background-size: 136%;}
 .hMenuL {  padding: 30px 45px;}
 .hMenuL ul li a {  font-size: 40px;  }
 .hMenuL ul li ul li a {  font-size: 10px;  font-weight: 600;  }
 .hMenuL ul li ul li a:before {  top: 9px; }
 .side-menu-section .sm-social-sec .followUsIn a {   width:30px;  height: 30px;}
 .side-menu-section .sm-social-sec .followUsIn a { line-height: 20px;   font-size: 13px; }
 .hMenuR ul {   padding: 42px 0px 20px;}
 .hMenuL ul li ul {  margin: 0 0 20px;}
 .hMenuL ul li {  margin: 0 0 20px;}
 .hMenuR ul li a {   font-size: 17px;  line-height: 21px;  padding: 6px 0px;}
 .homeUpcomingSlider .hps-caption ul li a {    font-size: 12px;   }
 .bannerContent {   left: 6%;  }
 .ctaSectionTop h2 strong:after {  left: 7px;  bottom: 6px;}
.ctaSectionTop h2 span:after {  bottom: 10px;}
.homeUpcomingSlider .hps-caption {   width: 440px;}
.projectTapnav.fixed-header.scroll-down {  top: 88px; }
.rli_slider_wrapper {  left: 100px; }
.locationmapSec .accordion h4 {  font-size: 16px;}
.locationmapSec .accordion_intro img {   width: 40px; }
    .locationmapList {   height: 420px;  }
	    .projectintroSec h2.pcTitle { font-size: 50px; line-height: 55px;}
.projectoverviewDetailBottom ul {  padding: 19px 5px;}
.innerBanner{overflow:hidden;}
.innerBanner img {  width: 100%; }
.innerbannerContent {  width: 55%;}
.innerbannerContent p {  width: 80%; }
.form-control {  font-size: 12px;}
.innerBanner.nri .innerbannerContent {
    top: 192px;
}
.bannerTime h4 b {
padding: 13px 15px;}
.contactusSec .contacttop ul li a {
        font-size: 15px;
    }
	.contactL {
    font-size: 18px;
    line-height: 28px;
}
.contactR {
  font-size: 18px;
    line-height: 28px;
}
    .newSpotSec {
                background: url(../images/ ) no-repeat 80% 0;
				        background-size: cover;
        padding: 80px 0 136px;
    }
	.syotimer__body {  padding: 12px 0px 12px;}
	.floorPlan .fSlideRight ul li {  font-size: 13px; }
	.projectintroSec.floorPlan .carousel-container .counter {  left: 72%;}
	.widgetEnquireNow { right: -30px;  padding: 8px 10px;   font-size: 12px;}
	.projectdetailbanner .col-md-6:last-child {  padding-right: 45px; }
	#join-form label {  font-size: 13px;}
	#join-form .form-control {  font-size: 13px;}
	#join-form .intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 13px;
}
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a h4 {
font-size: 14px;}
 
.masterpieceProjectListBottom a {  padding: 12px 20px;}
.gReview .col-md-2 a {  padding: 10px 20px;}
.widgetEnquireNow.makeavideoCall {   right: -64px; top: 33%;}
.widgetEnquireNow {   top: 59%; right: -42px;  }
 .milestoneOut h3.smallSize {  font-size: 40px;  padding: 20px 0;  }
 .homeBanner img { height: 88vh; }
     .testimonialNav ul li a {   padding: 15px 17.8px;}
	     .floorPlan .resp-vtabs .resp-tabs-list li {   font-size: 13px;  }
		 .projectdetailbanner img {  width: 140px;}
		 .projectdetailbanner .yellow-bg {   font-size: 14px;}
		     .side-menu-section .sm-social-sec .followUsIn { margin: 0 auto; }
			 .hMenuR ul {   margin: 0 auto 22px;  }
			 .testimonialSlide span {  top: 40px; }
			 #enquirysecPage .col-md-7 { padding: 50px 40px; }
			 .projectintroSec.Amenities .owl-nav {
    bottom: -9px;
}
 }
 
 
 
   @media (max-width:1280px){
	       .menu-hamburger {  right: 0px;  }
 .projectTapnav.fixed-header ul li a {   font-size: 10px;  padding: 12px 3px;  }
 	   .clientzone h3 {    font-size:50px;   line-height: 50px; }
	   .teamBox .tText p {  font-size: 17px;}
	   .teamBox .tText h3 {  font-size: 23px;}
	   .teamBox {  -webkit-box-flex: 0;  flex: 0 0 29.333333%;    max-width: 29.333333%; }
  .milestoneOut .slick-track .slick-slide p { font-size: 13px;  width: 100%; }
  .milestoneOut h3 {  font-size:65px;}
  .milestoneOut .slick-prev{left:84%;}
  .milestoneOut .slick-next {  left: calc(85% + 2.3vw); }
  .milestoneOut:after {  height: 200px; }
  .milestoneOut h2 span {  font-size: 26px;  line-height: 25px; }
  .gReview .col-md-2 a {  padding: 10px 20px;}
  .projectintroSec.overview .container:before {  right: -4%;  width: 248px;  top: 26%; }
  .contactL img {  width: 30px; }
    .contactR img {  width: 30px; }
	.contactusSec .contacttop h3 { font-size: 30px;}
	.ctaSectionBottom h3 {   font-size: 70px;   line-height: 65px;   letter-spacing: -4px;    }
	.ctaSectionBottom h3 span {  top: -5px; }
  }
 
 
  @media (max-width:1200px){
	      .ProjectDec h3 {
        padding: 2px 0 0 22px;
    }
	      .mtestiImgSlide .tslide span {    right: 15px;  top: 20px;  }
		  #counter .counterBox sup {  top: -23px;}
   .NriTop #counter .counterBox sup {  top: 40px; }
 .bannerContent h2:last-child {  left: 75%;  margin: 18% 0 0;   }
	    .homeUpcomingSlider .hps-caption p {   font-size: 13px;  }
		.typeListOut .container {  left: 2%;  }
		.container {   max-width: 90%;  }
		     .counterBox span {  font-size: 60px; }
				    .counterBox span {  font-size: 48px;  letter-spacing: -3px; }
					    .hOngoingsec .col-md-6 {    -ms-flex: 0 0 45%;   -webkit-box-flex: 0;   flex: 0 0 45%;   max-width: 45%;  }
	.newSpotSec { background: url(../images/ ) no-repeat 82% 0;
        background-size: cover;}
	.hIntroBottom {    width: 58%;  }
		.footerBottom .copyRight ul li a {  font-size: 11px; }
		 header.fix_header .navbar .navbar-collapse .navbar-nav li {   padding: 0 14px; }
		  .projectdetailbanner .syotimer-cell {   padding: 0 13px;   font-size: 18px; }
	  .bannerBrochure a {   padding: 12px 0;   font-size: 11px;  }
	  .counterBox.single small {   margin: 0 0 28px; }
	  .bannerBrochure .wthroBtn {  background-size: 21%; }
	      .projectdetailbanner .syotimer-cell__unit {   font-size: 13px;  }
 .innerbannerContent h1 {   font-size: 40px;  }
 	.nri .innerbannerContent h1 {   font-size: 50px;  }
     .innerbannerContent p {   font-size: 15px;   }
	 .vissionSec h3 {  font-size: 125px;  line-height: 111px; }
	 .visionBox .visionText span {
    line-height: 25px;
    font-weight: 300;
    font-size: 19px;
}
.milestoneOut {  padding: 80px 0 140px 6%;}
.milestoneOut h2 {   width: 50%; }
.milestoneOut h2 {   font-size: 80px; line-height: 65px;}
.milestoneOut .slick-next {     left: calc(85% + 2.3vw); }
.milestoneOut h3 {  font-size: 55px;}
.innerbannerContent {   top: 95px;}
.counterBox {  margin: 0 0 70px;  text-align: center;}
.gReview .col-md-2 a {  padding: 10px 11px;}
 .testimonialSlide .tMiddle {  height: 490px;  margin: 0; }
 .ctaSectionTop h2 span:after {    bottom: 8px; }
   .projectTapnav .container{  max-width: 100%;  padding: 0;}
  .projectTapnav ul{ padding: 0 25px;}
  .projectoverviewDetailTop .nBlock {  font-size: 13px; }
  .projectoverviewDetailTop h3 {  font-size: 38px;}
      .projectoverviewDetailTop h5 {  font-size: 13px;   }
	  .projectTapnav.fixed-header .container img {  width: 120px; }
   .gReview .col-md-2{padding:0;}
   .projectdetailbanner .meter_txt {   font-size: 14px; }
   .projectTapnav ul li {   padding: 0 12px;}
       header.fix_header.sticky .navbar .navbar-collapse .navbar-nav li a { font-size: 11px; letter-spacing: 4px;  }
	   .projectintroSecRcontet p {  line-height: 26px; }
	       .ctaSectionBottom {   background-size: 163%; }
		   .ourFoundation h3 {  font-size: 60px;  }
		       .ctaSectionBottom h3 {  font-size: 80px;  line-height: 76px;  }
			       .ctaSectionBottom h3 span {   margin:0 0 0 15px;}
				   .milestoneOut .slick-track .slick-slide p { font-size: 13px;  line-height: 16px;  width: 95%; }
				   .milestoneOut .slick-track .slick-slide:nth-child(odd) {  min-height: 350px; }
				   .milestoneOut .slick-track .slick-slide:nth-child(even) {  top: 310px;}
				   .b-section-marquee-box h2 {   font-size: 105px;  line-height: 130px; }
	.a-section-marquee-box h2 {  font-size: 105px;  line-height: 115px; }
	.aboutintroBottom {  width: 80%;}
	.aboutintroBottom .item {   width: 39%;   margin: 0 20px 0 0; }
	.aboutintroBottom .item img {   width: 43px;}
	.milestoneOut:after {  top: 42%;}
	.milestoneOut .slick-track .slick-slide:nth-child(odd) { min-height: 372px;  }
	.milestoneOut:before {  top: 52%;}
	.testimonialContent.textBox .col-md-4 {  margin: 0 10px 40px;}
	.careerJoinDra .item {  width: 42%;}
	.careerJoinDra .item:nth-child(3n+3) {  margin: 0 60px 0 0; }
  .comTitle {    font-size: 48px;   line-height: 55px; }
      .innerbannerContent h1 { font-size: 40px;    line-height: 57px;  }
	  	.nri .innerbannerContent h1 { font-size: 45px;    line-height: 57px;  }
	  .careerJoinDra {  padding: 50px 50px 0;}
	  .Construction .resp-vtabs .resp-tabs-list li { font-size: 19px;}
	  .Construction .homeLoanPartner ul li {  font-size: 38px;}
#enquirysecPage .col-md-7 {
    padding: 30px 33px;
}
#enquirysecPage {
        padding: 97px 8% 72px 0;
    }
	    #enquirysecPage.joinUs.contact h3 {
        font-size: 52px;
        line-height: 54px;
    }
	.testimonialContent .col-md-4 {
    -ms-flex: 0 0 29.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 29.333333%;
    max-width: 29.333333%;
}
.awardBox {   flex: 0 0 29.333333%;
max-width: 29.333333%;}
    .contactusSec .contacttop ul li a {
        font-size: 13px;
    }
	.contactusSec .contacttop {
    padding: 80px 21px;}
	.testimonialSlide .slick-prev {
        bottom: 88px;
    }
	.testimonialSlide .slick-next {
        bottom: 66px;
    }
	.testimonialNav ul li a {
        padding: 15px 10px;
        font-size: 12px;
    }
	.newsTopmenu ul.newsSubNav li a {
         padding: 3px 13px;
    }
	    .locationmapList {  height: 370px;  }
		 .projectintroSec.overview .container:before { display:none; }
		 .Specifications .accordion-section-title.active { font-size: 25px;}
		 .ctaSectionTop h2 {  font-size: 65px;   letter-spacing: -5px;  }
		 .NriBenefitsIn .item {  width: 45%; margin: 0 15px 0 0;}
		 .NriBenefitsIn .item h4 {   padding: 0;  font-size: 17px; }
		 .NriBenefitsIn .item img {   width: 30px;}
		     .NriTopL p {  font-size: 15px;  line-height: 27px;  }
			 .NriTopR {  margin: 0 0 0 -23px; }
			 .NriTopR img{width:100%;}
			 #contact-form .half-col {  display: table-row;}
			 #contact-form .form-control {  padding-left: 0; }
			 #contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, 
			 #contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], 
			  #contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {    padding-left: 84px; }
    .grahapravesamSec h2 {    font-size: 42px;    line-height: 40px;}
	.grahapravesamTop {  padding: 0 0 0 114px; }
	.grahapravesamBottom ul li {  margin: 0 40px 26px 0;}
	.grahapravesamTop {
        padding: 0 0 0 66px;  }
	 .locateProjectList ul li span {  font-size: 19px;}
	.bannerBrochure .wthroBtn {   padding: 12px 50px 12px 0;  }
	.projectoverviewDetailTop .col-md-4 img {   height: 115px; }
	.whyDetailR .item {  margin: 0 18px 0 0;  width: 46%; }
	.whyDetailR {  padding-top: 0; }
	.whyDetailR .item img {  width: 38px;  margin: 0 0 10px; }
	    .locationmapSec .accordion_content ul li {    font-size: 12px;}
		    .locationmapSec .accordion h4 {   font-size: 14px;  }
			    .masterpieceProjectListBottom h3 {  font-size: 45px; line-height: 45px;  }
				.masterpieceProjectListBottom .col-md-2 {  padding:0; margin:0; }
				.masterpieceProjectListBottom a {  padding: 12px 5px; }
				    .aboutintroSec {
        background: url(../images/about-intro-bg.jpg) no-repeat 64px bottom;
        background-size: 100%;
    }
	.NriDra .whyDraR { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.NriDra .aboutintroBottom .item .col-md-2 {
    vertical-align: top;
    display: block;
    width: auto;
margin: 0;}
.NriDra .aboutintroBottom .item {
    width: 48%;
    padding: 20px 0 20px 0;
    margin: 0 8px 0 0;
}
.NriDra .aboutintroBottom .item h4 { font-size: 20px;}
.NriDra { padding: 40px 0 0; }
.nrimdsec h3 {  font-size: 50px;  line-height: 55px;}
.nrimdsec h5 {  font-size: 25px;}
.nrimdsec .nrimdsecR {   padding: 0 45px; }
.bannerBrochure .wthroBtn.banenquirebtn {  padding: 12px 20px;}
.Specifications .accordion img {  width: 120px; }
.Specifications .col-md-2 {  font-size: 13px; }
.Specifications .accordion-section-title.active:before { top: 41px; }
.Specifications .accordion h4 { font-size: 14px; }
header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu {
        left: -217px;
    }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu:before {
        left: 40%;
    }
	.festival-popup h2 small { display: block; }
	.festival-popup h2 {   font-size: 40px;}
	 #contact-form .selldo-intl-tel-input.allow-dropdown input, #contact-form .selldo-intl-tel-input.allow-dropdown input[type=text], #contact-form .selldo-intl-tel-input.allow-dropdown input[type=tel], #contact-form .selldo-intl-tel-input.separate-dial-code input, #contact-form .selldo-intl-tel-input.separate-dial-code input[type=text], #contact-form .selldo-intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;  padding-left: 52px;}
	#contact-form .selldof .selldof_row:nth-last-child(2) .form-group label {  font-size: 13px; }
	.awardBox .tText h3 {  font-size: 16px;  }
  }
  
  
   @media (max-width:1100px){
	   .NriTop #counter .counterBox sup {
    top: 50px;
}
	       .projectoverviewDetailTop h3 {   font-size: 30px;  }
		   .projectoverviewDetailTop .apartments {  font-size: 13px; }
  .bannerContent h2:last-child {  left: 54%;}
  .typeListOut .container h5 {  top: 64px;  width: 123px; }
  .typeListOut .container {  left: 7%;  }
  .newSpotSec {
        background: url(../images/ ) no-repeat 98% bottom;
                padding: 80px 0 236px;
        background-size: 125%;
		        position: relative;
    }
	    .hIntroBottom {  width: 71%; }
	
	.newSpotSec:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        top: 324px;
        left: 0;
        background: linear-gradient(to top, transparent, #ffffff 100%);
        pointer-events: none; }
	    .testimonialSlide .tMiddle { height: 452px;  margin: 0;  }
		    .testimonialSlide h3 {  font-size: 30px;  line-height: 30px;  }
			    .testimonialSlide h5 {   font-size: 13px;   }
				   .testimonialSlide .slick-prev {
        bottom: 88px;
    }
	.testimonialSlide .slick-next {
        bottom: 66px;
    }
						    .ourFoundation h3 {   font-size: 47px;  letter-spacing: -1px; }
							.ourFoundationBottom {   padding: 0 0 80px 100px; }
							.ctaSectionTop h2 {    font-size: 95px;  }
							    .ctaSectionTop h2 span:after {   bottom: 6px; }
								    .ctaSectionTop h2 strong:after { left: 3px;  bottom: 3px; }
									.ctaSectionBottom h3 {   font-size: 60px;   line-height: 54px;  letter-spacing: -5px; }
									.ctaSectionTop h2 {  letter-spacing: -3px;   font-size: 55px; }
									.ctaSectionBottom h3 span { font-size: 13px;    margin: 0 0 0 15px;  line-height: 14px;  top: -6px;  }
								    .ctaSectionBottom {
        background: url(../images/cta-img.jpg) no-repeat 80% bottom;
        background-size: 156%;
         padding: 180px 0 125px 40px;
    }
	.mediaspotSec a {  padding: 35px 17px 30px; }
	.mediaspotSec .arrow {  right: 15px;}
	.mediaspotSec .arrow span {  width: 15px;  height: 15px;}
								    .projectTapnav ul {  padding: 0 18px;   border-radius: 0; margin:0;   }
									.projectintroSec {  margin: 0;}
									    .projectdetailbanner .syotimer-cell {   padding: 0 11px;}
									.container {   max-width: 95%;  }
									.projectTapnav ul li a {  font-size: 11px;  }
									.whyDetailR .item {   margin: 0 16px 0 0;  width: 43%;  }
									.whyDetailR .item img {   width: 32px;}
									.whyDetailR .item h4 {   font-size: 20px;}
									.projectTapnav.fixed-header ul li a {  font-size: 9px;  padding: 12px 0;}
									.projectdetailbanner .yellow-bg span {  font-size: 14px; }
									    .locationmapleft {   padding: 50px 25px 0 2%;  }
 									    .locationmapSec .accordion_content ul li {   font-size: 12px;   line-height: 16px; }
 .projectTapnav.fixed-header ul {
    margin: 0;
    background: transparent;
    margin-bottom: 0;
    float: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 0 20px;
}
    .projectTapnav ul li {
        padding: 0 12px;
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
         flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
    }

 
 .projectTapnav ul{margin: 0;
	 padding:0 0 0 20px;
    float: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
	  -ms-flex-pack: distribute;  justify-content: space-around;
     -webkit-overflow-scrolling: touch;}
	
	.projectTapnav ul li{ display: flex;
    display: -webkit-box;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: none;
    flex: none;
    max-width: unset;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    opacity: unset;
	        padding: 0 15px;}
	.rli_roam_km .rli_rkm_title {
    font-size: 90px;}
	.page header.fix_header .navbar .navbar-collapse .navbar-nav li a {
    font-size: 11px; 
}
   header .dropdown-toggle::after {
        top: 3px;
    }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a h4 {
    font-size: 13px;}
	    header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu:before {
        left: 49%;
    }
    .hOngoingsec .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .menuList {
    padding: 0 30px 30px;}
.locationmapList {  height: 300px; }
    .amenitiesL {   padding: 0 8% 0 8%;   }
 .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-prev, .projectintroSec.Amenities .owl-carousel .owl-nav button.owl-next {
     width: 48px;  height: 48px;}
	.projectintroSec.Amenities .owl-nav {    left: -92%;   bottom: 18px;  display: block !important;  }
	.projectintroSec.Amenities .slider-counter {    bottom: 88px; }
	.projectintroSec h3 {  line-height: 22px;   font-size: 20px;  }
	.Specifications .accordion img {  width: 116px; }
	.contactusSec h2 { font-size: 90px;}
	.Construction .verticalTab {  padding: 0 0 0 8%; }
	.Construction .resp-vtabs ul.resp-tabs-list {  padding: 0;}
	.bannerBrochure .wthroBtn{    padding: 12px 40px 12px 0;}
	.bannerBrochure .wthroBtn.banenquirebtn {  padding: 11px 20px;}
	.projectoverviewDetailTop .col-md-4 img {  height: 120px; }
	.projectTapnav.fixed-header .container img {   width: 85px;   padding-left: 10px;  }
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu { left: -292px;}
 .Construction .resp-vtabs .resp-tabs-list li {    font-size: 15px; }
 .projectintroSec.Construction .owl-nav {  display: block !important; }
 .projectintroSec.Construction .owl-carousel .owl-nav button.owl-prev, .projectintroSec.Construction .owl-carousel .owl-nav button.owl-next {  width: 50px;  height: 50px;}
 .vissionSec h3 small{ font-size: 30px;  margin-left: 0;  margin-top: -19px;    display: block;}
 header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu { left: -225px;  width: 585px;  }
 .teamBox .tText p {  font-size: 14px;   }
 .teamBox .tText h3 {    font-size: 18px;  }
	.teamBox .tText a {  font-size: 11px;}
	header.fix_header .navbar .navbar-collapse .navbar-nav .nav-item-dropdown .nav-item-dropdown-menu .col-md-4 a p {
    font-size: 12px;}
	.bannerBrochure a {   padding: 12px 0;   font-size: 10px; }
	.testimonialSlide img {  object-fit: contain;  height: 425px; }
	.testimonialSlide span {  top: 11px;   right: 34px; }
	    .NriBenefitsL img {  object-fit: cover;   height: 596px; }
		.innerBanner.nri img {   margin-left: -61px;  }
	.mediaspotSec a h3 {  font-size: 15px;}
	  	
  }
  
  
   @media (max-width:1050px){
      .testimonialNav ul li a { padding: 12px 9px;   font-size: 11px;  }
	  .newsTopmenu ul.newsSubNav li a {  padding: 3px 35px; }
	      .newsTopmenu.testimonialNav ul.newsSubNav {  -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
	.homeBanner img {  height: 68vh; }
	    .innerbannerContent h1 {    font-size: 40px;  line-height: 45px; }
		.nri .innerbannerContent h1 { font-size: 45px;    line-height: 57px;  }
		    .bannerBrochure .wthroBtn.banenquirebtn {  padding: 12px 20px;   }
			    .projectintroSec h2 {   font-size: 64px; line-height: 71px;  }
				.projectintroSec h3 {  line-height: 27px;  font-size: 20px;  }
				.breadcrumbs {  width: 90%;}
				    .innerBanner img {  width: 120%; }
					.breadcrumbs ul li {  font-size: 11px;}
					header .dropdown-toggle::after {  top: 4px;  }
					    .widgetEnquireNow {   right: -43px;}
						.testimonialContent .col-md-4 img {  height: 310px;  }
						    .NriBenefitsIn .item {   flex-direction: inherit;  }
							    .testimonialSlide img {  height: 375px;  }
								.homeBanner img {  height: 77vh;  }
							
	
								
						   
   }
   
   @media screen and (max-width: 1024px) and (min-height: 1366px){
	    .homeBanner img {  height: 46vh;  }
}
  
     @media (max-width:1000px){
		 .fslpPageOut{overflow:hidden;}
.container_width {
    width: 90% !important;
    margin: auto;
}
.laContentent{ padding: 0 20px !important;}
.find h2 {
font-size: 18px !important;}
.laContentent .find h2 br { display:none;}
.laContentent .col-2 {
    padding: 0;
    margin: 0;
}
.LpPageTopTitle {
    text-align: center;
    padding: 78px 0 28px;
}
    .users {
	font-size: 22px;}
		 .footerBottom .copyRight ul {
       display: block;
    }
		 .innerBanner.termsBanner {
        padding: 80px 30px 60px;
        margin: 0;
        position: relative;
        overflow: hidden;
        background: none;
    }
	.termsSec {
    padding: 40px 30px 150px;}
		 
	#kenytChatBubble { display: block; bottom: 160px !important;   z-index: 999 !important;  }
	    .widgetEnquireNow {  top: 45%;}
	    .NriBenefitsL img {
        object-fit: cover;    height: auto;  width: 88%;  }
		 .ctaSectionTop h2 {   background-position: 0 17px;  }
		     .ctaSectionTop h2 {   letter-spacing: -3px;   font-size: 50px; }
		 header.fix_header .navbar {   height: 68px;  }
  .headerTop {   display: none;  }
  .bannerContent h2:last-child {  left: 179px;  }
  .typeListIn {  padding: 16px 30px 43px; }
  .navbar-light .navbar-toggler {   display: none;  }
  .collapse:not(.show) {   display: block;  }
   .menu-hamburger {    padding: 0;   top: 0;   height: auto;   background: transparent; }
	.menu-hamburger h5 {
        display: none;
    }
	.collapse:not(.show) .navbar-nav{display:none;}
header.fix_header {  width: 100%; background:#373536; height:65px;   position: fixed;}
header.scroll-up {
    transform: translateY(0%);
    transition: ease 0.3s;
}
header.fix_header.sticky .navbar-brand img {
    width: 77px;
    padding: 0;
}
header.fix_header.sticky {   background: #373536;}
.navbar-light .navbar-brand {  margin: 0;  padding: 0; }
 body .mlogo{display:block;}	
  body .dlogo{display:none;}
  .menu-hamburger {   top: 6px;   right: 30px;   }
  .menu-hamburger.menuClose {  right: 30px; }
      .hOngoingsec .col-md-6 {  -ms-flex: 0 0 50%;  -webkit-box-flex: 0;   flex: 0 0 50%;   max-width: 50%;  }
	  
	      .MobileOngoing {
        display: block;
        position: absolute;
        right: 80px;
        top: 8px;
	   text-transform: uppercase;
    background: #fbb614;
    color: #000;
		padding: 10px 15px;}
	 .bannerBottomTag {
        font-size: 13px;
        bottom: 45px;
    }
	.typeListOut .container h3 {
        font-size: 23px;
    }
	    .typeListOut .container h5 {
        top: 55px;  }
		.homeUpcomingSlider .carousel-control-prev {
    width: 40px;
		height: 40px;}
		.homeUpcomingSlider .carousel-control-prev-icon {   width: 10px;  height: 10px;}
		.homeUpcomingSlider .hps-caption {
        width: 340px;
        top: 0;
    }
	.homeUpcomingSlider .hps-caption {
        padding: 18px 30px 50px;
    }
	    .homeUpcomingSlider .hps-caption p {
        font-size: 13px;
        line-height: 16px;
    }
	.homeUpcomingSlider .carousel-control-next {
   width: 40px;
		height: 40px;
}
.homeUpcomingSlider .carousel-control-next-icon {   width: 10px;  height: 10px; }
.homeUpcomingSlider .carousel-control-next { padding: 2px 6px 0 0; }
.homeUpcomingSlider .carousel-control-prev { padding: 2px 0 0 4px; }
  .counterBox span {  font-size: 45px;  letter-spacing: -3px;  }
  .milestoneSec {  padding: 100px 0 37px;}
  .testimonialSlide .tMiddle {
        height: 342px;
    }
	.testimonialSlide h5 {   margin: 0 0 15px;}
	.footerBottom .copyRight ul li a {
        font-size: 10px;  }
  .footerBottom .copyRight {   font-size: 11px;  }
 #homeUpcomingSlider{display:none;}
  .homeBanner {   background-size: 100%; }
  .homeBanner img {  object-fit: cover;  height: 58vh; }
  header.fix_header .navbar-brand img {  width: 83px;   }
      .widgetEnquireNow.makeavideoCall {    right: -79px;}
   .bannerContent {  display: block;}
       .bannerContent h2:last-child {    left: 10px;}
	 .menu-open  .mobileProjectnav{  z-index: 9;  }   
	.menu-open .mobileSticky {  z-index: 9;  }   
	.menu-open  .MobileOngoing   {display:none;}
	   	.menu-open header.fix_header {   background: transparent;}
		    .projectTapnav.fixed-header.scroll-down { top: 64px;  }
	 .projectdetailbanner .syotimer-cell {     padding: 0 8px;  }
	.projectdetailbanner .meter_txt {    font-size: 13px;  }
.projectdetailbanner .col-md-6 {   -ms-flex: 0 0 100%;    -webkit-box-flex: 0;  flex: 0 0 100%;   max-width: 100%;   margin: 0 0 20px;}
    .bannerBrochure a {    padding: 13px 0;   font-size: 13px;  }	
	.projectTapnav.fixed-header { top: 64px;}
		.page header.fix_header {
   background: #373536;
 }
 
.innerBanner {
    padding: 0 0 0 40px;
    margin: 0;
    position: relative;
    overflow: hidden;
}
    .innerbannerContent h1 {
        font-size: 36px;
        line-height: 49px;
        letter-spacing: -1px;
    }
	.nri .innerbannerContent h1 { font-size: 36px;  line-height: 49px;  }
	.hOngoingsec.ongoingList {
    padding: 40px 35px 150px;
}
    .syotimer-cell {
        font-size: 14px;
        padding: 0px 8px;
    }
	.ProjectDec:after {
    width: 55px;  height: 55px;}
	.hOngoingsec .ProjectDec h2 {  font-size: 22px;  }
.innerBanner img {  padding: 0;   margin: 0 0 0 -466px;   width: 165%;
}

    .testimonialContent.textBox .col-md-4 {
        margin: 0 17px 40px;
        -ms-flex: 0 0 45.333333%;
        -webkit-box-flex: 0;
        flex: 1 0 45.333333%;
        max-width: 45.333333%;
    }
.careerJoinDra .item img {
width: 42px;}
.careerJoinDra .item h4 {  font-size: 19px;}
.aboutintroSec.careers {  padding: 80px 0 280px;}
.cultureSec .list li {   width: 250px;  margin-right: 10px;}
.cultureSec .list li img {   width: 100%; }
.cultureSec .list li:before {  right: 28px;  top: 33px;}
    .careerJoinDra h3 {    font-size: 88px;  }
	.cultureSec h3 {  font-size: 80px; }
	.currentOpenings ul li h3 {  font-size: 20px; }
	.currentOpenings ul li h3 span {  font-size: 17px;}
	.currentOpenings ul li span { font-size: 50px;}
	.currentOpenings ul li a {  width: 95%;}
	.currentOpenings {   padding: 80px 0 120px;}
	#joinUs .container {  padding-right: 0; }
	.gReview .col-md-2 a {  padding: 10px 7px;    font-size: 12px; }
	.mediaspotSec a { padding: 35px 18px 30px; }
	.mediaspotSec a h3 {  font-size: 15px;}
	.mediaspotSec .arrow {   width: 40px;  height: 40px;}
	.mediaspotSec p {  width: 95%;}
	.mediaspotSec .arrow {   width: 30px;  height: 30px;  right: 26px;}
	    .innerBanner.nri img {
       width: 130%;  }
	.NriTopR img{ width: 100%;   }
	    .NriTopL p {   font-size: 16px;   line-height: 30px;   }
	    .NriTopL p br { display:none;  }
		.NriBenefits .row {   flex-direction: column; }
		.NriBenefitsL{order:2;         -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%; }
		.NriBenefitsR{order:1;width: 100%;  -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;}
		    .hOngoingsec.ongoingList {  padding: 40px 0 150px;  }
			.masterpieceProjectListTop h2 { font-size: 139px;}
		 .grahapravesamSec .col-md-5{display:none;}
		     .grahapravesamSec {
        background: #ebb436;
        padding: 0;
		        overflow: hidden;
		
    }
	.masterpieceProjectList {
      overflow: hidden;
}
.masterpieceProjectList .col-md-10{-ms-flex: 0 0 65.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 65.333333%;
        max-width: 65.333333%;}
.masterpieceProjectList .col-md-2{ -ms-flex: 0 0 30.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 30.333333%;
        max-width: 30.333333%;}
	.clientzone h3 {
    font-size: 50px; line-height: 57px; }
	.ourFoundation {
        font-size: 17px;
    }
	  .mtesticontent h3{  font-size: 50px;
	  color: #000;}
	.grahapravesamSec .col-md-5 {
        display: block;
        order: 2;
		 -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	  .grahapravesamSec  .col-md-7 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
		  background: url(../images/grahapravesam-bg-m.jpg) no-repeat 0 bottom;
		  background-size:100%;
		          padding: 89px 0 0;
    }
	    .grahapravesamBottom {
        padding: 0;
    }
	.grahapravesamSec .col-md-5 img{display:block; width:100%;}
	.locateProjectList ul li span {  font-size: 17px;}
	.grahapravesamBottom ul li {  width: 39%;}
	.locateProjectList .right ul li:nth-child(1) {
    left: 0;
}
.locateProjectList .left ul li:nth-child(2) {
left: 0;}
.locateProjectList .left ul li:nth-child(4) {
left: 0;}
.locateProjectList .right ul li:nth-child(3) {
left: 0;}
.locateProjectList .left ul li:nth-child(1) {
    left: 172px;
}
.projectdetailbanner {
padding: 130px 40px 80px;}
    .projectintroSec h2 {  font-size: 66px;  }
	.projectintroSecRcontet h6 {
        font-size: 16px;
    }
	.projectoverviewDetail {  padding: 80px 30px 120px;}
	.projectoverviewDetailTop .nBlock {   font-size: 11px;  padding: 4px 11px; }
	    .projectoverviewDetailTop h3 {   font-size: 22px;  }
		.projectoverviewDetailTop .apartments {  font-size: 13px; }
		.projectoverviewDetailBottom ul li a {  font-size: 13px;}
		.owl-carousel .owl-item img {  width: 92%; }
		
  .projectdetailbanner {
        padding: 130px 40px 80px;
    margin: 0;
    background: url(../images/skylantis-mob-ban-img.jpg) no-repeat 0 0;
    background-size: cover;
}

.projectdetailbanner.beecloverBanner{ background: url(../images/clover-mob-ban-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodel-inara-ban{ background: url(../images/inara-mob-ban-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodet-delite-ban{ background: url(../images/delite-mob-ban-img.jpg) no-repeat 0 0;     background-size: cover;}
.projectdetailbanner.prodtl-avalon-ban{ background: url(../images/avalon-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-infinique-ban{ background: url(../images/infinique-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-harmony-ban{ background: url(../images/harmony-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.ProDet-trinity-ban{ background: url(../images/trinity-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodet-truliv-ban{ background: url(../images/truliv-porur-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.ProDet-jayam-ban{ background: url(../images/jayam-mob--img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodet-bliss-ban{ background: url(../images/bliss-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
.projectdetailbanner.prodel-urbania-ban{ background: url(../images/urbania-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}
 .projectdetailbanner.ProDet-polaris-ban{ background: url(../images/polaris-mob-ban-img.jpg) no-repeat 0 0;    background-size: cover;}


  .mtestiImgSlide {  padding: 0 0 0 100px; }
	    #enquirysecPage .col-md-7 {
        padding:35px;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	#enquirysecPage:after { width: 100%;}
    #enquirysecPage .col-md-5 {
        display:none;
    }	
	#enquirysecPage {
        padding: 97px 50px;
    }
	    .testimonialContent .col-md-4 {
        -ms-flex: 0 0 44.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 44.333333%;
        max-width: 44.333333%;
    }
	.teamBox .tText p {
        font-size: 14px;
    }
	.teamBox .tText {  padding: 18px;     min-height: 115px;}
	.teamsec {  padding: 150px 30px;}
	.contactL {  padding: 0 7px; font-size: 16px;  line-height: 24px;}
	.contactR {  padding: 0 7px; font-size: 16px;  line-height: 24px;}
	.joinUs.contact h3 {
    font-size: 50px;
    line-height: 54px;}
	#contactBottom .col-md-5 {
        -ms-flex: 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
		#contactBottom .col-md-7 {
        -ms-flex: 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.joinUs.contact {
    background: #f6f6f6;
    padding: 80px 20px 140px;
}
.contactusSec .contacttop h3 {
    font-size: 22px;
}
  	.contactL img{  width: 25px;
}
.contactR img{  width: 25px;
}
.contactusSec .contacttop .clickHere a {  font-size: 12px;}
.floorPlan .resp-vtabs .resp-tabs-list li {
        font-size: 12px;
        line-height: 16px;
    }
	.projectdetailbanner .col-md-6:last-child {  text-align: left; }
	.projectTapnav.fixed-header ul li a {   font-size: 12px;  }
	.projectTapnav.fixed-header .container img {   display: none;  }
	.floorPlan .secNav a {  font-size: 14px;  padding: 2px 15px; }
	  .bannerContent {   top: 80px;  }
	 .bannerContent h2:last-child {  margin: 6% 0 0; }
	 .counterBox small {  font-size: 14px; }
	 .ProjectDec h4 {  padding: 15px 18px; font-size: 15px;}
	    .projectTapnav ul li a {  font-size: 13px; } 
.aboutintroTop h5 {   font-size: 17px;   line-height: 28px;  }	
.aboutintroBottom .item h4 { font-size: 20px;}
 .testimonialsOut.sticky.scrolling-up .testimonialNav { padding: 64px 0 0;  }
 .testimonialsOut.sticky .testimonialNav{ padding: 64px 0 0;  }
 .vissionSec h3 {  font-size: 110px; line-height: 111px; }
 .milestoneOut .slick-prev { left: 84%; }
 .milestoneOut .slick-next {  left: calc(86% + 2.3vw);  }
 .testimonialSlide .slick-prev {  left: 33%;}
 .testimonialSlide .slick-next { right: 33%;}
 .testimonialSlide .slick-next { bottom: 57px;  }
 .testimonialSlide .slick-prev { bottom: 82px;  }
 .widgetEnquireNow {  right: -57px;  font-size: 13px; padding: 8px 20px;}
 .testimonialContent p:last-child {  font-size: 12px; }
 .testimonialContent p {  font-size: 14px; }
 .grahapravesamBottom ul {  margin: 0 0 0 56px;}
  .comTitle {  font-size: 40px;  line-height: 45px;        letter-spacing: -1px;  }
      .ourFoundationBottom {
        padding: 0 0 80px 56px;
    }
  .cultureSec .list li:after {  width: 84%;  height: 80%;}
#join-form .half-col {  display: inline-grid; }
    #contact-form .full-col {
        display: flow;
    }
#join-form .form-control {  padding: 5px 0; }
#join-form label {  width: max-content; }
#join-form .form-control.phone{   padding-left: 84px; }
#contact-form .half-col {  display: flow; }
#contact-form .form-control {   padding: 5px 0; }
#contact-form .form-control.phone{   padding-left: 84px; }
.modal-body {
    padding: 15px;
}
body .intl-tel-input .selected-flag {  padding: 0; }
    body {  font-size: 15px;}
	
	.newsTopmenu ul:before{}
	 .newsTopmenu.testimonialNav ul {
        margin: 0;
        padding: 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-overflow-scrolling: touch;
		
    }
	.newsTopmenu.testimonialNav ul {  max-width: 100%;}

	.newsTopmenu.testimonialNav ul li {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0;
    }
	.testimonialsOut.sticky .newsTopmenu.testimonialNav ul {  padding: 5px 0;}
	.newsTopmenu.testimonialNav ul.newsSubNav {
        margin: 0;
        padding: 10px 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-overflow-scrolling: touch;
   }
	
		.newsTopmenu.testimonialNav ul.newsSubNav ul.newsSubNav li {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0; }
	
 .newsTopmenu { overflow: hidden; }
 
  .newsTopmenu.testimonialNav ul.newsSubNav {  -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
	 
 .testimonialsOut.sticky .newsTopmenu ul li ul {  padding-bottom: 12px; padding-top: 108px;   padding-left: 0; }
	.testimonialsOut.sticky .newsTopmenu ul:after {  bottom: 0;  background: #f5f5f5;     border-bottom: solid 1px #ccc;}
	.testimonialsOut.sticky .testimonialNav ul li.active ul li a {  color: #000000; }
	     .newsTopmenu ul {  padding: 0 0 45px 20px;}
	
       .testimonialNav ul li a {   padding: 13px 15px;   font-size: 11px; }
	   .bannerBrochure .wthroBtn {
    padding: 12px 60px 9px 15px;
}
.locationmapSec{  padding: 0;}
.projectoverviewDetailTop .col-md-4 img {
    width: auto;
    height: 75px;
}
.bannerTime h4 {  font-size: 23px;}
.locationmapList {
padding: 17px;}
.locationmapSec .accordion h4 {   font-size: 15px;  }
    .NriDra .aboutintroBottom {
        display: grid;
        padding: 0 0 0 80px;
    }
    .NriDra  .whyDraL{  max-width: 100%;}
     .NriDra .whyDraR {max-width: 100%;  -webkit-box-pack: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        -webkit-box-align: space-around;
        -ms-flex-align: space-around;
        align-items: space-around; }
		.NriDra .whyDraR img {  width: 85%;  margin-left: 0; }
		.hOngoingsec.completedList {  padding: 80px 40px 150px; }
		.locationmapleft {
        padding: 35px 25px 0 2%; }
 }
 
 
 
    @media (max-width:860px){
	
		.MobileOngoing{	display:block; position: relative;
    right: 65px;
    top: 15px;
		}
		.testimonialsOut {
        overflow: hidden;
    }
		 .testimonialsOut {  padding: 80px 25px; }
							    .testimonialContent .row {  padding: 0 40px;}
		header.fix_header .navbar-brand img {
        width: 90px;
    }
	    .homeBanner img {
         height: 57vh;
    }
		.projectdetailbanner .col-md-6:first-child {
    padding-left: 13px;
}
		    .testimonialNav ul li a {
        padding: 13px 24px;
        font-size: 13px;
    }
	.testimonialsOut .testimonialNav {   padding: 0 3% 30px; }
		.newsTopmenu.testimonialNav ul.newsSubNav {
         -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-overflow-scrolling: touch;
   }
		    .hOngoingsec.ongoingList {
        padding: 40px 30px 150px;
    }
	 body { font-size: 15px;}	
 .bannerContent {
        top: 115px;
    }
 .mobileProjectnav{   display: block;
        background: #2a2a2a;
        color: #fff;
        position: fixed;
        width: 100%;
        bottom: 88px;
        border-radius: 0 0 35px 35px;
		padding: 8px 45px;
         z-index: 9999;}
   .mobileProjectnav ul{padding: 8px 50px;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;}
		    .mobileProjectnav ul li {
        list-style: none;
        border-right: solid 1px #ccc;
        padding: 0 65px;
    }
	.testimonialsOut {
    padding: 80px 30px 249px;
}
    .visionBox .visionText span {
        line-height: 21px;
        font-weight: 300;
        font-size: 14px;
    }
	 .mobileProjectnav ul li:last-child{border-right: none;}
		.mobileProjectnav ul li a{color:#fff; text-transform:uppercase; }
		  .mobileSticky li {
        list-style: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;}
    .mobileSticky {
        display: block;
       color: #2a2a2a;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 1009;
		 padding: 30px 0 0;
		
 }
    
	.mobileSticky:before{ Content: '';  position: absolute;  left: 0;  width: 100%;  background: url(../images/mobile--menu-bg.png) no-repeat; 
	height: 77px;   background-size: 100%;  top: -51px;  z-index: 99999; pointer-events:none;}
		
		 
  .mobileSticky ul{padding: 8px 120px;
  background:#f9ba2f;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
		  .mobileSticky li {
        list-style: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
		
    }	
	
	   .mobileSticky li.phone img{   width: 70px;
    background: #fff;
    border-radius: 100%;
	   padding: 12px;}
	   
	   .mobileSticky li a{ display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
	   }
	      .mobileSticky li a span img{width:40px;}
.bannerContent h2:last-child {  left: auto;  margin: 0;   }	
    .mobileSticky {  padding: 18px 0 0;  }
	.side-menu-section {  overflow: auto; }
	.newSpotSec:before{background:none;}
	.newSpotSecTitle{padding:0 45px;}
	.hIntroBottom {
        width:100%; padding:0 45px;  font-size: 15px;
    }
	.hIntroBottom p{width:75%;}
	.newSpotSec h4 {  margin: 0 0 30px; }
		.newSpotSec .mImg{display:block; width:100%; margin:0 0 30px;}  
    .container {
        max-width: 100%; padding:0; 
    }		
  .newSpotSec {
        background: none;
  padding: 80px 0 80px;}
  .hIntroBottom .col-md-4:before {  width: 100%;}
 body [data-aos=fade-right] {
    -webkit-transform: inherit;
    transform:inherit;
}
  body [data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    -webkit-transition-property: inherit;
    transition-property: inherit;
    -o-transition-property: inherit;
    transition-property: inherit;
    transition-property: inherit;
}
 body [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}
  body  [data-aos=fade-left] {
    -webkit-transform: inherit;
    transform: inherit;
}
 body [data-aos][data-aos][data-aos-duration="1500"], body [data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: inherit;
    -o-transition-duration:inherit;
    transition-duration: inherit;
}

 body [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

 body [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

body [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: inherit;
    opacity: 1 !important;
}

 .milestoneSec {  padding: 100px 50px 37px;  }
 
 #counter {
    padding: 0;
    text-align: left;
}
#counter .counterBox sup { top: -15px;}
    .counterBox span {
        font-size: 35px;
        letter-spacing: -1px;
        padding: 0 0 0 7px;
    }
	#counter .row:last-child {
    padding: 0;
}
.counterBox small {
    display: block;
    margin: 10px 0 0;
    font-size: 13px;
}
.hOngoingsec {  padding: 40px 45px 0;}
   .footerBottom img {
    width: 105px;
    margin: 0 0 15px;
}
.ProjectDec p.projectbtn{display:none;}
.MobilepBtn ul li img {
    padding: 0;
    margin: 0;
    list-style: none; 
    width: 40px;
}
   .MobilepBtn ul li:nth-child(2) img{ filter: brightness(0) invert(1);}
 
.hMenuR .mLogo{ margin:0 0 25px;}
.mLogo img {
    width: 103px;
}
.hMenuR {
    padding: 31px 50px;
}
.hMenuR {
    background: transparent;
    height: auto;
    padding: 76px 50px 30px;
}
.makeaCall h5 {
    font-size: 20px;
    color: #fff;
}
.aboutintroTop h5 br{display:none;}
    .ctaSectionBottom {
        background: url(../images/cta-img.jpg) no-repeat 74% bottom;
        background-size: 199%;
        padding: 180px 0 125px 40px;
    }
	.mediaspotTop {  padding: 0 0 0 12px;}
.mediaspotSec h2 {
display: block;}
.mediaspotSec h2 span {
display: block;   margin: 0;}
.mediaspotSec {  padding: 80px 20px;}
.footerBottom {
padding: 0 10px;}
 
	.syotimerOut .col-md-8 {width:65%;}
	.syotimerOut .col-md-4 {width:34%;}
	
	.mtestiImgSlide{ display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;}
  
   .mtesticontent{  text-align: center;
   margin: 0 0 23px;}
     .ctaSectionTop h2 strong:after {
        left: 3px;
        bottom: 5px;
        height: 5px;
    }
	.testimonialContent.textBox .col-md-4 {
        margin: 0 17px 40px;
        -ms-flex: 0 0 44%;
        -webkit-box-flex: 0;
        flex: 1 0 44%;
        max-width: 44%;
    }
  .mtestiImgSlide .tslide {
    position: relative;
       margin-right: 23px;
    flex: 0 0 45%;
    margin-right: 25px;
	margin-bottom:30px;
}
.mtestiImgSlide .tslide img {
    width: 100%;
 }
 .mtestiImgSlide .tslide span{position:absolute; right:15px; top:20px;}
 .mtestiImgSlide .tslide span img {
 width: auto;}
 
 .testimonialSec{display:none;}
  .testimonialSec.mobile{display:block;   padding: 80px 20px;}
  
  .testimonialSec.mobile .knowMore {
    padding: 10px 25px;
    background: #fff;
    text-transform: uppercase;
    border: solid 1px #b1b1b2;
    font-size: 13px;
    color: #323232;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 9px;
    display: block;
    text-align: center;
        width: max-content;
        margin: 0 auto; }
	
	body.menu-open .menu-hamburger .hamburger {  background: #f7b519; }
	body.menu-open .menu-hamburger.menuClose .closeBtn {   color: #f7b519;}
		.innerBanner:before{Content:''; position:absolute; background:#000; width:100%; height:100%; top:0; left:0; opacity:0.5;   }
			.innerbannerContent { width: 80%;}
			.vissionSec {
			padding: 80px 50px;}
			    .vissionSec h3 {
        font-size: 100px;
        line-height: 100px;
    }
			 .aboutintroBottom {
				padding:0 0 23px 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
		        width: 100%;
    }
	.aboutintroBottom .item {
        position: relative;
        margin-right: 23px;
        flex: 0 0 76%;
        margin-right: 25px;
        margin-bottom: 30px;
		        border: solid 1px #ccc;
    }
	.milestoneTitle {  display: block;}
	    .milestoneOut .slick-next {
        left: calc(84% + 2.3vw);
    }
	.milestoneOut h2 {
        width: 100%;
    }
	    .gReview .col-md-2 {
        padding: 0;
        width: 50%;
    }
	.NriTop {  padding: 80px 35px; }
	.NriTop .counterBox span {
        font-size: 52px;
        letter-spacing: -3px;
    }
	.NriTop #counter .counterBox sup {
    top: 51px;
}
.NriBenefits {  padding: 80px 35px; }
   .projectoverviewDetailTop .col-md-2{width:48%;}  
	.projectoverviewDetailTop .col-md-4 img {
        height: auto;
        margin: 30px 0 30px;
        width: 150px;
}
.projectintroSec .whytitleSec h2.pcTitle {
    width: auto;
}
    .projectintroSec h3 {
        line-height: 22px;
        font-size: 20px;
        text-align: left;
    }
	    .projectintroSec h3 br{display:none;}
	.projectintroSec {
        margin: 0;
        padding: 80px 30px;
    }
	.projectintroSec.whydra{ padding: 80px 25px 200px;}
	.projectintroSecRcontet p {
          width: 100%;
    }
	.whytitleSec p br{display:none;}
	    header.fix_header .navbar {
         height: 65px;
    }
	.projectoverviewDetail:after {  height: 30%; }
	.bannerBrochure .wthroBtn {
    background: url(../images/video-icon.png) no-repeat 96% center #444444;
    padding: 11px 60px 11px 8px;
    color: #fff;
}
.projectTapnav ul {   background: #f1f1f1;  }
.projectintroSec:before{background:none;}


.Specifications .col-md-11 .row {margin: 0;
        padding: 0 0 0 20px;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-overflow-scrolling: touch;}
		.Specifications .col-md-11 .col-md-2{
		        display: flex !important;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
       -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0 15px;
		flex-direction: column;
		        width: 68%;
		}
		.projectintroSec.Specifications {
    padding: 80px 0 130px;
}
    .Specifications .accordion img {
        width: 83px;
    }
	.Specifications .accordion-section-title.active {  padding: 15px 30px 15px 31px;}
	.locationtitleSec {
    text-align: center;
}
.locationtitleSec h2.pcTitle {
         text-align: center;
    }
	.Specifications .accordion {  border: none;}
	.Specifications .accordion {  border:0;}
.Specifications .accordion-section-title.active strong {
      font-size: 30px;
}
.Specifications .accordion-section-title.active:before { width: 70%;  top: 60px; }
.Specifications .arrow:before {  top: 57%;}
.Specifications .arrow:after { top: 61%;}
.Construction .homeLoanPartner { display:block; clear:both; }
    .Construction .homeLoanPartner ul li {  font-size: 25px;  width: 45%; }
	.Construction .homeLoanPartner ul li img {  width:100%; }
	.Construction .resp-vtabs .resp-tabs-container {  width: 100%;}
	.Construction .verticalTab {   padding: 0;  width: 100%; margin:0 0 30px;   }
	.Construction h2.resp-accordion {   text-align: left; font-size: 18px; font-weight:600;}
	.Construction .resp-arrow {
        border-top: 6px solid #c1c1c1;
        top: 20px;
        position: relative;
    }
	.Construction .homeLoanPartner ul li img {
        width: 65%;
    }
	.hMenuL {
    height: auto;}
		.hMenuL .mLogo{margin: 0 0 21px;}
	
	.careerJoinDra h3 {
        font-size: 66px;
    }
	    .careerJoinDra .item {
        width: 90%;
        margin: 0;
    }
	.cultureSec p{padding:0 25px;}
	
	.cultureSec p br{display:none;}
	.grahapravesamSec .grahapravesamTop p br{display:none;}
	.masterpieceProjectListBottom a {  padding: 12px 12px;  font-size: 13px;  }
	    .locateProjectList .right ul li:nth-child(1) {
        left: 0;  top: -77px;  }
		  .mtesticontent h5{  background: #fbc146;
    max-width: fit-content;
    margin: 0 auto;
    color: #000;
		  padding: 0 7px;}
.Construction h2.resp-tab-active span.resp-arrow {
  border-bottom: 6px solid #9B9797;
}
.projectintroSec.Construction .owl-nav {
   display: block !important;
}
.projectintroSec.Construction .counter {
   margin: -29px 0 50px 21px;
}
.Construction .homeLoanPartner ul {
   position: relative;
    top: 25px;
}
.projectdetailbanner .yellow-bg {
      margin: 0 0 12px;
}
.Construction .homeLoanPartner ul {
        position: relative;
        top: 25px;
        padding: 13px 10px;
    }
	.projectintroSec.Amenities .slider-counter {
    position: relative;
    left: 0;
    bottom: 27px;
}
    .projectintroSec.Amenities .owl-nav {
        left: 71px;
        bottom: -29px;
        display: block;
    }
	.innerBanner.nri img {
        width: 187%;
        margin: 0;
        margin: 0 0 0 -345px;
    }
	    .innerBanner.nri .innerbannerContent {
        top: 97px;
    }
	.NriTopR{display:none;}
	.NriTop .counterBox {
    width: 44%;
}
.testimonialsOut.cfz {
    padding: 80px 0;
}
	.clientzone .clientzoneIn.bc {
    background: #f8f8f8;
    margin: 0;
    padding: 35px;
}
.clientzone h3 {
        font-size: 40px;
        line-height: 48px;
    }
	.clientzone .clientzoneIn {
    padding: 80px 30px;
}

 .hOngoingsec.sticky.scrolling-up .ongoinglistNav {  padding:63px 0 0; }
  .testimonialsOut.sticky.scrolling-up .testimonialNav {  padding: 63px 0 0; }
	footer {  padding: 80px 25px 150px;}
 .iti-mobile .intl-tel-input.iti-container {
    z-index: 9999999;
}
  .iti-mobile .intl-tel-input .country-list {
    max-height: 350px !important;
  width: 100%;
    top: 50%;
   
}

  .projectTapnav.fixed-header .container img {
        width: 80px;
        display: none;
    }
	.projectTapnav.fixed-header ul li a {
        font-size: 13px;
        padding: 12px 0;
    }
	.projectTapnav ul li a {
        font-size: 13px;
    }
	  .projectintroSec.floorPlan .carousel-container .counter { left: 80%;  }
	      .teamBox .tText h3 {   font-size: 17px;  }
		  .breadcrumbs {  width: 90%;}
		  .locationmapSec .accordion_intro img {
        width: 35px;
        padding: 7px;
    }
	.locationmapSec .accordion h4 {
        font-size: 12px;
    }
	.floorPlan .secNav {
    padding: 0 30px;}
	.NriTop #counter {
    padding: 50px 0 0 17px;}
	.currentOpenings {
        padding: 80px 25px 120px;
    }
	.joinUs{
        padding: 80px 25px 150px;
    }
	.widgetEnquireNow.makeavideoCall {
        right: -82px;
        top: 51%;
    }
	
	   .NriDra .listBox {
        padding: 0 0 23px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        width: 100%;
    }
	    .NriDra .aboutintroBottom .item {
        width: 0;}
		.nrimdsec {  padding: 80px 30px;}
			   .milestoneOut .slick-next {
        left: calc(85% + 2.3vw);
        width: 30px;
        height: 30px;
    }
	 .milestoneOut .slick-prev {
         width: 30px;
        height: 30px;
    }
	.milestoneOut .slick-arrow:before {
    position: absolute;
    left: 8px;
    font-size: 16px;
    top: 5px;
}
    .milestoneOut h3 {
        font-size: 44px;
    }
	.milestoneOut .slick-track .slick-slide:nth-child(odd) {
        min-height: 429px;
    }
	    .milestoneOut .slick-track .slick-slide:nth-child(even) {
        top: 331px;
    }
	.milestoneOut h3.smallSize {
        font-size: 30px;
        padding: 10px 0;
    }
	.floorPlan .resp-vtabs .resp-tabs-container {
	width: 100%;}
	    .projectintroSec h2 {  line-height: 33px;   }
		 .projectintroSec .resp-arrow {
     margin-top: 11px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #c1c1c1;
}
 .projectintroSec h2.resp-accordion {
        text-align: left;
		    font-size: 17px;
    }
	.floorPlan .secNav {
        width: 100%;
        max-width: 100%;
    }
 .projectintroSec h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #9B9797;
}
.projectintroSec h2 {
        font-size: 48px;
        line-height: 40px;
    }
	.projectoverviewDetailTop h3 {
        font-size: 22px;
    }
	.side-menu-section {
   background: url(../images/h-menu-bg.jpg) repeat center center;
    background-size: cover;}
	#contact-form .selldof .selldof_row:nth-child(3) {  display: block;  width: 100%;  }
		#contact-form .selldof .selldof_row:nth-child(4) {  display: block;  width: 100%;  }
	#contact-form .selldof .selldof_row:nth-child(5) {  display: block;  width: 100%;  }
	#contact-form .selldof .selldof_row:nth-child(6) {  display: block;  width: 100%;  }
.lplatestblog {
    padding: 50px 30px !important;
}
.lplatestblog h2 {
    margin: 0 0 30px;
    font-size: 40px;
}
 .properties_added h2 {
    font-size: 40px;
    line-height: 40px;
}
.properties_added {  padding: 80px 30px;}
		.LpPageTopTitle {
    padding: 120px 30px 50px !important;
}
.MobilepBtn{display:block;}
.MobilepBtn ul li:first-child a {
    background:#303030;
          width: 100%;
    color: #fff;
    font-weight: 600;
	border:none;
}

.MobilepBtn ul li {margin: 0 10px 0 0;}
.MobilepBtn ul li:first-child {  width: 80%; margin: 0 10px 0 0; }
.MobilepBtn ul li a {
    background: #fff;
    padding: 7px;
    border: solid 1px #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 45px;
    transition: all .5s ease;
}

.MobilepBtn ul li a {
        padding: 5px 7px;
        background: #2fd74e;
    }
	    .MobilepBtn ul li a.callIcon {
        background: #fff;
    }
.LpPageTopTitle h1 {
    font-size: 40px !important;   line-height: 40px !important;
}
.hongoingBottom.lppage {padding:0 25px;}
.hongoingBottom.lppage .ProjectDec h2 {
        font-size: 24px;
    }
	.lppage .ProjectDec {
    padding: 30px 15px 0;
}

.buy_flat p {
     margin: 0 0 30px;
}
.buy_flat{padding: 0 19px !important;}
.hongoingBottom.lppage{padding:20px 25px !important;}
.LpPageTopTitle h1 br{display:none;}
	body .buzz {  font-size: 40px !important; line-height: 40px;}
		body .distinctiveDra .years {  margin: 50px 0 0 0;}
		section.pagenewformSec{padding-inline:35px;}
			 .buy_flat.col-sm-12{padding: 0 19px !important;}
			 .land_view {   padding: 0 24px !important; }

	}
 
   @media (max-width:800px){
     .mobileSticky:before {
      top: -48px;
	 }
	     .mtestiImgSlide .tslide {   flex: 0 0 35%; }
		 .mtestiImgSlide .tslide span img {
        width: 42px;
    }
	.years {
        margin: 50px 30px;
        width: 95%;
    }
.price_table .col-sm-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	 .might_interest  .col-sm-4 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.card.icon-card {  padding: 8px !important;  width: 100%}
 body .h-100 h4 {  font-size: 15px !important; }
 .range_affordable .col-sm-7 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
 .col-sm-12.mt-3 .col-sm-4 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
 
	 .buy_flat.col-sm-12{padding: 0 19px !important;}
	
	body.homepage header.fix_header .navbar-brand img {
        position: inherit;
    }	
		body.page header.fix_header .navbar-brand img {
        position: inherit;
    }
	
	body header.fix_header .navbar-brand img {
        position: absolute;
        left: 12px;
    }
	body.homepage.blog header.fix_header .navbar-brand img {
        position: absolute;
        left: 12px;
    }
	
	.page.nriTest header.fix_header .navbar-brand img {
    width: 60px;} 
   }
	
  @media (max-width:768px){
	 
	  .distinctiveDra .col-sm-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	   .properties_added h2 {
    font-size: 35px;
    line-height: 35px;
}
	  body.blog .list-wrapper .list-item {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

body.blog .hidden-xs {
   display:block !important;
   padding: 0 20px;
}
	  
	  .mobileSticky:before{   top: -51px;}
  .bannerContent { top: 80px;  }
      .mobileSticky {
         padding: 13px 0 0;
		 background: #f9ba2f;
    }
  .hOngoingsec .col-md-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.milestoneTop p br{display:none;}
	    .testimonialContent.textBox .col-md-4 {
        margin: 0 0 40px;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 1 0 100%;
        max-width: 100%;
    }
	.testimonialsOut {
    padding: 80px 35px;
}
.testimonialsOut.cfz {
    padding: 80px 0;
}
.masterpieceProjectListTop h5 {
font-size: 17px;}
	.masterpieceProjectListTop h2 {
        font-size: 98px;
        line-height: 132px;
    }
	    .locateProjectList .left ul li:nth-child(2) {
        left: -164px;
    }
	    .locateProjectList .left ul li:nth-child(4) {
        left: -128px;
    }
	    #enquirysecPage .col-md-7 {
        padding: 0;}
		#enquirysecPage.joinUs.contact h3 {
        font-size: 40px;
        line-height: 47px;
    }
	.innerBanner.uc img {
        padding: 49px 0;
        margin: 0;
        width: 100%;
        object-fit: cover;
        height: 458px;
    }
	    .teamBox {
        -webkit-box-flex: 0;
        flex: 0 0 45%;
        max-width: 45%;
    }
	.awardBox {-webkit-box-flex: 0;
        flex: 0 0 45%;
        max-width: 45%;
	}
	.aboutintroSec.awards .aboutintroTop {
  padding: 0 25px;
}

.awardsec {
padding: 80px 30px 150px;}
	.teamBox .tText a {  font-size: 12px;}
	.contactusSec h2 {
        font-size: 60px;
    }
	#contact-form .half-col {  padding: 15px 10px;}
	#contact-form .full-col {  padding: 15px 10px;}
	#contact-form label {  font-size: 13px;    line-height: 12px; }
	    .joinUs.contact h3 {
        font-size: 45px;
        line-height: 46px;
    }
	    .joinUs.contact {
        padding: 80px 20px 121px;
    }
	
	
	.floorPlan .resp-vtabs .resp-tabs-container {  width: 100%;}
	.projectintroSec.floorPlan { padding: 60px 0; }
	.floorPlan .resp-vtabs .resp-tabs-container { padding: 0 0 30px;}
	.floorPlan .resp-vtabs h2{  background: #f4f4f4 !important;         color: #383838; }
		.floorPlan .resp-vtabs h2.resp-tab-active {  background: #f7b72f !important; color: #000;}
	.floorPlan h2.resp-accordion {   font-weight: 300;  text-align: left;    font-size: 18px;   line-height: normal; border-top:1px solid #cfcfcf;  border-top: 1px solid #cfcfcf;}
  .floorPlan h2.resp-tab-active {  font-weight: 600; border-top: 1px solid #f7b72f !important;   border-bottom: 1px solid #f7b72f !important;}
 .floorPlan h2 span.resp-arrow {  position:relative; border: none; }
 
  .floorPlan h2.resp-tab-active span.resp-arrow {  position:relative; border: none; }
	.floorPlan h2.resp-accordion span.resp-arrow:before {  Content:'+';   font-weight: 600; position:absolute; right:0; font-size:18px; color:#363636; top: -4px; }
  .floorPlan h2.resp-tab-active span.resp-arrow:before {  Content:'-';  color:#fff; }
.floorPlan h2.resp-accordion {  font-size: 18px;}
 
 .floorPlan .secNav {
        margin: 0;
         background: #e8e8e8;
        margin-bottom: 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
               padding: 10px 0 10px 20px;
			           width: 100%;
        max-width: 100%;
    } 
 .floorPlan .secNav a {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0 15px;
    }
	.floorPlan .secNav a:before {  top: 3px; }
		.projectintroSec.floorPlan h5 { display:none; }
		.floorPlan .virtualtourBtn {   text-align: left; }
	.projectintroSec.floorPlan .fSlideRight img {display:none; }
  .floorPlan h2.resp-accordion { font-size: 13px;   }
  .floorPlan .secNav a { font-size: 13px; }
   .floorPlan .resp-vtabs .resp-tab-content {  padding: 0; }
   .fSlideRight{padding:0 37px 20px;}
       .floorPlan .virtualtourBtn a {  font-size: 13px;  }
   .floorPlan .fSlideRight ul {  min-height: auto; }
   .projectintroSec.floorPlan .owl-theme .owl-nav { top: 180px; left: 38%; }
   .floorPlan .resp-vtabs .resp-tabs-container .fSlideLeft img {  margin: 0 0 85px; }
.projectintroSec.floorPlan .owl-theme .owl-nav {   top: 47%;    width: 100%;   left: 0;  }
   .projectintroSec.floorPlan .owl-theme .owl-nav:before{Content:''; position:absolute; left:0; top: 31px;  width: 31%; background:#ccc; height:1px; }
   .projectintroSec.floorPlan .owl-theme .owl-nav:after{Content:''; position:absolute; right:0; top: 31px;  width: 31%; background:#ccc; height:1px; }
   .floorPlan .virtualtourBtn a {  margin: 0 0 30px 10px; }
   .projectintroSec.floorPlan .carousel-container .counter {  top: 45%;}
   .projectintroSec.floorPlan  .locationtitleSec{padding: 30px;}
   .homeBanner img {  object-fit: cover;  height: 42vh; }
    header.fix_header .navbar-brand img {  width: 76px;  }
	    .mobileProjectnav {  padding: 8px 22px;}
		.mobileSticky ul {  padding: 8px 85px;}
		    .MobileOngoing { padding: 7px 15px; }
			.ourFoundationBottom {  padding: 0 30px 80px;  text-align: center;  }
			 .footerTop ul {
    padding: 0 0 12px 20px;
     min-height: auto;
}
.footerTop .bt ul {
    min-height: auto;
}
    footer {
        padding: 80px 20px 150px;
    }
	.footerBottom .copyRight ul li {
    padding: 0;}
	.footerBottom .copyRight .open a {
    display: block;
    padding-right: 28px;
    margin: 0;
    max-width: fit-content;
}
.footerBottom .copyRight {  text-align: left; 
}
.footerBottom .copyRight ul {
   -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.footerBottom .followUs ul {
    padding: 0;
margin: 0 0 15px;}
.innerBanner img {
        width: 204%;
    }
	.testimonialsOut .testimonialNav {
        padding: 0 3% 20px;
    }
	.aboutintroTop h5 {
        font-size: 15px;
        line-height: 28px;
    }
	.aboutintroTop h5 br {display:none;  }
	.bannerBrochure .wthroBtn {  padding: 11px 60px 11px 8px;}
	    .projectintroSec h2 {   font-size: 55px;   line-height: 50px;  }
		.projectintroSec.overview h2 {
		text-align: left;}
		.projectintroSec.whydra {  padding: 80px 25px 200px; }
		.locationtitleSec p br{display:none;}
		    .rli_slider_wrapper {
        left: 160px;
    }
	.locLogo img {
    width: 140px;
    margin: -40px 0 0 -40px;
}
	 .careersTitleTop .col-md-2 img {  width: 15%;  float: none; }
	.newSpotSec h4 br{display:none;} 
   	.trulivExCont {
    padding: 80px 30px;
}
.trulivExContPoints {
padding: 80px 30px;}
.trulivExContPoints {
    padding: 80px 30px;
margin: 0;}
.distinctiveTop h3 {
    font-size: 19px;
    margin: 0 0 10px;
}
 }
 
  @media (max-width:760px){
 			 .ProjectDec h3 {
        padding: 5px 0 0 22px;
    }
  }
 
   @media (max-width:700px){
	   body .buzz {font-size: 40px !important;
	   line-height: 40px;}
	   	.locationmapleft {
        padding: 50px 25px 43px 2%;
    }
	  
	  .mobileSticky:before{   top: -42px;}
	      .mobileProjectnav ul {   padding: 8px 15px;}
		  .mtestiImgSlide .tslide {   flex: 0 0 58%; }
   
	         .ctaSectionTop h2 {
        font-size: 42px;
    }
	    .ctaSectionTop h2 span:after {
        bottom: 2px;
        left: 4px;
    }
	    .ctaSectionTop h2 strong:after {
        left: 3px;
        bottom: -1px;
    }
	       .ctaSectionBottom h3 {
        font-size: 35px;
        line-height: 37px;
        letter-spacing: -3px;
    }
	.mediaspotSec a {
         min-height: auto;
    }
	   .ctaSectionBottom {
        padding: 174px 0 101px 40px;
    }
	    .ctaSectionBottom h3 {
        font-size: 38px;
        line-height: 37px;
        letter-spacing: -3px;
        font-weight: 600;
        display: grid
;
    }
	   .ctaSectionBottom h3 span {
        font-size: 12px;
        margin: 5px 0 0;
        display: block;
    }
		.mobileProjectnav {
        padding: 8px 16px;
    }
	    .floorPlan .resp-vtabs .resp-tabs-container .fSlideLeft img {
        margin: 0 0 85px;
        object-fit: contain;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        height: 180px;
    }
	.aboutintroTop p {
  width: 90%;
}
.milestoneOut:after {
        top: 44%;
    }
	.milestoneOut .slick-track .slick-slide:nth-child(even) {
        top: 332px;
    }
.milestoneOut .slick-arrow:before {
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 14px;
}
.milestoneOut h3 {
        font-size: 40px;
    }
.testimonialsOut {
        padding: 80px 35px 154px;
    }
	    .milestoneOut .slick-next {
        left: calc(86% + 2.3vw);
        width: 30px;
        height: 30px;
    }
	 .milestoneOut .slick-prev {
         width: 30px;
        height: 30px;
    }
	.ongoingprojectList p br{display:none;}
	  .network-list li {
        width: 45px;
        height: 45px;
    }
	.network-list a {  width: 45px;   height: 45px;  line-height: 45px; }
	.ProjectDec h3 {  font-size: 11px;  padding: 4px 0 5px 21px; }
	#contact-form select {
    word-wrap: normal;
    width: 100%;
    font-size: 11px;
}
.ctaSectionBottom h3 br{display:none;}
.ctaSectionBottom h3 {
        font-size: 38px;
        line-height: 37px;
        letter-spacing: -3px;
        font-weight: 600;
    }
	.modal.fade{display:none;}
	.modal.fade.show{display:block;}
	.testimonialContent .col-md-4 {
        -ms-flex: 0 0 40.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 40.333333%;
        max-width: 40.333333%;
    }
	    .testimonialContent .col-md-4 img {
        height: 246px;
    }
	    .testimonialContent h3 {
        font-size: 12px;
    }
	.nrimdsec .nrimdsecR {  padding: 0 30px; order: 1;}
	.nrimdsec .nrimdsecL {   order:2; }
	.newsPage .titileTop p br{display:none;}
	.mobileSticky:before {
        top: -39px;
    }
	.trulivExCont {
    padding: 80px 30px;
}
 .milestoneOut .slick-track .slick-slide:nth-child(odd) {
        min-height: 383px;
    }
	.milestoneOut h2 span {
        font-size: 21px;
        line-height: 17px;
    }
	
   }
   
 
   
   @media (max-width:690px){
	   .mobileSticky:before {
        top: -42px;
    }
       .ctaSectionBottom {
        padding: 199px 0 101px 40px;
    }
	.homeBanner img {
        object-fit: cover;
        height: 60vh;
    }
	.mobileSticky:before {
        top: -43px;
    }
	.teamBox {
        -webkit-box-flex: 0;
        flex: 0 0 43%;
        max-width: 43%;
    }
	.whytitleSec {  display: grid;}
	.projectintroSec .whytitleSec h2.pcTitle {  margin: 0;  }
	.locateProjectList{position:relative;}
	.locateProjectList:before{Content:''; position:absolute; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7);}
	.locateProjectList .left{display:inline-block; vertical-align:top; width:45%;}
	.locateProjectList .empty{display:inline-block; vertical-align:top; width:0;}
	.locateProjectList .right{display:inline-block; vertical-align:top; width:45%;}
	.locateProjectList ul {  padding: 20px 0 50px;}
	    .locateProjectList ul li {
        font-size: 15px;
    }
	.locateProjectList .left ul li:before {
     top: 7px;
}
	.blogform  {margin: 0 0 45px;}
	#contactBottom .col-md-5 {
        margin: 0 0 15px;
    }
	#contact-form .selldof .selldof_row:nth-child(7) .form-group label {
  line-height: 18px;
}
.widgetEnquireNow {
        top: 30%;
    }
   }
     @media (max-width:620px){
		 .bf-testimonial-slick-single {
     height: 470px !important;
}
		 body .single-box h2 {  height:auto; }
		 .testiTitleTop p br{display:none;}
		 .widgetEnquireNow.makeavideoCall {
        right: -70px;
        top: 54%;
    }
		 .ProtMobDetailban {
    display: block;
}
	
 .mobileSticky:before {
        top: -44px;
    }
	    #counter .counterBox sup {
        top: -23px;
    }
	.masterpieceProjectListBottom p {  font-size: 16px;}
	.masterpieceProjectListBottom h3 {
        font-size: 35px;
        line-height: 35px;
    }
	    .masterpieceProjectList .col-md-2 {
        -ms-flex: 100%;
        -webkit-box-flex: 0;
        flex: 100%;
        max-width: 100%;
		padding-left:15px;
    }
	.masterpieceProjectList .col-md-10 {
        -ms-flex: 100%;
        -webkit-box-flex: 0;
        flex: 100%;
        max-width: 100%;
    }
	.masterpieceProjectListBottom {
        padding: 20px 20px 40px;
    }
	.projectTapnav ul li:last-child{display:none;}
	  
		     .projectoverviewDetailTop .col-md-2 {
        background: #fff;
        border: solid 1px #ccc;
        padding: 0 0 12px;
        margin: 0 8px;
        width: 43%;
    }
	    .projectoverviewDetailTop .nBlock {
        font-size: 11px;
        padding: 4px 11px;
        margin: 0 0 5px;
        display: block;
    }
	    .projectoverviewDetailTop h3 {
        font-size: 23px;
    }
	    .projectoverviewDetail {
        padding: 80px 5px 120px;
    }
	.projectoverviewDetailTop {
    padding:0 30px;
}
.Newsgallerysec {
   overflow: hidden;
}
 .construct-update-tblock{ margin: -3px 0 0 18px;}
 
	 }
		
		
	@media (max-width:600px){
		.awardBox {-webkit-box-flex: 0;
        flex: 0 0 90%;
        max-width: 90%;
	}
		.teamBox {
        -webkit-box-flex: 0;
        flex: 0 0 90%;
        max-width: 90%;
    }
		.counterBox.single small {
    font-size: 21px;
    margin: 0 0 20px;
}
		 .homeBanner.desBanner{display:none;}
 .homeBanner.mobBanner{display:block;   padding: 25px 0 0;}
		
		    .newSpotSec h4 {
        font-size: 15px;
        line-height: 24px;
    }
	    .hIntroBottom p {
        width: 98%;
    }
.concept-ideas{padding-top: 25px;padding-right: 25px;padding-bottom: 50px;}
.gReview .col-md-8 img {
        width: 95%;
    }		
	.vissionSec h3 {
        font-size: 70px;
        line-height: 80px;
    }
		.ctaSectionTop h2 span {
    position: relative;
    display: block;
    text-align: left;
    padding: 0 0 0 122px;
}

    .mobileSticky ul {
	padding: 8px 50px;}
    .mobileProjectnav ul {
	padding: 8px 0;}
	    .mobileSticky:before {  top: -31px;}
		   .homeBanner {
        padding: 170px 0 144px;
        background: url(../images/h-banner-bg.jpg) no-repeat 0 bottom;
        background-size: 170%;
    }
			.bannerBottomTag {
        font-size: 13px;
        bottom: 23px;
        /* width: 85%; */
        margin: 0 auto;
        padding: 0 9%;
    }
	.MobilepBtn ul li:first-child a {
    background:#303030;
          width: 100%;
    color: #fff;
    font-weight: 600;
	border:none;
}
.MobilepBtn ul li {margin: 0 10px 0 0;}
.MobilepBtn ul li:first-child {  width: 80%; margin: 0 10px 0 0; }
.MobilepBtn ul li a {
    background: #fff;
    padding: 7px;
    border: solid 1px #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 45px;
    transition: all .5s ease;
}
       .ourFoundation {
        font-size: 20px;
        padding: 40px 25px;
        text-align: center;
    }
  .ourFoundationBottom {
        padding: 0;
    }
	.ourFoundation .col-md-7 {
    padding: 33px 0 0;
	}
	.ourFoundation .col-md-7 p br{display:none;}
	    .ctaSectionTop h2 {
        background-position: 0 0;
              background-size: 21%;
    }
	    .ctaSectionTop h2 {
        font-size: 46px;
        line-height: 44px;
		   letter-spacing: -1px;
		           text-align: left;
    }
	.milestoneSec {
        padding: 100px 25px 37px;
    }
	.ctaSectionTop h2 span:after {  left: 129px;   bottom:1px;   width: 41%;}
	    .ctaSectionTop h2 strong:after {  bottom: 6px;}
	.ctaSectionTop h2 small {  font-weight: 300;}
	    .counterBox span {  font-size: 45px;}
     header.fix_header.sticky .navbar-brand img {
	 width: 64px;}
  .ctaSectionTop h2 strong:after {
        left: 2px;
        bottom: 9px;
        height: 5px;
    }
	    .ctaSectionTop h2 span {
        position: relative;
        display: block;
        text-align: left;
        padding: 0 0 0 122px;
        width: max-content;
    }
	        .hOngoingsec {
        padding: 40px 25px 0;
    }
	    .mobileSticky ul {
        padding: 8px 20px;
    }
	    .hIntroBottom {  padding: 0 35px;}
	    .mobileProjectnav {  padding: 8px 20px;}
		.mobileProjectnav ul li {
        padding: 0 49px;
    }
		
		.ctaSectionBottom {
    background: url(../images/cta-bg.jpg) no-repeat 0 0;
    padding: 750px 35px 79px;     background-size: cover;
}
 
 .ctaSectionBottom h3 { display: block;  color: #ffffff; letter-spacing: -1px; }
 .ctaSectionBottom h3 span {   font-size: 13px;   line-height: 14px;  top: 0;  padding: 0; display: block; }	
 .mediaspotSec h2 {   -webkit-box-align: start;   -ms-flex-align: start;    align-items: start;}
     .mediaspotSec h2 span {  display: block;  }
	 .mediaspotSec {  padding: 80px 24px;}
	 .hMenuR ul {
    width:70%;
    padding: 0;
    margin: 0 auto 60px;
	 }
	 .hMenuR ul li{          border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        padding: 0 0 5px;
        margin: 0 0 5px;  }
	     .hMenuR .MobileTop li ul li a:before { right: 21px;}
		        .menu-hamburger.menuClose {
        right: 22px;
    }
	
 
	.makeaCall {
        text-align: center;
        margin: 0 0 22px;
    }
	    .hMenuR ul li a {
        font-size: 20px;}
		 .side-menu-section .sm-social-sec .followUsIn {
		 padding: 0 0 22px;}
		 
		 .hMenuL .sm-social-sec{display:none;}
		.hMenuL .customerLogin{display:none;}
		   .hMenuL .mLogo{ margin: 0 0 35px;}
		    .hMenuL {  padding: 15px 45px;   height: auto; border-right:none;   border-bottom: solid 8px #f9ba2f;     background-image: linear-gradient(#ffffff 60%, rgba(255, 255, 255, 0.8)); }
		.hMenuR .MobileTop {padding:0;  width: 100%;   margin: 0 auto;   text-align: left;}
  .hMenuR .MobileTop  li{padding:0; margin:0 0 30px; list-style:none;  text-align: left;     border-bottom: solid 1px #ccc;}
.hMenuR .MobileTop   li:last-child{ border-bottom: none;}
.hMenuR .MobileTop li a{font-size:25px; font-weight:300;  margin:0 0 15px; padding:5px 0px; color:#fff;background:transparent;width: 100%;display: block;letter-spacing:-1px;}
 .hMenuR .MobileTop li ul{padding:0; margin:0 0 15px; list-style:none;  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 100%;} 
 .hMenuR .MobileTop li ul li{padding:0; margin:0; list-style:none;     border-bottom: none;}
 .hMenuR .MobileTop li ul li a { font-weight: 400; text-transform:uppercase; letter-spacing:2px;  font-size: 15px; position:relative; padding:0 25px; margin:0; }
	 .hMenuR .MobileTop li ul li a:hover{ color: #e1a218;}
 .hMenuR .MobileTop li ul li a:before{Content: '';  position: absolute;   right:11px;   background: #ccc;    right: 0;   width: 7px;   height: 2px;  top: 9px;}
 .hMenuR .MobileTop li ul li:last-child a:before{ background: none; }
			 .side-menu-section {  background-size: cover;}
			   .hMenuR .MobileTop li ul li a {
        font-size: 10px;
        padding: 0 7px;
    }
	.makeaCall {
    text-align: center;}
	.customerLogin {
    text-align: center;
    color: #fff;
}
.customerLogin a {  color: #ffffff;}

.customerLogin h5 {
    font-size: 15px;
    color: #fff;
}
.hMenuR .sm-social-sec {
    display: block;
}
.hMenuR .customerLogin {
    display: block;
}
 .MobilepBtn{display:block;}
 
  
 .LpPageTopTitle h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}
.hongoingBottom.lppage{padding:20px 25px !important;}
.LpPageTopTitle h1 {
        font-size: 30px !important;
        font-weight: 600;
        line-height: 35px !important;
    }
 .testimonialSec{display:none; }
  .testimonialSec.mobile{display:block;}
 .syotimer__body{    display: -webkit-box; display: -ms-flexbox;  display: flex;
    -ms-flex-pack: distribute;  justify-content: space-around; margin: 0 0 4px;}
  .syotimerOut .col-md-8 {   width: 100%;   order: 2;  }
  .syotimerOut .col-md-4 {   width: 100%;   order: 1;  }
  .syotimerOut .meter_txt br{display:none;}
 .syotimer-cell {  flex: 0 0 24%; }
     .syotimerOut .meter_txt {   font-size: 13px;   }
  .testimonialSec.mobile {   display: block;  padding: 80px 0 50px 25px;  }
      .testimonialSec.mobile .knowMore {
       width: max-content;
	  margin: 0 auto;}
      .testimonialSec.mobile h3{ color: #000;
    font-size: 56px;
        line-height: 55px;}
    .hOngoingsec {
        padding: 40px 0 0;
    }
	.hOngoingsec .hongoingTop {
        padding: 0 25px;
    }
	.hOngoingsec .hongoingBottom {
        padding:0 30px;
    }
	    .ProjectDec h4 {
        font-size: 18px;
        padding: 15px 22px;
    }
	    .mobileSticky li a span img {
        width: 30px;
    }
  .ctaSection {  overflow: hidden; }
   .MobilepBtn ul li a {   padding: 5px 7px;  background: #2fd74e;}
   .MobilepBtn ul li a.callIcon{  background: #fff;}
	 .ProjectDec ul li img {  width: 30px; }
	.ongoinglistNav ul li a {  padding: 7px 17px;}
	.mediaspotSec h2 { display: block;}
	.mediaspotSec h2 span {  margin: 0;}
	.mediaspotSec h2 span br{  display:none;}
	.mediaspotSec a {  padding: 26px 18px 24px; min-height: auto; }
	.mediaspotSec .arrow { right: 18px;}
	footer {  padding: 60px 25px;}
	.footerTop ul {   min-height: auto; }
	.counterBox span.counter-value {  color: #ffffff;}
	.mediaspotSec p {  width: 86%;}
	.mediaspotSec .col-md-4 {  padding: 0; }
	.footerTop .bt ul {
    min-height: auto;
}
    .footerBottom img {    width: 75px;  }
	    footer h3 {   font-size: 15px;  }
		.footerBottom .followUs ul {   gap: 5px; }
		 .footerBottom .fLogo{  flex: 0 0 10%;}
		  .footerBottom .followUs {  flex: 0 0 45%;}
		    .footerBottom .copyRight {   font-size: 11px;   flex: 0 0 100%;    text-align: left;     padding: 24px 10px 42px;  }
       .footerBottom img {    width: 75px;   margin: 0 0 15px;  }
	   .footerBottom .copyRight ul {
    gap: 10px;
    -webkit-box-pack: start; -ms-flex-pack: start;   justify-content: start;
}
.footerBottom .copyRight ul {
        gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        display: block;
    }
	   .footerBottom .copyRight ul li {  padding: 0;   margin: 0 10px 0 0;   list-style: none;  position: relative;
}

.footerBottom .copyRight .open a {   display: inline-block;}
.gReview .col-md-8{padding:0;}

.projectBox h6 {   display: block;   background: red;   color: #fff;  }
.projectBox h6.Launch {  background: #0cbb0c;   color: #fff;  }

.projectBox h6.preLaunch { background: #f9ba2f;   color: #000000;  }
 .innerBanner img {
        padding: 0;
        margin: 0 0 0 -400px;
        width: 220%;
    }
	    .innerbannerContent h1 {
               font-size: 31px;
        line-height: 42px;}
		 .nri .innerbannerContent h1 {
               font-size: 31px;
        line-height: 42px;}
		
.breadcrumbs ul li {   font-size: 10px;}
.innerbannerContent {  top: 100px;   width: 90%; left: 30px;}
    .milestoneOut h2 {
        font-size: 60px;
        line-height: 65px;
    }
	.milestoneOut h2 span { font-size: 24px;  margin: 0 0 3px;}
	.milestoneOut {background: #fff;
	    padding:30px 20px 150px 70px;}
.milestoneOut	.milestone-slider{   width: 100%;
 color: #000;}
     .milestoneOut h2 span {
         color: #000;
    }
	.milestoneOut p {
         color: #000;
    }
	.milestoneOut h4 {
    color: #000000;
    margin: 0 0 10px;
    padding: 16px 0 0;
    font-size: 18px;
    border-top: solid 1px rgb(102 100 100 / 50%);
}
.milestoneOut div img{margin-bottom:10px;}
.milestoneOut:after {
    content: '';
    position: absolute;
    left:-20px;
    top: 0;
        background: #363435;
    width: 74px;
    height: 100%;
}
.milestoneTitle{
    position: relative;
z-index: 1;}
    .projectBox img {    height: 176px;  }
.breadcrumbs {  width:80%;  }
    .aboutintroBottom {   padding: 0 0 100px 40px;}
	.comTitle span br{display:none;}
	.aboutintroTop h5 {   font-size: 16px;   width: 80%;  line-height: 24px; }
	.aboutintroTop h5 br{display:none;}
	.aboutintroTop p { font-size: 14px;}
	    .aboutintroBottom {   padding: 0 0 60px 40px;  }
		    .milestoneOut div{position:relative; margin-bottom: 35px;}
			.milestoneOut h3 {
        font-size: 38px;
        position: absolute;
        left: -80px;
        letter-spacing: 2px;
        color: #fff;
        z-index: 10;
        transform: rotate(90deg);
        -webkit-transform: rotate(271deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        top: 58px;
    }
		    .milestoneOut h3.smallSize {
               font-size: 27px;
        position: absolute;
        left: -116px;
		  letter-spacing: 2px;
        color: #fff;
        z-index: 10;
        transform: rotate(90deg);
        -webkit-transform: rotate(271deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
               top: 58px;
    }
	.aboutintroTop p {  width: 80%; }
	.aboutintroBottom .item h4 br{display:none;}
	    .aboutintroSec {
        background: url(../images/about-intro-bg.jpg) no-repeat 95% bottom;
        background-size: 148%;
    }
	.joinUs {
    padding: 80px 30px 150px;
}
.careersTitleTop .col-md-2 img {  width: 140px;   float: none;  }
.aboutintroSec.careers {
        padding: 80px 025px 280px;
    }
	    .careerJoinDra h3 {
        font-size: 45px;
    }
	    .careerJoinDra {
        padding: 50px 30px 0;
    }
	    .careerJoinDra .item {
        width: 100%;
    }
	    .careerJoinDra .item h4 {
        font-size: 24px;
    }
	.careerJoinDra .item {
        margin:0 0 20px;
    }
	.careerJoinDra .item:nth-child(3n+3) {
        margin: 0 0 20px;
    }
	.cultureSec {  padding: 80px 25px;}
	.cultureSec p br{display:none;}
	.cultureSec h3 {  font-size: 51px;  }
	    .currentOpenings {
        padding: 80px 25px 120px;
    }
	    .currentOpenings ul li h3 {
        font-size: 18px;
    }
	    .currentOpenings ul li h3 span {
        font-size: 15px;
    }
	.bannerTime {  width: 100%;}
	.bannerBrochure {  width: 100%;  }
	.projectdetailbanner {  padding: 80px 30px 80px;}
	.projectintroSec h2 {   font-size: 52px;  line-height: 50px;  }
	.projectintroSec h2 br{ display:none; }
	.projectintroSecRcontet {
        font-size: 19px;
        text-align: center;
    }

	.bannerBrochure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
	.bannerBrochure a {
        padding: 13px 0;
        font-size: 11px;
        width: 50%;
    }
	    .hOngoingsec.ongoingList .hongoingBottom {
        padding: 0;
    }
	.hOngoingsec.sticky .ongoinglistNav {
    padding: 65px 0 0  130px;
}
.hOngoingsec.sticky.scrolling-up .ongoinglistNav {
    padding: 65px 0 0  130px;
}
.page header.fix_header {
        background: #373536;
        height: 65px;
        overflow: hidden;
    }
 .hOngoingsec.sticky .ongoinglistNav{background: rgba(0, 0, 0, 0.8);}
  .ongoinglistNav  {
        margin: 0;
         margin-bottom: 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 0 20px;
    }
	
 .ongoinglistNav ul li {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0;
    }
	
	
	.breadcrumbs ul li {
        font-size: 10px;
        line-height: 15px;
    }
	    .breadcrumbs {
        width: 90%;
     }
	.breadcrumbs ul  {
        margin: 0;
         margin-bottom: 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 0 2px;
    }
	
.breadcrumbs ul li {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0;
    }
	
 
 .testimonialsOut  ul {
   width: max-content;
 }
	 .testimonialsOut.sticky .testimonialNav {
    padding: 45px 0 0  54px;
}
 .testimonialsOut.sticky.scrolling-up .testimonialNav {
    padding: 45px 0 0  54px;
}
.grahapravesamBottom ul {
        margin: 0;
    }
	.masterpieceProjectListBottom {    padding: 20px 30px 40px;}
.testimonialsOut.sticky.scrolling-up .testimonialNav.newsTopmenu  {
        padding: 45px 0 0  0;
    }
     .testimonialsOut.sticky .testimonialNav {
        padding: 45px 0 0  0;
    }
	.testimonialsOut.sticky .newsTopmenu ul.newsSubNav {
    background: #363636;
}
 .testimonialsOut.sticky .testimonialNav{background: rgb(10 10 10);}
  .testimonialNav  {
        margin: 0;
         margin-bottom: 0;
        float: none;
       
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 0 20px;
    }
	.testimonialNav ul {   margin: 0 auto 45px;}
 .testimonialNav ul li {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding: 0;
    }
	
	
	    .projectintroSec h3 {  line-height: 22px; font-size: 16px;}
		    .mtestiImgSlide {  padding: 0 0 0 50px;  }
			.projectoverviewDetailBottom ul li a {
        font-size: 11px;
        padding: 16px 11px;
    }
	.projectoverviewDetailBottom ul li:last-child a {
	  background: #333132;
    /*background-size: 27%;*/
}
	.projectoverviewDetailBottom  .slider-counter{display:none;}
	.owl-carousel .owl-item img {
        width: 97%;
    }
	    .projectoverviewDetailBottom ul {
        margin: -23px auto;
    }
	    .locationmapSec {
        padding: 0;
    }
.whytitleSec {
     flex-direction: column;
    position: relative; padding:0;
	        align-items: flex-start;
	    gap: 0;
}
    .projectintroSec h2.pcTitle {
        font-size: 40px;
        line-height: 60px;
		overflow: hidden;
    }
	.whytitleSec p br{display:none;}
	.projectintroSec.whydra {
    background-image: inherit;
        padding: 80px 30px 100px;
}
.whyDetailR{
margin: 0;
        background: transparent;
        margin-bottom: 0;
        float: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
padding: 26px 0 20px 20px;}
 .whyDetailR .item {
        display: flex;
        display: -webkit-box;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-transition: none;
        flex: none;
        max-width: unset;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        opacity: unset;
        padding:10px 15px;
		background:#fff; 
		border:solid 1px #ccc;
		  text-align: left;
        width: 70%;
    }
	
	.locLogo img {
        width: 130px;
        margin: -40px 0 0 -19px;
    }
	    .locationmapList {
        height: max-content;
    }
	.locationmapleft {
        padding: 50px 25px 55px 2%;
    }
	.locationmapleft {
        padding: 50px 25px 55px 25px;
    }
	.amenitiesL {  padding: 0;    text-align: center; }
	.projectintroSec.Amenities h2.pcTitle {  text-align: center;}
	.amenitiesL p {  width: 100%; }
    .amenitiesR h3 {  text-align: left;  font-size: 19px; }
	    .projectintroSec.Amenities .slide p {    font-size: 17px;  line-height: 23px;   width: 100%;  }
		.projectintroSec.Specifications { padding: 80px 0; }
		.Specifications .accordion-section-title.active { padding: 15px 30px 15px 0;}
		    .Specifications .accordion-section-title.active strong { font-size: 15px; line-height:18px; }
			    .projectintroSec {  padding: 45px 30px; }
				    .projectintroSec h2.pcTitle {   font-size: 37px;}
			    .Specifications .accordion-section-title.active:before {    width: 70%;   top: 37px; }
			.Specifications .accordion-section-title {  font-size: 15px;}
			    .Specifications .accordion-section-title.active:before {  width:50%;}
				.Specifications .accordion-section-title.active .arrow:before { right: 36px; }
				    .Specifications .accordion img {
					width: 60px;}
					.Specifications .accordion h4 {   font-size: 15px;
}
    .Specifications .col-md-11 .col-md-2 {
        width: 80%;  font-size: 13px;
    }
					.Specifications .col-md-11 .col-md-2 {  width: 85%; }
					.Specifications .accordion-section-content { padding: 20px 30px;}
					.NriBenefitsIn .item {  width: 100%;}
					.NriTop .counterBox {
        width: 100%;
        padding: 50px 0 40px;
    }
	.NriTop #counter .counterBox sup {
        top: 36px;
    }
	.NriBenefits h3 {
        font-size: 43px;
    }
	    .grahapravesamTop {
        padding: 0 35px;
    }
	    .grahapravesamSec h2 {
        font-size: 39px;
        line-height: 47px;}
		.grahapravesamSec .grahapravesamTop h3 {  font-size: 25px;}
		.grahapravesamBottom {
        padding: 0 30px;
    }
	    .grahapravesamBottom ul li {
        width: 45%;
        margin: 0 18px 50px 0;
    }
	.grahapravesamBottom ul {
    gap: 0;  row-gap: 0;  column-gap: 0;  width: 100%;
}
.ProjectDec h4 {
        display: none;
    }
	.hOngoingsec.ongoingList p br{display:none;}
	.ourFoundation h3 {font-size: 55px;}
	.projectdetailbanner img {   height: auto;   width: 150px;  }
	.projectTapnav.fixed-header .container img {
        width: 80px;  }
		.widgetEnquireNow {
    padding: 10px 20px;
   font-size: 12px;
		right: -50px;  z-index: 999;}
 .bannerBrochure .wthroBtn {   background-size: 23%; }
.modal-header {
    padding: 40px 30px 0;
}
.modal-body {
    padding: 50px 30px;
}
.modal h2 {
font-size: 36px; line-height:35px;}
.projectdetailbanner .col-md-6:last-child {
    text-align: left;
}
.bannerTime h4 b {
        padding: 8px 15px;
    }
		.projectTapnav.fixed-header {  top: 65px;  }
	   .trulivExCont h3{ color: #000;
	   margin: 0 20px 0;}
	   .trulivExTitle h2 {  font-size: 29px; }
	   .trulivExContPoints {  padding: 80px 30px;}
	   .trulivExContPoints h3 {  padding: 15px 0;}
	   .trulivExContPoints h3:before{background:none;}
	     .projectTapnav.fixed-header.scroll-down {    top: 65px; }
		 .ongoingApartment .mobileProjectnav ul li:nth-child(1) a{color:#f9ba2f;}
		  .ongoingPlots .mobileProjectnav ul li:nth-child(3) a{color:#f9ba2f;}
		   .ongoingVillas .mobileProjectnav ul li:nth-child(2) a{color:#f9ba2f;}
		 
		 .prodetlOviewBan{
		   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	      -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;
		 overflow: hidden;
		 }
		
		.prodetlOviewBan .projectTapnav{  order: 2;}
		.prodetlOviewBan .projectdetailbanner{    order: 3;}
		  .prodetlOviewBan  .projectdetailbanner {
        padding: 15px 30px 80px;
        background: #fff !important;
		position:relative;
    }
	.prodetlOviewBan .projectdetailbanner img {
    filter: brightness(1) invert(0);}
	.prodetlOviewBan .projectdetailbanner .yellow-bg { color: #040404;}
	 .prodetlOviewBan  .projectdetailbanner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
       background-image: linear-gradient(0deg, #d9dadb, transparent);
    pointer-events: none;
}
    .locateProjectList .left ul li:nth-child(1) {
        left: 119px;
    }
	.locateProjectList .left ul li:nth-child(2) {
        left: -104px;
    }
	.locateProjectList .left ul li:nth-child(5) {
    left: 97px;}
	    .locateProjectList .right ul li:nth-child(1) {
        left: 69px;
    }
	.locateProjectList .right ul li:nth-child(2) {
    left: -122px;
    top: -109px;
}

    #contact-form label {
	font-size: 13px;}
    #contact-form .half-col {
        padding: 15px 20px;
		        font-size: 20px;
    }
	
	    #contact-form .full-col {
        padding: 15px 20px;
		        font-size: 20px;
    }
#contact-form .half-col {
        display: block;
    }
	
	#contact-form .full-col {
        display: block;
    }
#contact-form .half-col .form-control {
     font-size: 18px; padding:2px 0;}
	#contact-form .full-col .form-control {
      padding:2px 0;  font-size: 18px;}
 
#contact-form .half-col .intl-tel-input .form-control{padding-left:84px;}
#contact-form .full-col .intl-tel-input .form-control{padding-left:84px;}
.innerBanner.tyouPageBan .tyouWebBan{display:none;}
 .innerBanner.tyouPageBan{padding: 0;}
 .innerBanner.tyouPageBan .tyouMobBan{display:block;   }
 .innerBanner.tyouPageBan img {
      margin:0; padding: 0; width:100%;
    }
.homeBanner img {
        object-fit: cover;
        height: auto;
    }
	     .testimonialNav ul li a {
		 padding: 13px 13px;}
		 .aboutintroSec.award {
    padding: 80px 0;
}
.aboutintroSec.award .aboutintroTop {
   padding: 0 20px;
}
.festival-popup .modal-body, .festival-popup .modal-header {
    padding: 20px;
}
.festival-popup .festivalbox {
  flex-direction: column;
}
.festival-popup .festivalbox .festboxcol.flcol {
    margin: 0 0 18px;
	    width: 100%;
}
.festival-popup .festivalbox .festboxcol {
    width: 100%;
}
.festival-popup .modal-header {
    padding: 30px 24px 0;
}
   .festival-popup .modal h2 {
        font-size: 30px;
        line-height: 33px;
    }
	    .masterpieceProjectListTop h2 {
        font-size: 74px;
        line-height: 119px;
    }
	.masterpieceProjectListTop h5 {
        font-size: 13px;
    }
	.projectintroSec h2 {
        font-size: 40px;
        line-height: 44px;
    }
	    .projectintroSecRcontet {  font-size: 15px;}
		.projectintroSecRcontet h6 {  font-size: 13px;  }
		.projectintroSec.overview h2 {    text-align: center;  }
		 .masterpieceProjectListBottom.priceList{display:block;}
         .projectTapnav ul li.current-menu-item{}
         .projectTapnav ul li.current-menu-item a{background: #fbb614;color: #000000;padding: 5px 10px 3px;}
         .projectTapnav ul li a.active:after{opacity: 0;pointer-events: none;}

.milestoneSec {  background: url(../images/milestone-bg.jpg) no-repeat -300px 0;}
    .side-menu-section {
        overflow-x: hidden;
    }
	    .page header.fix_header {
        height: 50px;
        border-bottom: none;
    }
	.logoFlame {
    padding: 80px 30px 140px;
    position: relative;
    border-top: solid 1px #ccc;
}

 .onloadPopup iframe {height:300px;}
	.projectintroSec.Specifications:after{background:none;}
	
	    .dot {
         margin: 0 auto !important;
    }
	.properties_added h3{ font-size: 18px;}

.projectBtext {
    min-height: auto;
}
.view360 a {
    padding: 10px;
     font-size: 14px;
    
}
 }
 
 @media (max-width:580px){
.mobileSticky:before {
        top: -33px;
    }
	footer {
        padding: 60px 25px 111px;
    }

 }
  @media (max-width:560px){
     .mobileSticky:before {
        top: -32px;
    }
	    .testimonialContent .col-md-4 img {
        height: 196px;
    }
	.ctaSectionBottom {
     padding: 630px 35px 79px;  
}
	 
 .footerBottom .copyRight ul li:before{background:none;}
 
  }
	
	@media (max-width:520px){
		.ctaSectionBottom {
    padding: 620px;}
		.teamBox .tText {    min-height: auto;}
		.rli_car {  left: 32%;}
		    .projectTapnav.fixed-header.scroll-down {
        top: 49px;
    }
	.buy_flat p {
        margin: 0;
    }
	.properties_added {
        padding: 60px 35px;
    }
	section.pagenewformSec{padding-inline:30px;}
	.projectTapnav.fixed-header {
        top: 49px;
    }
	.testimonialsOut.sticky .testimonialNav {
        padding: 45px 0 0 54px;
    }
	.testimonialsOut.sticky.scrolling-up .testimonialNav {
        padding: 45px 0 0 54px;
    }
	.hOngoingsec.sticky.scrolling-up .ongoinglistNav {
        padding: 45px 0 0 54px;
    }
	    .testimonialsOut.sticky .testimonialNav.newsTopmenu {
        padding: 45px 0 0 0;
    }
	    .testimonialsOut.sticky.scrolling-up .testimonialNav.newsTopmenu {
        padding: 45px 0 0 0;
    }
	.hOngoingsec.sticky .ongoinglistNav {
        padding: 45px 0 0 54px;
    }
	.hOngoingsec.ongoingList .ongoinglistNav ul li a {
     padding: 15px 36px;}
		 .ProtMobDetailban{display:block;}
	 .ProtMobDetailban img{width:100%;}
		 .projectintroSec h3 {   text-align: center;  }
	    .projectintroSec h3 br{display:none;}
		.homeBanner .dBan{display:none;}
		.homeBanner .mBan{display:block;   margin: -38px 0 0;}
		    .testimonialContent .col-md-4 {
        -ms-flex: 0 0 90%;
        -webkit-box-flex: 0;
        flex: 0 0 90%;
        max-width: 90%;
    }
		    .ctaSectionTop h2 {
        background-position: 0 0;
        background-size: 26%;
    }
		    header.fix_header .navbar-brand img {
                width: 60px;
        padding: 5px 0 0;
    }
	
	    header.fix_header.sticky .navbar-brand img {
         width: 60px;
        padding: 5px 0 0;
    }
	    header.fix_header.sticky .navbar-brand img {
        width: 60px;
        padding: 5px 0 0;
    }
	
	.page header.fix_header .navbar-brand img {
    width: 60px;
        padding: 5px 0 0;
}
.page header.fix_header {
       height:50px; 
    }
	.toggle-input:checked + .toggle:after, .toggle-input:checked + .toggle:before {  height: 2px;  width: 19px;  left: 6px;   top: 14px; }
 	
		    .ctaSectionTop h2 span {
        position: relative;
        display: inline-block;
        text-align: left;
                padding: 0 0 0 107px;
    }
	    .ctaSectionTop h2 span:after {   left: 111px;}
		    .ctaSectionTop h2 strong:after {  bottom: 5px;}
			.ctaSectionTop h2 {  padding: 0; }
       .menu-hamburger {
        top: -1px;
        right: 10px;
    }
	    header.fix_header .navbar {
        padding: 0 25px 0 15px;        height: 50px;
    }
	header.fix_header {  height: 50px;}
.MobileOngoing {
        right: 30px;
       top: 12px;
        padding: 4px 12px;
        font-size: 13px;
    }
    .comTitle {
        font-size:42px;
        line-height: 45px;
		        letter-spacing: 0px;
    }
	    .newSpotSecTitle {
        padding: 0 25px;
    }
	    .milestoneSec {
        padding: 74px 25px 37px;
    }
  .mobileSticky ul {
	padding: 8px 35px 4px;}
    .mobileProjectnav ul li {  padding:0 18px;  }
	    .mobileSticky:before {  top: -20px;}
		.newSpotSec {  padding: 56px 0 80px;  }
		
		
	    .mobileSticky li a {  font-size: 13px;   gap: 7px;}
	    .mobileProjectnav { padding: 8px 37px;}
		    .counterBox span {  font-size: 48px;}
			.counterBox {  margin: 0 0 61px; }
			       .mobileSticky:before {  top: -19px;   }
			    .homeBanner {  padding: 22px 0 18px; background:none;	} 
				    .bannerContent {
        top: 56px;
    }
    .bannerContent {   left: 0%;  }	
    .mobileSticky li.phone img {   width: 48px;	}
	    .mobileProjectnav {   bottom: 58px;}
	    .mobileProjectnav ul li {   padding: 0 30px;   font-size: 12px;  }
		    .mobileProjectnav {  padding: 2px 37px 2px 30px;  }
			.mobileSticky li a span img {  width: 22px; }
		   .innerBanner img {
        padding: 0;
        margin: 0 0 0 -737px;
        width: 332%;
    }
	.projectoverviewDetailBottom ul {
        padding: 12px 5px;
    }
			.projectoverviewDetailBottom ul li a { padding: 11px 11px;  }
	.projectoverviewDetailBottom ul li:last-child a { padding: 11px 11px;  }
	.innerBanner.nri img {
        width: 215%;
        margin: 0;
        margin: 0 0 0 -370px;
    }
	.comTitle br{display:none;}
.homeBanner img {
        object-fit: inherit;
        height: inherit;
    }
	    .widgetEnquireNow {
        padding: 6px 12px;
        font-size: 11px;
        right: -48px;
    }
	.hOngoingsec.ongoingList .ongoinglistNav ul li a {  font-size: 12px;}
	   .toggle{ width: 35px; height: 35px; border: solid 2px rgb(126 149 175);}
	    .MobilepBtn ul li a {  padding: 0 6px;}
		.toggle:hover {  border: solid 2px rgb(126 149 175);}
		.toggle:after {  width: 35px;  height: 35px;}
		.toggle:after {  left: -2px;  top: -2px;}
		.share-button {  margin: 10px 0;  right: 0; }
        .projectBox h6{    letter-spacing: 0px; font-size: 12px;}
        .testimonialSec.mobile h3 {font-size: 42px;line-height: 42px;}
        .ourFoundation h3 {font-size: 48px;line-height: 1.1;}
        .ourFoundation{        font-size: 16px;}
        .ourFoundation p{padding-inline: 20px;line-height: 1.3;}
        .testimonialNav{padding: 0;margin-bottom: 20px;}
        .ongoinglistNav ul{margin: 0 auto 15px;}
        .testimonialNav ul {margin: 0 auto 15px;}
        .aboutintroTop h5 {font-size: 16px;width: 96%;line-height: 1.4;}
        .aboutintroTop p {width: 96%;line-height: 1.4;}
        .aboutintroBottom {padding: 0 0 10px 0px;}
        .aboutintroSec{padding-bottom: 30vh;background-size: 200%;margin-bottom: -1px;}
        .aboutintroBottom .item{margin-bottom: 0;}
        .modal-header .close{font-size: 30px;width: 40px;height: 40px;font-size: 30px;line-height: 35px;}
        #contact-form .full-col,#contact-form .half-col {padding: 10px 20px;}
        #contact-form .half-col .form-control {font-size: 14px;padding: 2px 0;}
        #contact-form .full-col .form-control{font-size: 14px;}
        .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 13px;}
        body .iti-mobile .intl-tel-input.iti-container{z-index: 999999;}
        .breadcrumbs ul{flex-wrap: wrap;}

	.network-list li {
     width: 30px;
    height: 30px;
  
}
.network-list a{  line-height: 33px;}
	.share-button input:checked ~ .network-list li:nth-child(1) {
    left: -38px;  
}	  
.share-button input:checked ~ .network-list li:nth-child(2) {
    left: -76px;
}
.share-button input:checked ~ .network-list li:nth-child(3) {
    left: -114px;
}
.contactusSec .contacttop ul li a {
        font-size: 11px;
    }
		.contactL img {  width: 19px;  }
		.testimonialsOut {
        padding: 80px 5px 346px;
    }
	.aboutintroBottom .item h4 {
        font-size: 16px;
        padding: 0;
    }
	.counterBox span {
        font-size: 39px;
    }
	  .testimonialContent.textBox {padding: 0 30px;}
	  .testimonialNav ul {
        margin: 0 auto 15px;
        display: flex;
	  width: max-content; max-width:  max-content;}
	  .testiTitleTop p br{display:none;}
	  .ctaSectionBottom h3 {  letter-spacing: -1px; }
	      .careersTitleTop .col-md-2 img {   width: 85px;  }
		  .careerJoinDra .item h4 {
        font-size: 22px;
    }
	.careerJoinDra .item img {
    width: 40px;  margin: 0 0 5px;
}
.currentOpenings p br{display:none;}
    .currentOpenings ul li h3 span {
        font-size: 13px;
    }
	.currentOpenings ul li a:after {  width: 40px;  height:40px;}
	.currentOpenings ul li h3 {
        font-size: 14px;
    }
	.currentOpenings ul li span {
        font-size: 33px;
    }
	.joinUs {
        padding: 60px 30px 150px;
    }
	.joinUs.joinpage h3 {  font-size: 20px; }
	
	.nrimdsec {
    padding: 80px 30px;
    position: relative;
}
.nrimdsec h3 {
font-size: 45px;  line-height: 56px;}
.nrimdsec img {
    width: 100%;
    margin: 0 0 20px;
}
    .grahapravesamBottom ul li h5 {
        font-size: 13px;
    }
	 .network-list a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
	    .footerTop ul li a {
        font-size: 11px;
    }
	    .ProjectDec h3 {
        background-size: 5%;
    }
	    .ProjectDec h3 {
        font-size: 12px;}
			.ctaSectionBottom {
     padding: 600px 35px 79px;  
}
.rb.modal .modal-body {
    padding: 0 8px 8px;
}
   .dRb{display:none;}
.mRb{display:block;} 
	
 }
  @media (max-width:420px){
	  
.buy_flat.col-sm-12{padding: 0 19px !important;}
	      #kenytChatBubble {  bottom: 130px !important;}
	  	.ctaSectionBottom {
     padding: 580px 35px 79px;  
}
 .comTitle {
        font-size: 40px;
 line-height: 45px;}
 .NriTop h4 {  font-size: 23px;}
 .grahapravesamBottom ul li {    width: 46%;   margin: 0 12px 50px 0;  }
	.grahapravesamBottom ul li h5 {  font-size: 17px; }
	.innerbannerContent p br{display:none;}
	    .NriTopL p {
        font-size: 15px;
        line-height: 25px;
    }
	    .innerBanner img {
        padding: 0;
        margin: 0 0 0 -821px;
        width: 377%;
    }
	    .innerbannerContent h1 {
        font-size: 25px;
        line-height: 38px;
    }
	.footerBottom .followUs a {
     width: 32px;  height: 32px;  line-height: 32px;
}
.newSpotSec h4 br{display:none;}
#join-form label {
    font-size: 13px;
}
 .testimonialsOut {   padding: 80px 5px;  }
  .aboutintroSec.testimonialsOut {   padding: 80px 5px 65px;  }
    .aboutintroSec .aboutintroBottom  {   margin-bottom:  180px;  }
	   
	.aboutintroBottom { padding: 0 0 10px 23px;}
	    .breadcrumbs {   width: 87%;   }
		.innerbannerContent h1 span {  padding: 0 5px;}
		.innerbannerContent .text1 {
    background: #242424 -webkit-linear-gradient(left, #ffffff, #ffffff) no-repeat 0 0 / 15px;
}
#join-form textarea.form-control {
    padding: 10px 0 0;
}
  .testimonialSec.mobile .gReview{ right: 11px;
   position: relative;}
.mtestiImgSlide .tslide span img {
        width: 28px;
    }
	    .contactusSec h2 {
        font-size: 50px;
    }
	.contactusSec{padding:0 15px;}
	.contactL {  padding: 0 7px;  font-size: 14px;   line-height: 20px;
    }
	.contactR {  padding: 0 7px;  font-size: 14px;  line-height: 20px; }
	.grahapravesamSec .col-md-7 {
      padding: 89px 30px 0;
    }
	    .grahapravesamBottom ul li h3 {
        font-size: 45px;
    }
	.grahapravesamBottom ul li {
        width: 46%;
        margin: 0 9px 50px 0;
    }
	.grahapravesamBottom ul li a {
    padding: 15px 9px 0;   gap: 6px;}
	.NriDra .aboutintroBottom {
        padding: 0 0 0 23px;
    }
	    .grahapravesamBottom ul li h5 {
        font-size: 13px;
    }
	
	.festival-popup h2 small {
    display: block;
}
.locateProjectList ul li {
        font-size: 14px;
    }
  }
  
	
 @media (max-width:380px){
	     .hongoingBottom.lppage .ProjectDec h2 {
        font-size: 21px;
    }
	.hongoingBottom.lppage .projectBox p {
	 font-size: 14px;}
	 .locateProjectList ul li {
        font-size: 13px;
    }
	     .contactusSec .contacttop ul li a {
        font-size: 10px;
    }
	 .masterpieceProjectListBottom .row {
     display: block;
}
.masterpieceProjectList .col-md-10 {
        -ms-flex:100%;
        -webkit-box-flex: 0;
        flex: 100%;
        max-width: 100%;
       margin: 0 0 10px;
    }
	    .masterpieceProjectList .col-md-2 {
       -ms-flex:100%;
        -webkit-box-flex: 0;
        flex: 100%;
        max-width: 100%;
    }
	 .masterpieceProjectListBottom {
        padding: 20px 20px 45px;
    }
	     .ctaSectionBottom {  padding: 484px 35px 79px;}
	 .ctaSectionTop h2 span {  padding: 0 0 0 95px;  }
	 .ctaSectionTop h2 {  font-size: 40px;  line-height: 44px;}
	 .ctaSectionTop h2 span:after {    left: 98px;  }
	     .ctaSectionTop h2 strong:after {   bottom: 1px;  }
	 		.homeBanner .mBan{display:block;   margin: -28px 0 0;}
	 .comTitle {
        font-size: 35px;
        line-height: 40px;
    }
			.mobileSticky:before {    top: -17px;  }
			    .innerBanner.nri img {   width: 272%;   margin: 0;    margin: 0 0 0 -450px;  }
			    .mobileProjectnav { padding: 2px 34px 2px 18px;   }
				.bannerBrochure a { font-size: 10px;}
	    .bannerBrochure .wthroBtn {  background-size: 20%; padding: 14px 60px 11px 8px;  }
		    .projectintroSec h2.pcTitle {   font-size: 33px;  letter-spacing: -2px; }
	.projectintroSec.Construction h3 { font-size: 15px;}
	 }