body{margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;}
.menu-toggle {position: absolute;top: 50%;left: 50%;transform-origin: center center;transform: translate(-50%, -50%) rotate(0deg);
height: 28px;width: 45px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;
transition: transform 300ms ease;z-index: 9!importanr;}
.menu-toggle span {height: 5px;width: 120px;background-color: white;transition: width 200ms ease;}
.menu-toggle span:nth-child(1) {width: 80%;transition-delay: 200ms;}
.menu-toggle span:nth-child(2) {width: 100%;}
.menu-toggle span:nth-child(3) {width: 60%;transition-delay: 400ms;}
.menu-toggle span:nth-child(4) {position: absolute;top: -25px;left: 50%;transform: translateX(-50%);display: block;
width: 5px;height: 0;transition: height 400ms;}
.menu-toggeled {transform: translate(-50%, -50%) rotate(45deg);transition-delay: 400ms;}
.menu-toggeled span:nth-child(1) {width: 0;transition: 200ms ease;}
.menu-toggeled span:nth-child(3) {width: 0;transition: 200ms ease;transition-delay: 150ms;}
.menu-toggeled span:nth-child(4) {height: 46px;transition: height 200ms ease;transition-delay: 200ms;top: -8px;}
button{outline: none!important;}
.navbar-toggler{position: fixed;top: 5%;right: 8%;z-index: 9;}
.navbar{padding: 0!important;}
.nav-link:focus, .nav-link:hover{color: #ccc;}

li.nav-item:nth-child(2){padding-left: 14%;}

.nav-link-custom{font-size: 16px;letter-spacing: 0.5px;padding: 8px 12px;}
img.d-logo{width: 50px;}
.ml-auto, .mx-auto {margin-left: auto!important;align-items: center;display: grid;}
.main-site{padding: 0;margin: 0;}
.main-site .container-fluid{margin: 0;padding-left: 0px!important;padding-right: 0px!important;}
.main-site .left-side{height: 100vh;width: 20%;display: flex;align-items: center;position: fixed;
padding: 25px 10px;text-align: center;}
 .left-side{background-color: #222;}
.main-site .left-side .box{margin-top: auto;margin-bottom: auto;}
.main-site .right-side{width: 100%;padding-left: 20%;}
.bg-dark{background-color: rgba(0, 0, 0, 0.8)!important;}
.left-side .box-content img{width: 180px;padding-bottom: 10px;}
.left-side .box-content h5{font-size: 18px;color: #ddd;}
.left-side .box-content h1{font-size: 40px;color: #fff;display: grid;}
.left-side .box-content h1 span{font-size: 34px;letter-spacing: 4px;margin-bottom: 10px;}
.left-side .box-content h4{color: #eee;font-size: 20px;padding: 10px 0px;
font-weight: 700;letter-spacing: 0.5px;}
.left-side .box-content h2{color: #fff;font-size: 28px;text-transform: uppercase;
border-radius: 5px;font-weight: 700;letter-spacing: 0.5px;
padding: 12px 0px;}
.left-side .box-content .p-text{color: #ddd;font-size: 18px;font-size: 24px;border-radius: 5px;background-color: #fff;
color: #222;padding: 8px 0px;font-weight: 700;margin-bottom: 25px;}
.left-side .box-content .price{font-size: 14px;margin-bottom: -2px!important;text-align: left;margin-top: 25px;}
.left-side .box-content .price span{background-color: #bc7234;padding: 4px 15px;color: #fff;border-bottom-right-radius: 5px;
border-top-left-radius: 5px;}
.left-side .box-content p{display: grid;text-align: left;color: #ccc;text-transform: uppercase;font-size: 12px;
font-weight: 600;margin-bottom: 10px;}
.left-side .box-content p span{font-weight: normal;color: #fff;}
.fixed-top{left: 20%;padding: 12px 15px;width: 80%;}
.nav-link {color: #fff;}
.nav .number{background-color: #bc7234;border-radius: 5px;padding: 8px 25px!important;font-weight: 600;}
.left-side .box-content .rera-sec{padding-top: 25%;}
.left-side .box-content .form-control{background-color: transparent;
border: 1px solid #ddd;margin: 8px 0px;border-radius: 0;color: #fff;}
.left-side .box-content .form-control::placeholder{color: #ddd;}
.left-side .box-content .btn-default{background-color: #bc7234;border-radius: 0;color: #fff;width: 100%;margin-top: 4px;
font-weight: 700;padding: 10px 0px;}
.banner-content {position: absolute;bottom: 0;right: 0;width: 60%;
background-color: rgb(188 114 60 / 95%);padding: 2%;
padding-left: 16%;padding-right: 5%;clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);}
.banner-content h1{text-transform: uppercase;font-weight: 800;color: #fff;font-size: 50px;}
.banner-content ul{list-style-type: none;padding-left: 0px;width: 100%;margin-bottom: 0px;}
.banner-content ul li{margin: 8px;width: 100%;}
.banner-content ul li span{font-weight: 600;color: #fff;padding: 10px 10px;border-top-left-radius: 20px;
border-bottom-left-radius: 20px;width: 90%!important;}
.banner-content ul li img{width: 28px;}

.about-sec{padding: 100px 0px;}
.about-sec p{color: #000;}
.about-sec h1 span{color: #bc7234;}
.about-sec h4{padding-bottom: 15px;}
.about-sec .heading span {color: #757575;font-size: 20px;font-weight: 500;display: block;margin-top: .15px;}
.about-sec .heading {text-transform: uppercase;font-weight: 800;text-indent: 20px;position: relative;margin-bottom: 30px;color: #000;font-size: 34px;}
.about-sec .heading:before {content: "";width: 5px;display: inline-block;position: absolute;bottom: -5px;top: 0;left: 0px;
background: #bc723c;border-color: #bc723c;}

.amenities{background-color: #f1f1f1;padding: 100px 0px;}
.amenities h1{font-size: 40px;font-weight: 800;text-transform: uppercase;}
.amenities h1 span{color: #bc7234;}
.amenities p{color: #666;padding-top: 10px;}
.amenities img{width: 50px;}
.amenities .box{text-align: center;background-color: rgba(255, 255, 255, 0.7);padding: 25px 15px;margin: 18px 0px;}
.amenities .box h4{font-size: 16px;padding-top: 15px;font-weight: 600;}
.amenities .box-first{background-color: #bc7234;color: #fff;cursor: pointer;padding: 25px 15px;
text-align: center;}
.amenities .box-first h4{font-size: 16px;font-weight: 600;padding-top: 10px;
letter-spacing: 0.5px;}
.amenities .box:hover{background-color: #bc7234;color: #fff;cursor: pointer;}
.amenities .box:hover img {width: 50px;filter: invert(1);}

.price-sec{height: 15%;} 
.hero {position: relative;background: linear-gradient(to right, rgb(231 194 118 / 95%), rgba(188 114 60 / 90%)), url(../images/bg-price.jpg) left top no-repeat;
background-size: cover;height:520px;}
.one h1 {position: relative;padding: 0;margin: 0;font-weight: 700;font-size: 40px;margin-bottom: 25px;
color: #fff;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.one h1 span {display: block;font-size: 0.5em;line-height: 1.3;}
.one h1 em {font-style: normal;font-weight: 600;}
.one h1 {text-align: center;text-transform: uppercase;padding-bottom: 5px;}
.one h1:before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;
background-color: #fff;}
.one h1:after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 25px;left: 50%;
margin-left: -50px;background-color: #fff;}
.hero .container{padding-top: 100px;}
.hero .top-sec{color: #fff;}
.hero .top-sec p{font-size: 16px;text-transform: uppercase;font-weight: 600;}
.hero .price-list{position: absolute;width: 100%;top: 42%;}
.hero .price-list .box{background-color: rgba(0, 0, 0, 0.8);padding: 15px;text-align: center;}
.hero .price-list .box-1{background-color: #fff;padding: 40px 0px;}
.hero .price-list .p-b{padding: 5px;}
.hero .price-list .box button{margin: 25px 0px;background-color: #bc7234;padding: 8px 28px;border: none;color: #fff;}
.hero .price-list .box-content h2{padding-top: 225px;font-size:32px;font-weight: 700;line-height: 40px;color: #222;
padding-bottom: 5px;}
.hero .price-list .box-content h2 span{color: #bc7234;;}
.hero .price-list .box-content h4{display: grid;font-size: 20px;color: #666;}
.hero .price-list .box-content h4 span{color: #bc7234;padding-top: 10px;font-size: 50px;font-weight: 700;}
.hero .price-list .box-content ul{padding: 0;list-style-type: none;padding-top: 10px;}
.hero .price-list .box-content ul li{font-size: 16px;color: #666;border-bottom: 1px solid #666;padding-bottom: 5px;}
.hero .price-list .box-content h5{padding-bottom: 10px;}

.hero .price-list .box-1 h2{font-size: 24px;font-weight: 700;color: #222;text-transform: uppercase;}
.hero .price-list .box-1 h4{display: grid;padding: 10px 0px;color: #666;font-size: 14px;text-transform: uppercase;}
.hero .price-list .box-1 h4 span{font-size: 17px;color: #222;padding-top: 10px;font-weight: 600;}


.Highlights{padding: 80px 0px;background-color: #f1f1f1;}
.Highlights .one{padding-bottom: 25px;}
.Highlights .one h1{color: #000;}
.Highlights .one h1:before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;
background-color: #000;}
.Highlights .one h1:after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 25px;left: 50%;
margin-left: -50px;background-color: #000;}
.Highlights .left-box {text-align: right;}
.Highlights .media{padding: 20px 0px;}
.Highlights .media span{font-size: 24px;border: 2px solid #ddd;border-radius: 50px;padding: 4px;background-color: #bc7234;
color: #fff;margin: 4px 10px;font-weight: 700;width: 50px;height: 50px;text-align: center;}
.Highlights h4{font-size: 16px;line-height: 28px;}
.Highlights .left-box h4{font-size: 16px;}
.Highlights .top-p{padding-top: 40px;}


.floor-plan h1 span{color: #bc7234;display: grid;}
.floor-plan .row{padding-top: 25px;}
.floor-plan .heading span {color: #fff;font-size: 20px;font-weight: 500;display: block;margin-top: .15px;}
.floor-plan .heading {text-transform: uppercase;font-weight: 800;text-indent: 20px;position: relative;margin-bottom: 30px;
color: #fff;font-size: 50px;}
.floor-plan .heading:before {content: "";width: 5px;display: inline-block;position: absolute;bottom: -5px;top: 0;left: 0px;background: #bc723c;
border-color: #bc723c;}
.floor-plan{background-color: #000;}
.floor-plan .hero-plan {position: relative;background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/bg-price.jpg) left top no-repeat;
background-size: cover;padding: 80px 0px;}


.floor-plan .box h4{font-size: 18px;padding-top: 15px;display: grid;color: #fff;}
.floor-plan .box h4 span{color: #fff;padding-bottom: 5px;font-size: 16px;}
.f-img {position: relative;margin-bottom: 35px;}
.f-img .overlay{position: absolute;width: 100%;text-align: center;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
text-align: center;}
.f-img .overlay span{background-color: #bc7234;padding: 8px 15px;color: #fff;font-weight: 600;
letter-spacing: 0.5px;font-size: 16px;text-transform: uppercase;}

.gallery{padding: 50px 0px;background-color: #f1f1f1;}
.gallery .one{padding-bottom: 25px;}
.gallery .one h1{color: #000;}
.gallery .one h1:before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;
background-color: #000;}
.gallery .one h1:after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 25px;left: 50%;
margin-left: -50px;background-color: #000;}

.gallery .carousel {position: relative;}
.gallery .carousel-item img {object-fit: cover;}
.gallery #carousel-thumbs {background: rgba(255,255,255,.3);bottom: 0;left: 0;padding: 0 50px;right: 0;}
.gallery .gallery #carousel-thumbs img {border: 5px solid transparent;cursor: pointer;}
.gallery #carousel-thumbs img:hover {border-color: rgba(255,255,255,.3);}
.gallery #carousel-thumbs .selected img {border-color: #fff;}
.gallery .carousel-control-prev, .carousel-control-next {width: 50px;}

.location .heading span {color: #757575;font-size: 20px;font-weight: 500;display: block;margin-top: .15px;}
.location .heading {text-transform: uppercase;font-weight: 800;text-indent: 20px;position: relative;margin-bottom: 30px;
color: #000;font-size: 50px;}
.location .heading:before {content: "";width: 5px;display: inline-block;
position: absolute;bottom: -5px;top: 0;left: 0px;background: #bc723c;
border-color: #bc723c;}
.location{padding: 100px 0px;}
.l-map{position: relative;width: 65%;left: 35%;}
.l-map .box{position: absolute;top: 0;left: -54%;width: 100%;}
.l-map .l-details{position: absolute;width: 75%;left: -54%;background-color: rgba(0, 0, 0, 0.9);top: 25%;bottom: 0%;
height: 60%;padding: 5% 8%;
border-radius: 15px;}
.l-map .l-details h4{color: #fff;}
.l-map .l-details p{color: #fff;}
.l-map .l-details ul{padding: 0;}
.l-map .l-details ul li{color: #fff;line-height: 30px;font-size: 15px;}

.footer .form_inner {
    display: flex;
    justify-content: space-between;
}

.footer .form_inner .form-control{margin: 10px;margin-bottom: 0;}

.footer{background-color: #000;padding: 100px 0px;}
.footer h4{color: #fff;font-size: 20px;border-left: 4px solid #bc7234; padding-left: 10px;text-transform: uppercase;
margin-bottom: 25px;}
.footer p{color: #adadad;font-size: 16px;line-height: 28px;}

.footer .form-control{background-color: transparent;margin-bottom: 15px;border: none;
border-bottom: 1px solid #717171;color: #fff;
border-radius: 0;padding-left: 0;box-shadow: none;}
.footer .form-control::placeholder{color: #717171;}

.footer .btn-default{background-color: #bc7234;width: 100%;border: 0;color: #fff;border-radius: 0;margin-top: 15px;}
.footer .box{padding-top: 100px;}

.f-bottom{background-color: #000;padding: 25px 0px;color: #fff;}
.f-bottom p{font-size: 12px;color: #ddd;margin-bottom: 5px;}
.f-bottom ul{list-style-type: none;padding: 0;}
.f-bottom ul li{font-size: 12px;}
.f-bottom ul li a{color: #ddd;text-decoration: none;}
.f-bottom .row{border-top: 1px solid #333;padding-top: 25px;}

.mobile-section{display: none;}

.left-side .box-content.modalpopup{padding: 25px;}
.left-side .box-content.modalpopup .p-text {text-align: center;}
.left-side .box-content.modalpopup h2{text-align: center;}
.left-side .box-content.modalpopup h4{text-align: center;}
.left-side .box-content.modalpopup h5{text-align: center;}
.box-content.modalpopup{text-align: center;display: block;margin: 0px auto;}
.close{color: #fff!important;}

.position-relative {position: relative!important;margin: 0px auto;display: block;}

@media screen and (max-width: 1900px){
.left-side .box-content .rera-sec{padding-top: 5%;}
.left-side .box-content h5{padding-bottom: 0px;}
.main-site .left-side{padding: 10px;}
.left-side .box-content h4 {padding: 4px 0px;}
.left-side .box-content .p-text{margin-bottom: 12px;}
.left-side .box-content .price {margin-top: 12px;}
}

@media screen and (max-width: 1600px){
.left-side .box-content h4{padding: 0px;font-size: 20px;}
.left-side .box-content .price{margin-top: 12px;}
.left-side .box-content .p-text{font-size: 20px;margin-bottom: 10px;}
.left-side .box-content h2{font-size: 16px;}
li.nav-item:nth-child(2) {padding-left: 5%;}
.l-map .l-details{height: 75%;top: 24%;}
}

@media screen and (max-width: 1480px){
.left-side .box-content .rera-sec{padding-top: 5%;}
.fixed-top{left: 25%;padding: 10px 0px;width: 75%;}
.main-site .left-side{width: 25%;}
.main-site .right-side{width: 100%;padding-left: 25%;}
.container{padding: 0 4%;}
.banner-content {width: 65%;padding: 2%;padding-left: 17%;}
.amenities h1{font-size: 34px;}
.Highlights .top-p{padding-top: 0px;}
.Highlights .media {padding: 2px 0px;}
li.nav-item:nth-child(2) {padding-left: 15.5%;}
.nav-link-custom {font-size: 15px;letter-spacing: 0.1px;}
.nav .number {padding: 8px 5px!important;font-weight: 600;}
.banner-content h1{font-size: 45px;}
.hero .price-list .box-1 h2{font-size: 20px;}
.hero .container{padding-top: 25px;padding-bottom: 25px;}
.hero .price-list .box{padding: 5px;}
.hero .price-list .box-1 h4{padding: 2px 0px;}
.price-sec{height: 14%;}
.nav-link-custom{font-size: 14px;letter-spacing: 0.5px;padding: 8px 6px;}
img.d-logo {margin-left: 10px;margin-right: 15px;}
.nav .number{margin-left: 15px;}
}

@media screen and (max-width: 1366px){
img.d-logo {
    /* margin: 10px 10px; */
    width: 50px;
}
.btn-side{margin-right: 15px;}
.ml-auto, .mx-auto{margin-left: 0;}
.Highlights .top-p {padding-top: 0px;}
.Highlights h4{font-size: 14px;line-height: 18px;}
.Highlights .left-box h4{font-size: 14px;line-height: 18px;}
.Highlights .media {padding: 16px 0px;}
.footer {padding: 50px 0px;}
.main-site .left-side{padding: 25px 0px;}
.left-side .box-content h5 {padding-bottom: 0px;}
.hero .container {padding-top: 40px;}
.hero .price-list .box-1 h2{font-size: 18px;}
.hero .price-list .box-1 h4 span{font-size: 14px;}
.hero .price-list .box{padding: 5px;}
.banner-content {padding-left: 15%;}
.container {padding: 0 5%;}
li.nav-item:nth-child(2) {padding-left: 15%;}
.nav-link-custom {font-size: 14px;letter-spacing: 0.1px;padding: 18px 7px;}
.left-side .box-content h1{font-size: 30px;}
.left-side .box-content h1 span{font-size: 24px;}
}

@media screen and (max-width: 1280px){
.fixed-top {left: 22%;padding: 10px 0px;}
.nav .number {padding: 8px 10px!important;}
.hero .price-list .box{padding: 7px;}
.container {padding: 0 4%;}
.about-sec img{padding-top: 22%;}
.fixed-top{width: 78%;}
.amenities h1 {font-size: 32px;}
.fixed-top {left: 22%;padding: 10px 15px;}
.main-site .left-side{width: 22%;}
.main-site .right-side{background-color: #eee;width: 100%;padding-left: 22%;}
li.nav-item:nth-child(2) {padding-left: 14%;}
.about-sec .heading span{font-size: 16px;}
.about-sec .heading{font-size: 34px;}
.about-sec {padding: 50px 0px;}
.amenities .box{padding: 25px 5px;margin: 10px 0px;}
.amenities .box h4{font-size: 14px;}
.amenities{padding: 50px 0px;}
.floor-plan .heading{font-size: 34px;}
.floor-plan .heading span{font-size: 14px;}
.floor-plan .hero-plan{padding: 50px 0px;}
.location {padding: 50px 0px;}
.nav-link {padding: 15px 10px!important;}
.left-side .box-content h1{font-size: 34px;}
.left-side .box-content h1 span{font-size: 18px;}
}

@media screen and (max-width: 767px){
.banner-content ul li img{display: none;}
.banner-content ul li{text-align: center;}
.mobile-section {display: block;background: #2f2f2f;background: #2f2f2f;
position: fixed;bottom: 0;left: 0;width: 100%;}
.mobile-section a {color: #fff;background-color: #bc7234;border-color: #bc7234;}
.banner-content h1 {font-size: 28px;margin:  0 auto;}
.about-sec .heading{font-size: 25px;}
.about-sec .heading span{font-size: 14px;}
.about-sec {padding: 35px 0px;}
.amenities{padding: 40px 0px;}
.amenities .box {padding: 15px 15px;margin: 5px 0px;}
.mobile-section a {width: 32.4%;border-radius: 0;font-size: 13px;font-weight: 600;}
.Highlights {padding: 40px 0px;}
.Highlights .one {padding-bottom: 5px;}
.l-map .l-details p {color: #0a0a0a;}
.location{padding: 40px 0px;}
.l-map .box {position: unset;}
.l-map{position:unset;width: 100%;left: 0%;}
.l-map .l-details {position: unset;width: 100%;left: 0;border-radius: 0;margin-top: 25px;height: auto;
background-color: #fff;}
.l-map .l-details ul li {color: #333;}
.gallery .carousel-container #carousel-thumbs img {border-width: 3px;}
.Highlights .top-p {padding-top: 0px;}
.Highlights .media {padding: 0px 0px;}
.Highlights .media span{display: none;}
.Highlights img{display: none;}
.Highlights .left-box{text-align: left;}
.hero .price-list .box-content h2 {padding-top: 0px; color: #fff;}
.hero .price-list .box-content h2 span {color: #fff;}
.main-site .left-side{height: auto;}
.main-site{display: unset!important;}
.main-site .left-side{width: 100%!important;position: unset;}
.main-site .right-side{background-color: #eee;width: 100%;padding-left: 0%;}
.fixed-top {left: 0%;padding: 10px 0px;width: 100%;}
.banner-content {position: unset;width: 100%;padding: 4%;clip-path: unset;}

ul.nav.bg-dark.navbar-top.fixed-top li.nav-item {width: 100%;text-align: center;}

ul.nav.bg-dark.navbar-top.fixed-top {left: unset;width: 100%;padding: 0px;z-index: 1;}
.hero .container {padding-top: 10px;}
.hero .price-list {position: unset;width: 100%;}
.price-sec {height: unset;}
.hero .price-list .box-content ul li {color: #fff;border-bottom: 1px solid #fff; }
.hero {height: unset;}
.gallery {padding: 25px 0px;background-color: #f1f1f1;padding-top: 0px;}
.footer .form_inner{display: block;margin: 0px;margin-right: 20px;}
.footer .btn-default{margin-left: 10px;}
}


@media all and (max-width: 576px) {.gallery .carousel-container #carousel-thumbs {position: absolute;}
.nav-link {color: #fff;padding: 15px 10px!important;}}
@media all and (max-width: 576px) {.gallery .carousel-container #carousel-thumbs {background: #ccccce;}}