:root{
  --golden:#81583a;
}
body{margin: 0;padding: 0;box-sizing: border-box;}
html, body {margin: 0px;padding: 0px;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
header {z-index: 99;position: absolute;width: 100%;/*height: 60px;*//*background: #00000026;*//*padding-top: 15px;*/}
header a {color: white;background:none!important;display: inline-block;padding: 15px 30px;line-height: 60px;
text-align: center;font-family: 'Roboto Slab', serif;text-decoration: none;text-transform: uppercase;
letter-spacing: 2px;font-weight: 700;}
header a img{width: 130px;}

.mx_-5{margin-left:-5px!important; margin-right:-5px!important;}
.px_5{padding-left:5px!important; padding-right:5px!important;}
.mx_-8{margin-left:-8px!important; margin-right:-8px!important;}
.px_8{padding-left:8px!important; padding-right:8px!important;}

#hero1 {background: url(../images/bg-bg.webp);
background-size: cover;background-position: center center;background-attachment: fixed;}
.hero, .content {text-align: center;position: relative;width: 100%;}
.hero .inner {min-height: 100vh;position: relative;}
.hero .inner {background: rgb(129 88 58 / 96%)url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat;
}

.media img{width: 45px;}

.hero .copy {width: 100%;z-index: 99;margin: 0px auto;}
.hero .bg-back{position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;z-index: 9;}
.hero .bg-back .bg-left{width: 74%;height: 100vh;}
.hero .bg-back .bg-right{width: 26%;height: 100vh;
background: #181818 url(../images/p1.png) repeat;
}

.p-plan{position: absolute;top: 5%;right: 20px}
.p-plan img{width: 60%;float: right;}

.copy-main {position: absolute;width: 100%;height: 100%;padding: 7% 10%;}
.copy-main-2 {position: relative;width: 100%;height: 100%;display: grid;align-items: center;}

