@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;
 }



 .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 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s 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;
     transition: all 0.3s ease;
 }

 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;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 header.fix_header.sticky .headerTop {
     display: none;
 }

 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 35px 20px;
     min-height: 40px;
 }

 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;
 }

 .project_img {
     height: 15rem;
     width: 22.5rem;
 }

 .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 .fLogo img {
     max-width: 100%;
     height: auto;
 }

 .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: #551701;
         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;
         color: white !important;
     }

     .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: white;
         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 .fLogo img {
         width: 150px;
     }

     footer h3 {
         font-size: 15px;
     }

     .footerBottom .followUs ul {
         gap: 5px;
     }

     .footerBottom .fLogo {
         flex: 0 0 100%;
         text-align: center;
     }

     .footerBottom .followUs {
         flex: 0 0 100%;
         text-align: center;
     }

     .footerBottom .copyRight {
         font-size: 11px;
         flex: 0 0 100%;
         text-align: center;
         padding: 24px 10px 42px;
     }

     .footerBottom .fLogo img {
         width: 150px;
         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;
     }
 }

 /* =========================================
   PREMIUM REDESIGN - New Spot Section
   ========================================= */

 .premium-redesign {
     padding: 100px 0;
     background-color: #f9f9f9;
     position: relative;
     overflow: hidden;
 }

 .premium-redesign .sec-title-wrapper {
     margin-bottom: 30px;
     position: relative;
 }

 .premium-redesign .premium-title {
     font-family: 'Poppins', sans-serif;
     font-size: 3.5rem;
     font-weight: 700;
     color: #2c2c2c;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .premium-redesign .highlight-text {
     color: #b01717;
     /* Brand Red */
     position: relative;
     display: inline-block;
 }

 .premium-redesign .divider-line {
     width: 80px;
     height: 4px;
     background: #f9ba2f;
     /* Brand Gold */
     border-radius: 2px;
     margin-top: 15px;
 }

 .premium-redesign .description-text {
     font-family: 'Roboto', sans-serif;
     font-size: 1.1rem;
     line-height: 1.8;
     color: #555;
     font-weight: 300;
     margin-bottom: 40px;
     max-width: 90%;
 }

 .premium-redesign .bold-highlight {
     font-weight: 500;
     color: #000;
 }

 .premium-redesign .yellow-bg-highlight {
     background: linear-gradient(120deg, #f9ba2f 0%, #f9ba2f 100%);
     background-repeat: no-repeat;
     background-size: 100% 30%;
     background-position: 0 88%;
     color: #000;
     font-weight: 500;
 }

 /* Buttons */
 .premium-redesign .btn-premium {
     padding: 15px 40px;
     border-radius: 50px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
     transition: all 0.3s ease;
     display: inline-block;
     margin-right: 15px;
     text-decoration: none;
 }

 .premium-redesign .btn-filled {
     background: #b01717;
     color: #fff;
     box-shadow: 0 10px 20px rgba(176, 23, 23, 0.3);
     border: 2px solid #b01717;
 }

 .premium-redesign .btn-filled:hover {
     background: transparent;
     color: #b01717;
     transform: translateY(-3px);
     box-shadow: 0 5px 10px rgba(176, 23, 23, 0.2);
 }

 .premium-redesign .btn-outline {
     background: transparent;
     color: #333;
     border: 2px solid #333;
 }

 .premium-redesign .btn-outline:hover {
     background: #333;
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 /* Image Column */
 .premium-redesign .image-wrapper {
     position: relative;
     z-index: 1;
     padding: 20px;
 }

 .premium-redesign .image-bg-shape {
     position: absolute;
     top: 0;
     right: -50px;
     width: 100%;
     height: 100%;
     background: #e8e8e8;
     border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
     z-index: -1;
     opacity: 0.6;
 }

 .premium-redesign .featured-img {
     border-radius: 20px;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
     transition: transform 0.5s ease;
     width: 100%;
 }

 .premium-redesign .image-wrapper:hover .featured-img {
     transform: scale(1.02);
 }

 /* Feature Cards */
 .premium-redesign .features-wrapper {
     margin-top: 80px;
 }

 .premium-redesign .feature-card {
     background: #fff;
     padding: 40px 30px;
     border-radius: 20px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     height: 100%;
     border-bottom: 5px solid transparent;
     position: relative;
     overflow: hidden;
 }

 .premium-redesign .feature-card:hover {
     transform: translateY(-15px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
     border-bottom-color: #b01717;
 }

 .premium-redesign .icon-box {
     width: 70px;
     height: 70px;
     background: rgba(249, 186, 47, 0.2);
     /* Light Gold */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
     color: #b01717;
     font-size: 28px;
     transition: all 0.3s ease;
 }

 .premium-redesign .feature-card:hover .icon-box {
     background: #b01717;
     color: #fff;
 }

 .premium-redesign .feature-card h3 {
     font-family: 'Poppins', sans-serif;
     font-size: 1.5rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: #222;
 }

 .premium-redesign .feature-card p {
     font-size: 1rem;
     color: #666;
     line-height: 1.6;
 }

 /* Responsive */
 @media (max-width: 991px) {
     .premium-redesign {
         padding: 60px 0;
         text-align: center;
     }

     .premium-redesign .sec-title-wrapper,
     .premium-redesign .divider-line {
         margin-left: auto;
         margin-right: auto;
     }

     .premium-redesign .premium-title {
         font-size: 2.5rem;
     }

     .premium-redesign .description-text {
         margin-left: auto;
         margin-right: auto;
     }

     .premium-redesign .image-wrapper {
         margin-top: 50px;
         margin-bottom: 30px
     }

     .premium-redesign .feature-item {
         margin-bottom: 30px;
     }
 }

 /* =========================================
   Externalized Inline Styles
   ========================================= */
 .iti-flag {
     background-image: url("../images/flags.png");
 }

 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
     .iti-flag {
         background-image: url("../images/flags%402x.png");
     }
 }

 /* =========================================
   More Externalized Inline Styles
   ========================================= */
 .landing-page-button {
     margin-bottom: 35px;
 }

 .onloadPopup.modal.show .modal-dialog {
     margin-top: 60px;
 }

 @media (max-width: 768px) {
     .rb.modal .modal-content img {
         width: 100%;
         height: auto;
     }

     .onloadPopup.modal.show .modal-dialog {
         margin-top: 60px;
     }

     .landing-page-button {
         margin-bottom: 0px;
         margin-top: 55px;
     }

     .flats-landing-button {
         margin-top: 50px;
     }

     .button-same {
         padding: 12px 43px;
     }
 }

 .concept-ideas {
     padding-top: 65px;
     padding-right: 25px;
 }

 .ideas-logo-width {
     width: 2% !important;
     margin-bottom: 7px;
 }

 @media (max-width: 600px) {
     .concept-ideas {
         padding-top: 25px;
         padding-right: 25px;
         padding-bottom: 50px;
     }

     .ideas-logo-width {
         width: 4% !important;
         margin-bottom: 7px !important;
     }
 }

 /* Extracted from index.html */
 .dlogo {
     height: 55px;
     width: auto;
 }

 .mlogo {
     height: 47px;
     width: auto;
 }

 .ongoinglistNav a.active {
     background-color: #b01717 !important;
 }

 .ongoinglistNav a {
     background-color: #000000;
 }

 .testimonial-video-desktop {
     width: 100%;
     height: 800px;
 }

 .testimonial-video-mobile {
     height: 180px;
 }

 footer {
     padding-bottom: 0px;
 }

 /* Utility to hide elements (replacing inline style='display:none') */
 .d-none-custom {
     display: none;
 }

 .visibility-hidden {
     visibility: hidden;
 }

 /* Fixes by Antigravity */
 footer {
     width: 100% !important;
     max-width: 100% !important;
     padding-left: 0 !important;
     padding-right: 0 !important;
     background: #040404 !important;
 }

 .footerBottom {
     width: 100%;
 }

 @media (max-width: 991px) {
     header.fix_header .navbar-collapse {
         background: #272727;
         padding: 20px;
         border-top: 1px solid #444;
     }

     header.fix_header .navbar-nav li a {
         color: #ffffff !important;
         padding: 10px 0;
         border-bottom: 1px solid #333;
     }

     header.fix_header .navbar-nav li a:hover {
         color: #f9ba2f !important;
     }

     .navbar-toggler-icon {
         background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
     }
 }