.content-main .form_inner{padding-top: 25px;}
.content-main .form_inner .form-control{background-color: transparent;border-radius: 0;padding: 10px; border: 2px solid #fff!important;color: #fff;}
.content-main .form_inner .form-control::placeholder{color: #fff;}
.content-main .form_inner .btn-default{width: 100%;border-radius: 0;padding: 10px 0px;margin-top: 10px;background-color: #ffffff!important;
font-weight: 600;color: #222;}
.content-main .box-content{padding-top: 4%;padding-right: 10%;color: #fff;text-align: left;}
.content-main img{width:400px;padding-left: 15px;margin-left: -12px;padding-bottom: 7px;}
.content-main img.project_logo{max-width: 180px; filter: brightness(0) invert(1);/* filter: invert(1);*/}
.content-main .box-content h5{margin-bottom: 0px;padding-top: 0px;font-weight: normal;margin-top: 8px;}
.content-main .box-content h5 img{width: 56px;padding-right: 15px;}
.content-main .box-content h4{margin-bottom: 15px;font-size: 22px;line-height: 40px;font-weight: 700;}
.content-main .typo span{text-shadow: 1px 3px 5px rgb(0 0 0 / 15%); letter-spacing: 1px;}
.content-main .box-content .price{margin-top: 20px;}
.content-main .box-content h6 span{background-color: #eee;padding: 7px 20px;font-size: 16px;text-transform: uppercase;
color: #222;font-weight: 600;}
.content-main .box-content h6 span:last-child{margin-left: 8px;cursor: pointer;}
.content-main .box-content .p-text{font-size: 70px;font-weight: 700; text-shadow: 1px 3px 5px rgb(0 0 0 / 22%);}
.content-main .box-content .p-text span{font-weight: normal;font-size: 40px;}

#main ul{list-style-type: none;display: flex;align-items: center;margin-bottom: 0;}
#main ul li{display: inline-block;}
#main ul li:first-child{padding-right: 50px;}
#main ul li a{vertical-align: ;}
#main2 a{color: #fff;text-decoration: none;font-size: 18px;padding-top: 25px;align-items: center;font-weight: 700;
border-top-left-radius: 100%;}
#main2 .bg-color{padding: 12px 16px;margin-right: 5px;background-color: rgba(255, 255, 255);}


#main2 a img{width: 16px;margin-top: -4px;}
#main .icon-m{background-color: #ffffff;padding: 12px 14px;color: var(--golden);border: 1px solid #333;}
#main {transition: margin-left .5s;padding: 10px 0px;position: fixed;top: 15px;right: 0px;z-index: 1000;color: #fff;}
#main2{position: absolute;top: 20px;right: 15px;z-index: 99;padding-top: 12px;padding-bottom: 12px;
padding-left: 0%;padding-right: 10%;
background-color: #81583a;border: 2px solid rgba(255, 255, 255, 0.1);}


.sidenav {height: 100%;width: 0;position: fixed;z-index: 9999999;top: 0;right: 0;background-color: #111;
overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav a {padding: 8px 8px 0px 32px;text-decoration: none;font-size: 24px;color: #cdcdcd;;font-weight: 600;
display: block;transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}

.copy-main-2 .controls {align-items: center;position: absolute;bottom: 0px;z-index: 9;right: -18%;}
.copy-main-2 .carousel-control-next, .copy-main-2 .carousel-control-prev {top: unset!important;height: 14%;background-color: #000;
right: unset;position: unset!important;padding: 20px 35px;color: #fff;width: unset;margin-top: 10px;}
.copy-main-2 .carousel-indicators{bottom: 34px;}

.about-bottom h1{color: #ebebeb;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.about-bottom h6{color: #222;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.about-bottom p{color: #666;margin-bottom: 0;}
.about-bottom .heading{padding-bottom: 120px;}
.about-bottom .heading .line{width: 400px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.about-bottom .heading .line2{width: 50px;height: 4px;background-color: var(--golden);display: block;
margin: 0 auto;margin-top: -2px;}


.about-bottom h2{text-transform: uppercase;font-weight: 700;font-size: 50px;}
.about-bottom {width: 100%;height: 100%;display: flex;align-items: center;
background-color: var(--golden);}
.about-bottom .content {width: 95%;height: 100%;padding: 7% 8%;background-color: #fff;text-align: left;}
.about-bottom .bg-color {width: 5%;height: 100%;padding: 50px;background-color: var(--golden);}
.about-bottom h5{margin-bottom: 25px;padding-top: 10px;font-weight: 600;margin-top: 8px;color: #666;}
.about-bottom h5 img{width: 45px;padding-right: 10px;}
.about-bottom .box .b-img{padding: 2px;border: 1px solid #eee;box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.2);
-webkit-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.2);}
.about-bottom ul{list-style-type: none;padding-left: 0;padding-top: 25px;}
.about-bottom ul li{display: inline-block;padding-right: 5px;text-align: center;width: 49%;}
.about-bottom ul li h4{padding-top: 10px;font-size: 18px;text-transform: uppercase;color: #fff;
margin-bottom: 0px;margin-top: 6px;}
.about-bottom ul li p{color: #eee;}
.about-bottom .box-icon{background-color: var(--golden);padding: 25px 38px;;box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);
-webkit-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);
-moz-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);}
.about-bottom .box-icon a{text-decoration: none;}
.about-bottom .box {position: relative;}
.about-bottom .txt_points{padding-top: 10px; list-style-type: disc; padding-left: 20px; margin:0;}
.about-bottom .txt_points li{display:list-item; width:100%; text-align: left; color: #666;}
img.back-img {position: absolute;top: -15%;right: -25%;z-index: 1;opacity: 0.6;}
img.second-img {position: relative;z-index: 2;}


.p-price .price-sec{height: 14%;}
.p-price .hero {position: relative;background: linear-gradient(to right, rgb(8 8 8 / 92%), rgb(0 0 0 / 85%)), url(../images/bg-bg1.webp) left top no-repeat;
background-size: cover;height:620px;background-position: center;}

.p-price h1{color: #fff;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.p-price h6{color: #fff;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.p-price .heading{padding-bottom: 50px;}
.p-price .heading .line{width: 400px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.p-price .heading .line2{width: 50px;height: 4px;background-color: #fff;display: block;
margin: 0 auto;margin-top: -2px;}

.p-price .hero .container{padding-top: 110px;}
.p-price .hero .top-sec{color: #fff;}
.p-price .hero .top-sec p{font-size: 20px;text-transform: uppercase;font-weight: 600;line-height: 36px;}
.p-price .hero .price-list{position: absolute;width: 100%;top: 65%; padding-bottom: 80px;}
.p-price .hero .price-list .box{background-color: rgba(0, 0, 0, 0.2);padding: 15px;text-align: center;
box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);
-webkit-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);
-moz-box-shadow: 0px 5px 5px 0px rgba(79,79,79,0.41);}
.p-price .hero .price-list .box-1{background-color: #fff;padding: 60px 0px;}
.p-price .hero .price-list .p-b{padding: 20px;}
.p-price .hero .price-list .box button{margin: 28px 0px;background-color: var(--golden);padding: 8px 28px;
border: none;color: #fff;font-weight: 600;}
.p-price .hero .price-list .box-content h2{padding-top: 244px;text-transform: uppercase;font-size:60px;
font-weight: 900;line-height: 75px;color: #222;padding-bottom: 5px;text-align: left;}
.p-price .hero .price-list .box-content h2 span{color: var(--golden);}
.p-price .hero .price-list .box-content h4{display: grid;font-size: 20px;color: #666;}
.p-price .hero .price-list .box-content h4 span{color: #c80000;padding-top: 10px;font-size: 50px;font-weight: 700;}
.p-price .hero .price-list .box-content ul{padding: 0;list-style-type: none;padding-top: 10px;}
.p-price .hero .price-list .box-content ul li{font-size: 16px;color: #666;border-bottom: 1px solid #666;padding-bottom: 5px;}
.p-price .hero .price-list .box-content h5{padding-bottom: 10px;}
.container-price {width: 85%;margin: 0 auto;}
.p-price .hero .price-list .box-1 h2{font-size: 28px;font-weight: 700;color: #222;text-transform: uppercase;}
.p-price .hero .price-list .box-1 h4{display: grid;padding: 10px 0px;color: #222;font-size: 14px;text-transform: uppercase;font-weight: 700;}
.p-price .hero .price-list .box-1 h4 span{font-size: 40px;color: var(--golden);padding-top: 10px;font-weight: 700;text-transform: capitalize;letter-spacing: 1px; display: flex;
  align-items: center; justify-content: center;}
.p-price .hero .price-list .box-1 h4 t{font-size: 18px; line-height: 20px; font-weight: 500; text-align: left; margin-left: 8px; padding-left: 8px; position:relative; color:#6a6a6a;}
.p-price .hero .price-list .box-1 h4 t:before{position:absolute; content:''; left:0; top:0; height:100%; width:1px; background:#ccc}
.p-price .hero .price-list .box-1 h4 d{display:block;}
.p-price .hero .price-list .box-1 p{padding: 0 40px; text-align: left; line-height: 22px; font-size: 14px; margin:0;}


.highlight img{width: 85%;}
.highlight{position: relative;}
.h-highlight{position: absolute;width: 26%;height: 100%;top: 13%;right: 2%;}


.highlight .heading h1 {font-size: 100px;color: #ebebeb;text-transform: uppercase;font-weight: 800;}
.highlight .heading h6{color: #222;margin-top: -62px;font-size: 36px;margin-bottom: 25px;font-weight: 600;}
.highlight .heading p{color: #666;}
.highlight .heading{padding-bottom: 120px;position: absolute;top: 0;left: 0;width: 100%;
padding-left: 8%;}
.highlight .heading .line{width: 400px;height: 1px;background-color: #ddd;}
.highlight .heading .line2{width: 50px;height: 4px;background-color: var(--golden);margin-top: -2px;}

#content {margin-top: 50px;text-align: center;}
/* Timeline */
.timeline {border-left: 4px solid var(--golden);border-bottom-right-radius: 4px;border-top-right-radius: 4px;
background: rgba(255, 255, 255, 0.03);color: rgba(255, 255, 255, 0.8);font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.5px;position: relative;line-height: 1.4em;font-size: 1.03em;padding: 25px;
list-style: none;text-align: left;font-weight: 100;max-width: 100%;}
.timeline h3{color: #333;font-size: 16px;font-weight: 600;padding-top: 5px;}
.timeline p{color: #666;font-size: 14px;}
.timeline .event {border-bottom: 1px dashed rgba(255, 255, 255, 0.1);position: relative;background-color: #f6f6f6;
padding: 5px 15px;margin-bottom: 10px;}
.timeline .event:last-of-type {padding-bottom: 0;margin-bottom: 0;border: none;}
.timeline .event:before,
.timeline .event:after {position: absolute;display: block;top: 0;}

.timeline .event:after {box-shadow: 0 0 0 4px var(--golden);left: -31.85px;background: #fff;border-radius: 50%;
height: 11px;width: 11px;content: "";top: 5px;}

/*.a-sec{position: relative;padding: 100px 0px;height:100vh;}
.a-sec h1{color: #fff;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.a-sec h6{color: #fff;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.a-sec .heading{padding-bottom: 50px;}
.a-sec .heading .line{width: 250px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.a-sec .heading .line2{width: 50px;height: 4px;background-color: #fff;display: block;
margin: 0 auto;margin-top: -2px;}
.amenities {background: url(../images/amenities/bg.jpg);width: 100%;height: 60vh;
background-size: cover;background-position: top center;}
.amenities-content{position: absolute;width: 100%;height: auto;top:15%;padding: 4% 5%;}
.amenities-content .content{padding: 50px 0px;}
.amenities-content .content h4{padding: 20px 0px;font-size: 18px;margin-bottom: 0px;}
.amenities-content .content .box{background-color: #fff;padding: 4px;-webkit-box-shadow: 0px 4px 5px 0px rgba(184,184,184,1);
-moz-box-shadow: 0px 4px 5px 0px rgba(184,184,184,1);border-bottom: 4px solid #299539;
box-shadow: 0px 4px 5px 0px rgba(184,184,184,1);}*/

.a-m{margin: 100px 0px;}

.a-m h1{color: #ebebeb;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.a-m h6{color: #222;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.a-m .heading{padding-bottom: 25px;}
.a-m .heading .line{width: 400px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.a-m .heading .line2{width: 50px;height: 4px;background-color: var(--golden);display: block;
margin: 0 auto;margin-top: -2px;}

.container2 {
  height: 100%;
}

.container2 {
  display: flex;
  justify-content: center;
    align-items: center;
  background-color: #fff;
  flex-direction: column;
}


.timelinee {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
}
.timelinee .swiper-container {
  height: 750px;
  width: 100%;
  position: relative;
}
.timelinee .swiper-wrapper {
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.timelinee .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.timelinee .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -115%;
  bottom: -10%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
  border-radius: 100%;
}
.timelinee .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 80%;
  max-width: 600px;
  right: 50%;
  top: 13%;
  transform: translate(50%, 0);
  font-size: 12px;
  z-index: 2;
}
.timelinee .swiper-slide .timeline-year {
  display: block;
  font-style: italic;
  font-size: 42px;
  margin-bottom: 50px;
  transform: translate3d(20px, 0, 0);
  color: #d4a024;
  font-weight: 300;
  opacity: 0;
  transition: 0.2s ease 0.4s;
}
.timelinee .swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 34px;
  margin: 0 0 30px;
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.5s;
}
.timelinee .swiper-slide .timeline-text {
  padding-top: 15px;
  line-height: 1.5;
  opacity: 0;
  font-size: 15px;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.6s;
}
.timelinee .swiper-slide-active .timeline-year {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.6s;
}
.timelinee .swiper-slide-active .timeline-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.7s;
}
.timelinee .swiper-slide-active .timeline-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.8s;
}
.timelinee .swiper-pagination {
  right: 10% !important;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  z-index: 1;
}
.timelinee .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: rgb(255, 255, 255, 0.5);
}
.timelinee .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: left;
  opacity: 1;
  background: transparent;
  color: #eee;
  margin: 15px 0 !important;
  position: relative;
  max-width: 300px;
}
.timelinee .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -32.5px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
  transform: scale(0);
  transition: 0.2s;
  border: 4px solid #ccc;
}
.timelinee .swiper-pagination-bullet-active {
  color: #eee;
}
.timelinee .swiper-pagination-bullet-active::before {
  transform: scale(1);
}
.timelinee .swiper-button-next,
.timelinee .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: 0.2s;
}
.timelinee .swiper-button-prev {
  left: 8%;
  background-image: url("../images/amenities/left.png");
  width: 14px;
  z-index: 999;
}
.timelinee .swiper-button-prev:hover {
  transform: translateX(-3px);
}
.timelinee .swiper-button-next {
  right: 8%;
  background-image: url("../images/amenities/right.png");
  width: 16px!important;
  height: 24px;
  z-index: 999;
}
.timelinee .swiper-button-next:hover {
  transform: translateX(3px);
}




.floor-plan{background-color: var(--golden);width:100%;padding-left: 5%;margin-top: 40px;}
.floor-plan .floor-plan-content{background-color: #fff;width: 100%;padding: 0% 5%;margin: 100px 0px;}

.floor-plan .heading h1 {font-size: 100px;color: #ebebeb;text-transform: uppercase;font-weight: 800;}
.floor-plan .heading h6{color: #222;margin-top: -62px;font-size: 36px;margin-bottom: 25px;font-weight: 600;}
.floor-plan .heading p{color: #666;}
.floor-plan .heading{    padding-bottom: 100px;
  padding-top: 60px;}
.floor-plan .heading .line{width: 400px;height: 1px;background-color: #ddd;}
.floor-plan .heading .line2{width: 50px;height: 4px;background-color: var(--golden);margin-top: -2px;}
.last-d{display: grid;align-items: end;}
.floor-plan .floor-plan-content h4{display: grid;font-size: 24px;}
.floor-plan .floor-plan-content h4 span{display: grid;font-size: 18px;padding: 10px 0px;color: var(--golden);}
.floor-plan .floor-plan-content .box{padding: 0px 10px;}
.floor-plan .floor-plan-content .box1 img{border: 1px solid #eee;margin-left: 25px;padding: 2px;}
.floor-plan .floor-plan-content .p-img{padding: 0px 25px;padding-top: 55px;border: 1px solid #eee;padding: 2px;}

.gallery{padding: 80px 0px;}
.gallery h1{color: var(--golden);text-transform: uppercase;font-weight: 600;font-size: 36px;padding-bottom: 15px;
text-align: center;}
.gallery h4{text-align: center;color: #333;font-weight: normal;padding-bottom: 10px;}
.gallery p{text-align: center;color: #666;padding-bottom: 25px;}

.gallery img{border: 2px solid #fff;padding: 1px;}
.gallery .nav-tabs {border-bottom: 1px solid transparent;}
.gallery  .nav-tabs .nav-link {background-color: var(--golden);color: #fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #fff!important;color: #333;font-weight: 600;}
.gallery .container-fluid{width: 88%;margin: 0 auto;}
.gallery .nav-tabs .nav-link {border-radius: 0.25rem;margin: 0px 5px;border: 2px solid var(--golden);}
.gallery .my-carousel-item .box{padding: 15px;}
.gallery .tab-pane{height:0!important; display:block!important; opacity:0!important; visibility: hidden;}
.gallery .tab-pane.active{height:100%!important; display:block!important; opacity:1!important; visibility: visible;}


.connect{background-color: var(--golden);}
.connect{padding: 80px 80px;}
.connect h1{color: #fff;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.connect h6{color: #fff;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.connect .heading{padding-bottom: 10px;}
.gallery .heading .line{width: 250px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.connect .heading .line2{width: 50px;height: 4px;background-color: #fff;display: block;
margin: 0 auto;margin-top: -2px;margin-bottom: 50px;}
.connect img{}
.connect {background: rgba(0, 0, 0, 0.1) url(../images/bg-bg1.webp) repeat; background-color: rgba(12, 96, 24, 0.9);background-size: cover; position:relative; background-attachment: fixed;}
.connect:before{position:absolute; content:''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0 0 0 / 85%);}
.connect .nav-tabs {border-bottom: 1px solid transparent;}
.connect  .nav-tabs .nav-link {background-color: var(--golden);color: #fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #fff!important;color: var(--golden);font-weight: 600;}
.connect .container-fluid{width: 100%;margin: 0 auto;}
.connect .nav-tabs .nav-link {border-radius: 0.25rem;margin: 0px 5px;}
.connect .my-carousel .owl-dot{background-color: #fff!important;}

span.nav-main-slider-btn.fa.fa-chevron-left {color: #eee;margin:5px;font-size:24px;font-weight: 100!important;}
span.nav-main-slider-btn.fa.fa-chevron-right {color: #eee;margin:5px;font-size:24px}
.owl-nav {display: flex;justify-content: center;margin-top: 25px;}

.my-carousel1{margin-bottom: 50px;}
.my-carousel1 .box h4{text-align: center;color: #fff;font-weight: normal;font-size: 15px;}
.my-carousel1 .box h5{text-align: center;color: #fff;font-size: 15px;padding-top: 10px;}
.owl-c .box img{padding: 5%;}

.connect-1 h1{    /* color: var(--golden); */
  text-transform: uppercase;
  font-weight: 800;
  font-size: 75px;
  padding-bottom: 15px;
  text-align: center;
  color: #ebebeb;}

  .connect-1929 h6 {
    color: #222;
    margin-top: -62px;
    text-align: center;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}


.connect-1 h4{text-align: center;color: #333;font-weight: normal;padding-bottom: 10px;}
.connect-1 p{text-align: center;color: #666;padding-bottom: 25px;}

.connect-1 h6{
   color: #222;
  margin-top: -62px;
  text-align: center;
  font-size: 36px;
  margin-bottom: 25px;
  font-weight: 600;
  margin-top: -72px;}

.cons-update{padding: 80px 0px;background-color: #f4f4f4;}
.cons-update h1 {
  text-align: center;
  font-size: 36px;
  padding-bottom: 25px;
  color: #ebebeb;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 70px;
  text-align: center;
}

section.cons-update h6 {
  color: #222;
  margin-top: -75px;
  text-align: center;
  font-size: 27px;
  margin-bottom: 42px;
  font-weight: 600;
}
.cons-update .box img{padding: 15px;margin: 10px;}
.cons-update .box a{position:relative;}
.cons-update .box .tower{position:absolute; left:30px; top:20px; cursor: zoom-in; background: var(--golden); color: #fff; padding: 2px 10px; letter-spacing: 0.5px; font-size: 15px; font-weight: 500;}

.cons-update .container-fluid{width: 80%;}
.cons-update .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{font-size: 40px;}
.cons-update .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
font-size: 40px!important;}


.my-carousel{
  width:100%;
  margin: 0 auto;
  position: relative;
}
.my-carousel.owl-hidden{
  opacity:1!important;
}
.my-carousel-item img{
  width: 100%;
}
.my-carousel .owl-nav{
  position: absolute;
  top: 45%;
  width:95%;
  margin: 0 auto;
  left:0;
  right:0;
  display: flex;
  justify-content: space-between;
}
.my-carousel .nav-main-slider-btn{
  color: #fff !important;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 30px !important;
  border: none;
  outline: none;
  
}
.my-carousel .owl-dots{
  position: absolute;
  bottom: -60px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.my-carousel .owl-dot{
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333!important;
  margin: 10px;
  outline: none;
}

.call-inguery{
  position: fixed;
  top: 40%;
  right: 0;
  list-style-type: none;
  -ms-transform: rotate(90deg); /* IE 9 */
  z-index: 999;
  /* background-color: #000; */
  padding: 0;
  text-transform: uppercase;
  /*writing-mode: tb;*/
  margin: 0px;
  /* border: 1px solid #555; */
  }
.call-inguery li img{width: 18px;}
.call-inguery li{/*display: inline-block;*/cursor: pointer;color: #fff;/*padding: 17px 8px;*/}
/* .call-inguery li:first-child{border-bottom: 2px solid #fff;} */
.call-inguery li h4{font-size: 16px;margin: 0;}



#gallery .heading h1 {
  font-size: 100px;
  color: #ebebeb;
  text-transform: uppercase;
  font-weight: 800;
}

#gallery .heading h6 {
  margin-top: -72px;
}

.location{padding: 80px 0px;}
.location .heading h1{color: #ebebeb;text-transform: uppercase;font-weight: 800;font-size: 100px;
text-align: center;}
.location .heading h6{color: #222;margin-top: -62px;text-align: center;font-size: 36px;margin-bottom: 25px;
font-weight: 600;}
.location .heading{padding-bottom: 120px;}
.location .heading .line{width: 400px;height: 1px;background-color: #ddd;display: block;
margin: 0 auto;}
.location .heading .line2{width: 50px;height: 4px;background-color: var(--golden);display: block;
margin: 0 auto;margin-top: -2px;}
.location .container-fluid{width: 90%;margin: 0 auto;display: block;}
.box-4{background-color: var(--golden);}
.location .box{background-color:var(--golden);padding: 50px;}
.location .col-sm-8.box-45{background: #f5f5f5; display: flex; align-items: center; padding: 20px;}

.location .l-details h1{font-size: 50px;text-transform: uppercase;font-weight: 800;color: #fff;
border-left: 12px solid #fff; padding-left: 15px;margin: 0;margin-bottom: 40px;}
.location .l-details p{background-color: #fff;padding: 25px 15px;color: #666;}
.location .l-details ul{padding-left: 16px;margin-top: 40px;}
.location .l-details ul li{color: #fff;line-height: 32px;font-size: 18px;font-weight: 600;}
.b-top{height: 500px;}

.footer{background-color: #000;padding: 100px 0px;}
.footer .container-fluid{width: 90%;margin: 0 auto;display: block;}
.footer h4{color: #fff;font-size: 20px;border-left: 4px solid #fff; padding-left: 10px;text-transform: uppercase;
margin-bottom: 25px;}
.footer p{color: #ccc;font-size: 15px;line-height: 24px;}

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

.footer .btn-default{background-color: #fff;width: 100%;border: 0;color: #222;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;}
.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;}

.modal-header{display:block}
.modal-header h1{text-align:center;font-size:18px;color:#000;text-transform:uppercase;margin-top:8px}
.modal-header .close{position:absolute;top:0;right:0;width:30px;height:30px;display:block;background:#000;opacity:1;padding:0;color:#fff;margin:0}
button.close {position: absolute;top: 2%;right: 1%;font-size:30px;opacity:5;z-index: 9999999999;}
.form-colm{}
.form-colm .form-control{margin-bottom: 10px;border-radius: 0;border: none;border-bottom: 1px solid #786f6f;}
.form-colm .btn-framed{background-color: var(--golden)!important;padding: 8px 25px;border: none;width: 100%;
text-transform: uppercase;font-weight: 600;margin-top: 15px;}

.modal.show .modal-dialog {top: 25px;}
.modal h1{font-size: 24px;color: #fff;font-size: 36px;font-weight: 800;}
.modal h5{font-size: 16px;color: #fff;font-size: 16px;padding: 10px;margin-bottom: 0px;}
.modal h2{font-size: 18px;color: #fff;padding: 10px 0px;margin-bottom: 0px;}
.modal h3 span{font-size: 18px;}
.modal h3 {font-size: 18px;color: #fff;display: grid;}
.modal h3.price{display: inline-flex; padding: 10px 30px; background: #000; align-items: center; font-weight: 400; letter-spacing: 1px; margin: 10px 0 0;}
.modal h3.price .st{font-size:20px; line-height: 24px;}
.modal h3.price .st t{font-size:16px; display:block; }
.modal h3.price span{font-size:16px; text-align: right;}
.modal h3.price span.am{margin-left:15px; padding-left:15px; text-align: left; position:relative; font-size: 25px; font-weight: 600;}
.modal h3.price span.am:before{position:absolute; content:''; height:50%; width:1px; background:rgba(255, 255, 255, 0.5); left:0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.modal h3.price .am t{display:block; font-size: 16px; font-weight: 400;}
.modal-body{padding: 0;}
.modal-body .box-1{background-color: var(--golden);padding: 50px 25px;text-align: center;}
.modal-body .box-1 .modal_logo{filter: invert(1); max-width: 140px;}
.modal-body .right-col {padding: 30px;display: grid;align-items: center;}
.modal {top: 60px;}
.mobile-section-2 {display: none;position: fixed;bottom: 0px;z-index: 9;width: 100%;background-color: var(--golden);}
.mobile-section {display: flex;align-items: center;}
a.btn.btn_yellow {width: 100%;background-color: var(--golden);color: #fff;}
a.carousel-control-prev {opacity: 5;filter: brightness(100);}
a.carousel-control-next {opacity: 5;filter: brightness(100);}
.call-inguery li img {width: 18px;transform: rotate(85deg);}

/* #onLoadModal .form-colm{display:flex; padding: 15px 20px 5px; background: #210b53;} */
#onLoadModal .modal-xl{max-width:800px;}
#onLoadModal .modal-content{border-radius: 0;}
#onLoadModal .left_col{padding:2px;}
#onLoadModal .form-control{background: transparent; border: 1px solid rgb(0 0 0 / 20%); color:#222; margin: 3px 0; display: inline-block;}
#onLoadModal .form-control::placeholder{color:#888;}
#onLoadModal .form-colm .btn-framed{margin-top: 10px; font-size:14px; background: #273240!important; color: #fff; height: 42px;}
#onLoadModal .right_contents{width:100%;}
#onLoadModal .right-col{background: #fbfbfb; align-items: unset; display: flex; align-items: center; padding: 15px 30px;}
/* 55747a */
#onLoadModal .logo{max-width: 100px;}
#onLoadModal .typo{color: #222; margin: 0; font-size: 20px; margin-top: 10px}
#onLoadModal .location{padding:0; letter-spacing: 0.5px; margin-top: 2px; font-size: 14px; color:#222;}
#onLoadModal .form-colm{margin-top: 20px;}
#onLoadModal .close{ text-shadow: none; font-size: 40px; font-weight: normal; top: 0px; opacity: 0.5;}
/* #onLoadModal .form-colm */

/* .call-inguery{ padding-top: 60px;} */
.call-inguery li.call{writing-mode: horizontal-tb; background-color: #000;width: max-content; top:0; padding:0; border:1px solid #555; transform: translateX(142px); transition:all 500ms ease-in-out} 
.call-inguery li.call:hover{transform: translateX(0);}
.call-inguery li.call a{padding:10px 10px; display:inline-block; color:#fff; text-decoration: none;}
.call-inguery li.call img{transform:rotate(0); margin-right:8px; position:relative;}
.call-inguery li.call .nu{position:relative; padding-left:10px;}
.call-inguery li.call .nu:before{position:absolute; content:''; height:100%; width:1px; background:rgb(255, 255, 255, 0.3); display:block; left:0; top:0;}
.call-inguery li.enquire{padding:17px 10px; writing-mode: tb;margin-right: 0; margin-left: auto; background-color: #000; border:1px solid #555; border-top:2px solid #fff;}

/* 15-oct-22 */

.footer .address{list-style-type:none; padding-left: 0; margin: 0; margin-top: 30px;}
.footer .address li{display:flex; align-items: center; margin-bottom:10px;}
.footer .address p{margin:0; width: calc(100% - 35px); padding-left: 10px; color:#fff;}
.footer .address .icon{height: 35px; width: 35px; border: 1px solid var(--golden); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; letter-spacing: 0.5px;}
.footer .address a{color:#fff; text-decoration: none; letter-spacing: 0.5px;}


section#amenities {
  margin-bottom: 0px!important;
}
.floor-plan {
  margin-top: 0px;
}
.floor-plan .floor-plan-content {
  margin: 96px 0px;
  margin-top: 0;
}


.footer h1 {
    color: #ccc;
    font-size: 15px;
    line-height: 24px;
}


/* start responsive */

@media screen and (max-width: 1620px){
  .gallery {
    padding: 0px 0px;
}
.a-m {
  margin: 10px 0px;
}
section#amenities {
  margin-bottom: 0px!important;
  margin-top: 8%;
}
.b-top {
  height: 420px;
}

}


@media screen and (max-width: 1500px) {
.call-inguery {}
.p-plan{right: 18px; top:3%}
.p-plan img{width: 50%;float: right;}
.order-1{margin-top: 50px;}
.copy-main-2 .controls {right: -25%!important;}
.about-bottom .box-icon {padding: 5px 5px;}
.about-bottom h2{font-size: 40px;}
.p-price .hero .price-list .p-b {padding: 10px;}
.p-price .hero .price-list .box-content h2 {font-size: 45px;line-height: 58px;}
.timeline .event {padding: 2px 15px;margin-bottom: 4px;}
.timeline p {font-size: 12px;margin-bottom: 0px;}
.highlight img {padding-top: 6%;}
.location .l-details h1 {font-size: 35px;}
.location .l-details h1{margin-bottom: 20px;}
.location .l-details ul li {line-height: 26px;}
.location .l-details ul {margin-top: 15px;}
.location .box {padding: 20px;}
.content-main .box-content .price {margin-top: 2px;}
.content-main .form_inner {padding-top: 0px;margin-left: -2px;}
.content-main .box-content {padding-top: 0%;}

.timelinee .swiper-pagination-bullet{max-width: 220px;}

#main2 {
  right:8px;
  padding-right: 8%;
}

.p-plan img {
  width: 47%;
}

.b-top {
  height: 283px;
}
.gallery {
  /* padding: 15px 0px; */
  padding-bottom: 20px;
}

.connect-1 h6 {
  font-size: 31px;
  margin-top: -67px;
}
.about-bottom h5 {
  margin-bottom: 13px;
}

.h-highlight {
  top: 19%;
}

.gallery {
  padding: 0px 0px;
}
.a-m {
  margin: 73px 0px;
}
}

#gallery-mobile{display: none;}

@media screen and (max-width: 1500px) {
.timelinee .swiper-slide-content {right: 28%;}
.content-main .box-content h4{font-size: 18px;font-weight: normal;margin-bottom: 10px;}
.content-main img.project_logo{max-width: 160px;}
.content-main .box-content .p-text{font-size: 60px;}
.p-price .price_col{ flex: 0 0 33.33%; max-width: 33.33%;}
.p-price .hero .price-list .box{height: 100%;}
.k-s {
  margin: 0px 0px!important;
}
.about-bottom .content {
  padding: 1% 8%;
}
.p-price .hero .container {
  padding-top: 15px;
}
.p-price .hero .price-list {
  top: 53%;
  padding-bottom: 54px;
}
.floor-plan .floor-plan-content {
  margin: 36px 0px;
}
}


@media screen and (max-width: 1400px){
  .floor-plan .floor-plan-content {
    margin: 0px 0px;
}
.floor-plan .heading {
  padding-bottom: 58px;
  padding-top: 28px;
}
.b-top {
  height: 294px;
}
.a-m .heading {
  margin-top: 25px;
}
.location {
  padding: 62px 0px;
}
.location .heading {
  padding-bottom: 75px;
}


}


@media screen and (max-width: 1366px) {
.timelinee .swiper-slide-content {
    right: 50%;
}

.p-plan {
  top: 4%;
}
#onLoadModal .modal-xl {
  max-width: 750px;
}

.p-plan img { width: 47%;float: right;}
img.back-img {top: -25%;right: -41%;}
.content-main .box-content {padding-right: 5%;}
.gallery .container-fluid {width: 82%;}
.p-plan{right: 15px;}
.order-1{margin-top: 25px;}
.content-main .box-content .p-text {font-size: 50px;}
.content-main img {width: 400px;}
.about-bottom h5 {margin-bottom: 10px;}
.about-bottom h2 {font-size: 35px;}
.about-bottom ul {padding-top: 6px;}
.about-bottom p {font-size: 15px;}
.about-bottom .box {margin-top: 110px;}
.about-bottom .heading {padding-bottom: 75px;}
.p-price .hero .container {padding-top: 90px;}
.p-price .hero .price-list .box-content h2 {font-size: 41px;line-height: 51px;}
.highlight img {width: 75%;}
.h-highlight {width: 35%;}
.highlight img {padding-top: 6%;}
.highlight .heading {padding-left: 5%;}
.location .l-details ul li {line-height: 22px;font-size: 16px;font-weight: normal;}
.location .box {padding: 20px 10px;}
#main{right: 0px;}
.media img{width: 35px; margin-right: 10px!important;}
}

@media screen and (max-width: 1280px) {
.gallery .container-fluid {width: 100%;}

.p-plan{right: 15px;}
.content-main .box-content h4 {margin-bottom: 15px;font-size: 18px;}
.content-main .form_inner .form-control {padding: 6px;}
.about-bottom ul li h4 {padding-top: 0px;}
.about-bottom ul li h4 {font-size: 16px;}
.about-bottom .box-icon {padding: 5px 12px;}
.box-icon img{width: 32px;}
.about-bottom p {font-size: 14px;margin-bottom: 5px;}
img.back-img {width: 86%;}
.about-bottom .box {margin-top: 87px;}
.highlight .heading {padding-top: 2%;}
.highlight img {padding-top: 12%;}
.amenities-content .content h4 {font-size: 16px;}
.amenities-content .content h4 {padding: 12px 0px;}
.a-sec .heading {padding-bottom: 25px;padding-top: 72px;}
.location .l-details p {padding: 10px 15px;}
.location .l-details ul li {line-height: 20px;}
}
.m-v{display: none!important;}
@media screen and (max-width: 767px){
.px_sm_4{padding-left:4px!important; padding-right:4px!important;}
.px_sm_5{padding-left:5px!important; padding-right:5px!important;}
.d-v{display: none!important;}
.m-v{display: block!important;}
.cons-update .box img {padding: 0px;margin: 0px;}
.cons-update h1 {font-size: 24px;display: none;}


section.cons-update h6 {
  margin-top: -44px;
}

.connect {padding: 10px 15px;padding-top: 50px;}
.my-carousel1{margin-bottom: 5px;}
div#home {padding: 0;}
.gallery .nav-tabs .nav-link{font-size: 14px;}
.gallery .my-carousel-item .box{padding: 0px;}
.gallery .nav-tabs .nav-item{margin-top: 10px;}
.my-carousel .owl-dot{margin: 5px;}
.gallery .bg-white{margin-bottom: 40px;}
.gallery h4 {padding-left: 10px;font-size: 18px;text-align: center;padding-bottom: 0px;}
.gallery p{font-size: 14px;text-align: justify;}
.a-m .heading .line {width: 250px;}
.p-price .hero .container {padding-top: 60px;}
.modal.show .modal-dialog {top: 8px;}
.modal-body .right-col {padding: 10px;}
.modal-body .box-1 {padding: 10px 25px;}
.content-main .box-content h6 span:last-child {display: none;}
.call-inguery{display: none;}
.amenities-content .content .box {box-shadow: 0px 4px 5px 0px rgb(184 184 184 / 0%);}
.a-sec {padding: 1px 0px;}
.floor-plan .floor-plan-content {margin: 50px 0px; margin-top: 0px;}
.location {padding: 45px 0px;}
.amenities-content .content {padding: 10px 0px;}
.footer {background-color: #000;padding: 15px 0px;}
.gallery .container-fluid {width: 100%;margin: 0 auto;}
.sidenav a{text-align: center;}
.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;}
.about-bottom h1 {font-size: 65px;text-align: center;}
.highlight .heading h1 {font-size: 65px;text-align: center;}
.a-sec h1 {font-size: 65px;text-align: center;}
.p-price h1 {font-size: 65px;text-align: center;}
.floor-plan .heading h1 {font-size: 65px;text-align: center;}
.about-bottom .content {width: 100%;}
.copy-main-2 .controls {display: none;}
.gallery .carousel-container #carousel-thumbs img {border-width: 3px;}
.bg-back.d-flex {display: none!important;}
.copy-main {position: unset;}
header {position: unset;height: unset;background: #000;padding-bottom: 12px;}
.content-main .box-content {text-align: center;padding-top: 20px;}
.content-main .box-content h6 span {padding: 10px 50px;}
.content-main .box-content .p-text {margin: 22px 0px;}
.about-bottom .box {display: none;}
.about-bottom .bg-color{padding: 0px}
#main {right: -60px;}
.h-highlight {position: unset;}
.highlight .heading {padding-bottom: 12px;position: unset;}
.p-price .hero .price-list {position: unset!important;}
.p-price .hero{height: auto;}
.p-price .hero .price-list .box-content h2 {padding-top: 15px;text-align: center;color: #fff;}
.p-price .hero .price-list .box {background-color: rgb(243 243 243 / 80%);}
.b-top {height: 50px;}
.highlight img{display: none;}
.h-highlight {width: 90%;margin: 0 auto;}
.highlight .heading .line {width: 90%;}
.highlight .heading .line2 {margin-left: auto;margin-right: auto;}
.timeline .event {padding: 10px 20px;margin-bottom: 12px;}
.amenities{height: auto;}
.amenities-content{position: unset;}
.a-sec{height: auto;}
.a-sec h1 {color: #fff;font-size: 65px};
.floor-plan .heading .line2 {margin-left: auto;margin-right: auto;}
.floor-plan .heading .line {width: 100%;}
.floor-plan .heading h6 {margin-top: -33px;text-align: center;font-size: 20px;}
.floor-plan .floor-plan-content .box {padding: 10px 10px;}
.floor-plan .box1 img{display: none;}
.gallery h1{font-size: 65px;}
.a-m h1{font-size: 40px;}
.a-m h6 {margin-top: -41px;font-size: 24px;}
.timelinee .swiper-slide .timeline-title {font-weight: 700;font-size: 20px;}
.gallery .heading .line2{margin-bottom: 0;}
.location .heading h1{font-size: 65px;}
.location .heading h6{font-size: 24px;margin-top: -45px;}
.location .l-details h1 {font-size: 55px;}
.location .l-details ul li {line-height: 32px;font-size: 20px;}
.box-4 {margin-bottom: 25px;}
.footer h4{margin-top: 15px;}
.floor-plan .heading {padding-bottom: 35px;}
.mobile-section-2 {display:block;z-index: 999;}
#main {right: -25px;}

#gallery .heading h1 {
  font-size: 52px;
  color: #ebebeb;
  text-transform: uppercase;
  font-weight: 800;
}
#gallery .heading h6 {
  margin-top: -40px;
  font-size: 21px;
}

#gallery .col-sm-12.col-md-4.col-lg-4 {
  margin-bottom: 10px;
}

#gallery-mobile{display: block;}
#gallery-mobile .my-carousel .owl-dots{display: none;}
#gallery-mobile .my-carousel .owl-nav {color: #fff;}
.card-header{padding: 2px;}
#gallery-mobile .container{padding: 0;}
.card-header{border: none;background-color: var(--golden);margin: 5px 0px;}
.card-header .btn-link{color: #fff;text-decoration: none;}
.card{border: none;}
.gallery p {text-align: center;}
/* .owl-c{display: none!important;} */
header a{height:auto; line-height: initial; padding: 10px 20px;}
header a img{width: 67px;}
#main .icon-m{padding: 3px 13px; font-size: 24px!important;}
#main{top: 8px;}
.content-main img.project_logo{max-width: 180px;}
.p-price .price_col{flex: 0 0 100%; max-width: 100%;}
#onLoadModal .form-group{margin-bottom:10px!important}
#onLoadModal .form-control{font-size:14px;}
#onLoadModal .form-colm .btn-framed{font-size:14px;}
.footer .address p{font-size: 14px; line-height: 19px; text-align: left;}
#onLoadModal .right-col{padding: 15px 20px;}

}
@media all and (max-width: 576px) {
.call-inguery {}
.p-plan img {width: 43%;}
.about-bottom .heading {padding-bottom: 25px;}
.about-bottom h2 {font-size: 40px;}
.about-bottom .content {padding: 7% 2%;}
.p-plan { right: 13px;top: 9px;}
.content-main .form_inner{padding-right: 15px;padding-bottom: 15px;}
.copy-main {padding: 7% 5%; padding-top: 60px;}
.content-main .box-content {padding-right: 0%;}
.about-bottom h1{font-size: 40px;}
.about-bottom h6 {margin-top: -38px;font-size: 25px;}
.p-price h1 {font-size: 40px;}
.gallery h4{font-size: 15px;}
.highlight .heading h1 {font-size: 40px;}
.highlight .heading h6 {margin-top: -29px;font-size: 14px;margin-bottom: 25px;text-align: center;}
.a-sec h1{font-size: 40px;}
.gallery h1 {font-size: 32px;padding-bottom: 0px;font-weight: 700;}
.connect-1 h1{margin-top: 25px;font-weight: 700;padding-bottom: 0px; font-size: 35px;}

.connect-1 h6 {
  margin-top: -62px;
  text-align: center;
  font-size: 19px;
  margin-bottom: 25px;
  margin-top: -35px;
}


/* .connect-1 h1 {

  font-size: 41px;
  text-align: center;
  color: #ebebeb;
} */

.location .heading h1 {font-size: 40px;}
#main2{display: none;}
.content-main .box-content h6 span {/* padding: 3px 1%; */}
.content-main .box-content h4 {margin-bottom: 0px;font-size: 16px;padding: 10px 0px;line-height: 35px;}
header {position: unset;height: unset;padding-bottom: 0px;padding-top: 0px; background: transparent; position: absolute; top: 0; left: 0; width: 100%;}
.content-main .box-content h5{font-size: 16px;}
.content-main .box-content h5 img{display: none;}
.about-bottom .box-icon{display: none;}
.about-bottom h2 {text-align: center;}
.about-bottom h5{font-size: 18px;text-align: center;}
.about-bottom h5 img{display: none;}
.p-price .hero .top-sec p {font-size: 14px;line-height: 27px;}
.p-price .hero .price-list .box-content h2 {font-size: 32px;line-height: 44px;}
.floor-plan .heading h1{font-size: 36px;}
/* .floor-plan .heading h6 {display: none;} */
.location .l-details h1 {font-size: 25px;line-height: 40px;margin: 15px 0px;}
.location .heading {padding-bottom: 40px;}
.location .l-details ul li {line-height: 26px;font-size: 16px;}
.about-bottom .heading .line {width: 100%;}
.p-price .heading .line {width: 100%;}
.sidenav a {padding: 8px 8px 0px 0px;}
.about-bottom p {font-size: 14px;margin-bottom: 5px;text-align: justify;padding-top: 10px;}
.p-price .hero .top-sec p {text-transform: capitalize;}
/* .p-price .hero .price-list .box-1 h4 span {font-size: 14px;} */
.p-price .hero .price-list .box-1 h4 {font-weight: 700;font-size: 16px;color: #333;}
.a-sec .heading .line{margin-top: 15px;}
.a-sec .heading .line2{margin-top: -2px;}
.floor-plan .heading .line2 {margin-left: auto;margin-right: auto;}
.floor-plan .heading .line{margin-top: 15px;}
.floor-plan .heading .line{margin-left: auto;margin-right: auto;width: 80%;}
.floor-plan .floor-plan-content h4 span {font-size: 17px;padding: 5px 0px;}
.location .heading h6 {margin-top: -40px;}
.location .box {padding: 55px 10px;}
.box-45{padding: 0;}
.mobile-section .btn-a{width: 25%!important;padding: 7px 5px;}
.mobile-section .btn-b{width: 75%!important;border-left: 1px solid #fff;padding: 10px 5px;border-radius: 0px;}
.f-bottom {margin-bottom: 20px;}
.footer p{text-align: justify;}
.location .l-details p{text-align: justify;padding: 26px 15px;margin: 10px 0px;}
.gallery {padding: 10px 25px;}
.timeline{padding: 0;}
.timeline .event:after {left: -7.85px;}
.content-main .box-content .p-text {font-size: 35px;}
#main {right: -25px;}
.location .heading .line {width: 100%;}
.location .container-fluid {width: 100%;}
.content-main img { width: 100%!important;}
h6.price{display:grid;align-items:center;justify-content:center}
h6.price span{width:100%;margin-left:0!important;margin-top:12px;}
.modal{top:-10px;}
#onLoadModal .modal-xl{max-width: 86%; margin: 10px auto;}

}

@media all and (min-width: 576px) {

  .gallery .carousel-container #carousel-thumbs {
    position: absolute;
  }
}

  .gallery .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}


@media screen and (max-height: 450px) {
.call-inguery {right: -15.5%;}
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media screen and (max-height: 400px) {
    .content-main .box-content .p-text span {
    font-size: 28px;
}
.p-plan {
    right: 5px;
}
}

@media screen and (min-width: 768px) {
  .timelinee .swiper-slide::after {
    right: -44%;
    bottom: -8%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
  }
  .timelinee .swiper-slide-content {
    right: 30%;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 15px 25px;
    width: 600px;
    font-size: 11px;
    text-align: right;
  }
  .timelinee .swiper-slide .timeline-year {
    margin-bottom: 0;
    font-size: 32px;
  }
  .timelinee .swiper-slide .timeline-title {
    font-size: 28px;
    margin: 0;
  }
  .timelinee .swiper-pagination {
    display: flex;
  }
  .timelinee .swiper-button-prev {
    top: 15%;
    left: auto;
    right: 15%;
    transform: rotate(90deg) translate(0, 10px);
  }
  .timelinee .swiper-button-prev:hover {
    transform: rotate(90deg) translate(-3px, 10px);
  }
  .timelinee .swiper-button-next {
    top: auto;
    bottom: 15%;
    right: 15%;
    transform: rotate(90deg) translate(0, 10px);
  }
  .timelinee .swiper-button-next:hover {
    transform: rotate(90deg) translate(3px, 10px);
  }

}

@media(max-width:600px){
  .timelinee .swiper-slide-content {
    position: absolute;
    text-align: center;
    width: 80%;
    max-width: 600px;
    right: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    z-index: 2;
  }
  .timelinee .swiper-container {
      height: 359px;
      width: 100%;
      position: relative;
  }

 .k-s {
    margin: 0px 0px!important;
}

.connect-1 h4 {
  font-size: 20px;
}
.timelinee .swiper-button-prev {
    left: 5%!important;
    top: 50%;

}
.timelinee .swiper-button-next, .timelinee .swiper-button-next {
    right: 5%!important;
    top: 50%;

}
}


button:focus {
    outline: none!important;
}