@import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap');


html {
    height: 100%;
}

body {
    min-height: 100%;
    margin: 0px;
    font-family: 'Ambit';
    font-weight: normal;
    font-style: normal;
    padding: 0px;
    font-family: 'Rajdhani', sans-serif !important;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.regular {
    font-family: 'SFRounded';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.ground img{
    width:100% !important;
}
.row_ground{
    margin-right:15px;
     margin-left:15px;
}
.sfmedium {
    font-family: 'SFRounded';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.sfbold {
    font-family: 'SFRounded';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.inflats{
   width: 20%;
    padding:5px;
}
/*lightflat*/
/* The Modal (background) */
.modalflat {
  display: none;
  position: fixed;
    z-index: 99999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.myflat {
  display: none;
  text-align: center;
}
.flat_modal{
 background-color: transparent !important;   
}


.myflat img{
height:500px;
width:600px;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #fff !important;
  font-weight: bold;
  font-size: 40px !important;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


img {
  margin-bottom: -4px;
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mySlides img{
    height:500px;
}

.modal{
      z-index: 9999 !important;  
}





/*lightflat*/
/*lightbox*/

/* The Modal (background) */
.modalplot {
  display: none;
  position: fixed;
    z-index: 99999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mySlides img{
    height:500px;
}

.modal{
      z-index: 9999 !important;  
}


/*lightbox*/
.sfblack {
    font-family: 'SFRounded';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.sflight {
    font-family: 'SFRounded';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.ambitbold {
    font-family: 'Ambit';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ambitlight {
    font-family: 'Ambit';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.ambitregular {
    font-family: 'Ambit';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

nav.navbar.navbar-expand-md.narbartop {
    background: #003333;
    padding: 10px 2%;
}

.navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    padding: 16px 2rem !important;
}

.bannertxt h2{
position: absolute;
 
    left: 32%;
    font-size: 40px;
    font-weight: bold;
        font-style: italic;
    
}

ul.navbar-nav.align-items-center.text-center.justify-content-center {
    width: 100%;
}

.bannerone,
.bannerone img {
    position: relative;
    width: 100%;
}

.innercontainer {
    width: 100%;
    margin: auto;
}

.bannertxt {
    position: absolute;
    top: 45%;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block;
}

.mobile {
    display: none;
}

.bannertxt>img {
    /* width: 640px; */
    width: 500px;
    margin: auto;
    text-align: center;
    display: block;
}

.innercontainertwo {
    width: 85%;
    margin: auto;
    display: block;
}

.bannertwo {
    background: #e8f2f9;
    width: 100%;
    height: auto;
    padding: 50px 0px;
    text-align: center;
}

.innercontent p {
    font-size: 16px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    color: rgba(0, 83, 123, 255);
    text-align: center;
}

.innercontent ul {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
}

.innercontent ul li {
    position: relative;
    padding: 0px 27px;
    font-size: 30px;
    display: inline-block;
    color: rgba(84, 154, 188, 255);
}

header{
position: sticky;
top:0;
text-align: center;
z-index:9999;
}



/* .innercontent ul li:after {
    background: rgba(0, 83, 123, 255);
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 1.5px;
} */

.innercontent ul li.blue_line1 {
    border-right: 3px solid rgba(0, 83, 123, 255);
    height: 40px;
}

.innercontent ul li.blue_line2 {
    border-right: 3px solid rgba(0, 83, 123, 255);
    height: 40px;
    /* background: rgba(0, 83, 123, 255);
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 1.5px; */
}

.innercontent ul li:last-child:after {
    display: none;
}

.innercontent ul li span {
    font-weight: 800;
}

.bannerthree {
    width: 100%;
    position: relative;
}

.fullwidth {
    width: 100%;
}

.bannerthree .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
}

.bannerthree .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
}

.happiness_section,
.happiness_section img {
    width: 100%;
    height:100%;
}

.flowersection {
    float: right;
}
.new_tab{
padding: 60px 0px 10px 0px !important;
    justify-content: center;
}
.tab_img img{
    width:100%;
}

.new_tab .astabs li{
  position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 30px;
    color: #6c6d70;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    text-align: center;
    padding: 30px 15px;
    background-color: #f7f5f1;
    border-right: 1px solid #ffffff;

}

.new_tab .astabs li a{
     text-decoration:none;   
}
.astabs{
  justify-content: center;  
}

 .astabs {
              margin-bottom: 18px;
              margin-left: 0;
              list-style: none;
            }

            .astabs > li > a {
              display: block;
            }
            
            .nav-tabs{
              *zoom: 1;
            }

            .nav-tabs:before,
            .nav-tabs:after {
              display: table;
              content: "";
            }

            .nav-tabs:after {
              clear: both;
            }

            .nav-tabs > li {
              float: left;
            }

            .nav-tabs > li > a {
              padding-right: 12px;
              padding-left: 12px;
              margin-right: 2px;
              line-height: 14px;
            }

            .nav-tabs {
              border-bottom: 1px solid #ddd;
            }

            .nav-tabs > li {
              margin-bottom: -1px;
            }

            .nav-tabs > li > a {
              padding: 20px;
              line-height: 18px;
              border: 1px solid transparent;
              -webkit-border-radius: 4px 4px 0 0;
                 -moz-border-radius: 4px 4px 0 0;
                      border-radius: 4px 4px 0 0;
            }

            .nav-tabs > li > a:hover {
              border-color: #eeeeee #eeeeee #dddddd;
            }

            .nav-tabs > .active > a,
            .nav-tabs > .active > a:hover {
              color: #fff;
              cursor: default;
              background-color: #003333;
              border: 1px solid #ddd;
              border-bottom-color: transparent;
            }
            
            li {
              line-height: 18px;
            }
            
            .tab-content.active{
                display: block;
            }
            
            .tab-content.hide{
                display: none;
            }
            

.happiness_content {
    padding: 10px 80px 10px 80px;
}

.headercont {
    font-size: 35px;
    color: rgba(0, 51, 51, 255);
    margin: 0px;
    position: relative;
    z-index: 1;
}

.headercont span {
    display: block;
}

.happiness_content p {
    font-size: 16px;
    color: rgba(51, 51, 51, 255);
    margin: 0px;
    padding: 20px 0px 0px 0px;
}

.linenew {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 9.3%;
}

.private_gardern_text {
    background: #003333;
    width: 50%;
    height: auto;
    padding: 15px 20px 10px 80px;
    margin: 20px 0px;
    color: #fff;
    position: relative;
}

.private_gardern_text:after {
    background: #9ec0c7;
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    left: 100%;
    top: 45%;
}

.private_gardern_text h2 {
    font-size: 30px;
    margin: 0px;
    font-weight: 700;
}

.private_gardern_text p {
    font-size: 18px;
    margin: 0px;
}

.linenews {
    position: absolute;
    border: 1px solid #fff;
    top: auto;
    bottom: 71px;
    height: 80%;
    width: 30%;
    left: 6%;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right: 0px;
}

.linetwo {
    position: absolute;
    border-top: 1px solid #fff;
    bottom: 71px;
    left: 36%;
    width: 7%;
    top: auto;
}

.masterplansection {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 100px 0px 0px 0px;
}

.masterplan_buttons.masterplan_img {
    width: 80%!important;
    margin: auto;
}

.masterplan_img {
    position: relative;
    width: 100%;
    top: -50px;
}

.masterclassoverlay {
    position: absolute;
    top: auto;
    bottom: 40px;
    left: -30px;
}

.masterclass_content {
    /* margin: 100px 0px 0px 0px; */
    margin: 50px 0px 0px 0px;
}

section.happiness_table_section {
    position: relative;
    width: 100%;
}

.flowersection.right {
    position: absolute;
    right: 0px;
    top: 0px;
}

.toppos {
    position: relative;
    top: 80px;
}

.pad100 {
    padding: 150px 0px 0px 0px;
}

.happiness_img_sec img {
    float: right;
    margin: 10px 0px;
        border-radius: 30px;
    
}

.amenities_sec {
    padding: 50px 50px;
}

.amenities_sec h2 {
    font-size: 30px;
    color: rgba(0, 83, 123, 255);
    background: #c9e7f0;
    padding: 30px 30px 20px 30px;
    border-radius: 20px;
    margin: 0px;
}


/* .amenities_sec ul {
    padding: 50px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.amenities_sec ul li {
    padding: 0px 0px 12px 0px;
    color: rgba(0, 0, 0, 255);
    font-size: 18px;
} */

.amenities_sec ul {
    padding: 25px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.amenities_sec ul li {
    padding: 0px 0px 5px 0px;
    color: rgba(0, 0, 0, 255);
   font-size: 20px;
    padding: 10px;
}

.amenities_sec.pad50 {
    padding: 15px 50px;
}

.flowertwo {
    margin: -150px 0px 0px 0px;
}
.specfs-header{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    margin-bottom: 46px;
    color: #b7913f;
}
.leaving_stone_section {
    width: 100%;
    padding:120px 0px;
    position: relative;
}

.curveline {
    position: relative;
    top: -110px;
    left: -48%;
}

.leavingpara {
    padding: 20px 0px 20px 0px;
}

.leavingpara p {
    font-size: 16px;
    margin: 0px;
    color: rgba(51, 51, 51, 255);
}

.acc_sec .card {
    border: 0px;
    border-radius: 0px;
    margin: 10px 0px;
}

.acc_sec .card-header {
    border: 0px;
    background: #003333;
    color: #fff;
    padding: 12px 20px;;
}

.acc_sec .card-body h3 {
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 83, 123, 255);
    margin: 0px 0px 15px 0px;
    padding: 0px 20px;
    text-align: center;
}

.btn-link:hover,
.btn-link,
.btn-link:focus {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: left;
}

.acc_sec .card-body {
    background: #f9f9f9;
    padding: 30px 0px;
}

.acc_sec .card-body h3 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 83, 123, 255);
    margin: 0px 0px 15px 0px;
    padding: 0px 20px;
    text-align: center;
}

.acc_sec .card-body ul {
    padding:0px 24px 18px 65px;
    margin: 0px;
    list-style: none;
}

.acc_sec .card-body ul li {
    display: block;
    padding: 0px 0px 7px 0px;
    font-size: 14px;
    color: rgba(77, 77, 77, 255);
    font-weight: 500;
    text-align: justify;
    text-indent:-35px;
}

.pad40 {
    padding: 0px 0px 0px 40px;
}

.acc_sec .card-body .col-sm-4 {
    border-right: 2px solid #003333;
}


.acc_sec .card-body .col-sm-3 {
    border-right: 2px solid #003333;
}
.acc_sec .card-body .col-sm-4:last-child {
    border: 0px;
}

.card1 {
    border: 0px;
}

.acc_img img {
    margin: 20px auto;
    display: block;
}

.acc_img {
    position: relative;
}

.green-border:after {
    content: '';
    position: absolute;
    /* background: #003333; */
    /* width: 1px; */
    border-right: 2px solid #003333;
    height: 200px;
    right: 0px;
    top: 100px;
}

.acc_img.card1:after {
    display: none;
}

.acc_sec .card-body .col-sm-4 .card1:last-child .acc_img:after {
    display: none;
}

.acc_sec .card-body .col-sm-3,
.acc_sec .card-body .col-sm-4 {
    padding: 0px 20px;
}

.acc_sec .card-body .col-sm-3:last-child .acc_img:after {
    display: none;
}

.gallerysection {
    padding: 60px 0px 50px 0px;
}

.gallery_img_sec {
    padding: 20px 0px 0px 0px;
}

.gallery_img_sec img {
    width: 80%;
    margin: auto;
    display: block;
}

.carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.invest_Section_details {
    background: #003333;
    width: 100%;
    padding: 80px 0px;
    position: relative;
}

.invest_head h1 {
    color: #fff;
}

.invest_img {
    background: rgba(0, 0, 0, .6);
    width: 1px;
    height: 220px;
    box-shadow: 1px 1px 10px #000;
    margin: 10px auto;
    display: block;
    position: relative;
    top: -10px;
}

.invest_img_content img,
.invest_img_content p {
    display: inline-block;
    vertical-align: middle;
}

.invest_img_content img {
    width: 90px;
}

.invest_img_content p {
    width: 73%;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px 0px 10px;
    margin: 0px;
}

.invest_img_content {
    padding: 10px 0px;
}

.invest_head {
    padding: 20px 0px;
}

.map_details_section {
    background: #fff;
    width: 100%;
    padding: 70px 0px 30px 0px;
    position: relative;
}

.map_arrow_light {
    background: #fff;
    padding: 10px;
    margin: -40px 0px 0px -40px;
}

.routemap,
.routemap img {
    width: 100%;
}

.routemaparrow {
    padding: 20px 0px 0px 0px;
}

.routemaparrow img {
    width: 100px;
    margin: auto;
    display: block;
}

.office_location {
    padding: 30px 50px;
}

.padtop40 {
    padding-top: 100px;
}

.placehead {
    color: rgba(0, 83, 123, 255);
    background: #bcdae7;
    font-size: 14px;
    display: inline-block;
    padding: 10px 30px 6px 30px;
    border-radius: 5px;
    margin: 10px 0px 20px 0px;
}

.placename,
.placedistance {
    font-size: 14px;
    font-weight: 500;
}

.placedistance {
    text-align: left;
    padding-left: 10px;
}

.placename,
.placeline {
    display: inline-block;
    vertical-align: text-top;
}

.placename span {
    border: 1px solid #000;
    width: 100%;
}

.placeline {
    border-top: 2px dotted #000;
    width: 65%;
    position: relative;
    top: 10px;
}

button.btn.btn-link i {
    float: right;
    position: relative;
    top: 5px;
    font-weight: 900;
    font-size: 13px;
}

button.btn.btn-link[aria-expanded="true"] .fa-minus:before {
    content: "\f068";
}

button.btn.btn-link[aria-expanded="false"] .fa-minus:before {
    content: "\f067";
}

.acc_sec .card-body.pad30 {
    padding: 40px 30px;
}

.about {
    background: #003333;
    padding: 50px 0px;
    position: relative;
    color: #fff;
}

.about_content {
    padding: 40px 80px;
}

.about_content h1 {
    color: #000 !important;
}

form#contact-form {
    width: 80%;
}

p.form_heading {
    font-size: 20px;
}

footer#colophon {
    padding: 50px 0px;
}

.enquirebtn {
    /* display: block;
    text-align: center;
    padding: 3px 20px;
    background-color: #383837;
    color: #fff !important;
    font-size: 18px;
    transform: rotate(-90deg);
    position: fixed;
    top: 50%;
    width: 160px;
    right: -72px;*/
    text-transform: uppercase;
    cursor: pointer;
    z-index: 10;
    position: fixed;
    top: 40%;
    right: -4%;
    transform: rotate( -90deg);
    width: 10%;
    padding: 5px 4px 9px;
    float: left;
    background: #000;
    text-align: center;
    z-index: 999;
    color: #fff !important;
}

.modal-content {
    background: #c9e7f0;
    width: 100%;
}

p.form_heading {
    font-weight: 700;
}

button.btn.btn-dark {
    width: 100%;
}

.brochure_btn {
    width: 50% !important;
}

.brochure_btn a {
    color: #fff !important;
}

.get_form {
    padding: 30px 80px;
}


/* legend */

.masterclass_content p {
    width: 100%;
    float: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding-left: 6%;
    padding-bottom: 3px;
    margin: 10px 0;
}

.masterclass_content p:hover {
    border: 1px solid black;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}

.masterplan_circles {
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    color: #fff;
    cursor: default;
    font-size: 10px;
    font-style: italic;
    height: 25px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    vertical-align: middle;
    width: 25px;
}

.pt_1 {
   left: 26%;
    top: 6%;
}

.pt_2 {
   top: 8%;
    right: 66%;
    /* bottom: 36%; */
}

.pt_3 {
   top: 8%;
    right: 44%;
}

.pt_4 {
   bottom: 6%;
    right: 22%;
}

.pt_41 {
    bottom: 21%;
    right: 28%;
}

.pt_5 {
   bottom: 7%;
    left: 55%;
}

.pt_51 {
    top: 29%;
    left: 33%;
}

.pt_6 {
   bottom: 6%;
    left: 43%;
}

.pt_7 {
   top: 93%;
    left: 19%;
}

.pt_8 {
    top: 42%;
    left: 32%;
}

.pt_81 {
   bottom: 24%;
    left: 20%;
}

.pt_9 {
   bottom: 41%;
    right: 47%;
}

.pt_10 {
   bottom: 41%;
    right: 40%;
}

.pt_11 {
  bottom: 47%;
    right: 25%;
}

.pt_12 {
  bottom: 48%;
    right: 36%;
}

.pt_13 {
  bottom: 51%;
    right: 46%;
}

.pt_14 {
 bottom: 53%;
    left: 18%;
}

.pt_15 {
 top: 23%;
    left: 12%;
}
.pt_16 {
 top: 15%;
    left: 10%;
}


.masterplan_circles:hover {
    transform: scale(1.6);
    background: rgba(84, 154, 188, .8);
    color: #fff;
}

.animate_class {
    transform: scale(1.6);
    background: rgba(84, 154, 188, 255);
    color: #fff;
}

.animate_class_list {
    border: 1px solid #000;
    /*border-radius: 10px;*/
    padding: 10px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    /* Firefox 4 */
    -webkit-transition-duration: 0.5s;
    /* Safari and Chrome */
    -o-transition-duration: 0.5s;
}

.scrolltop {
    position: fixed;
    right: 20px;
    width: 50px;
    bottom: 100px;
    cursor: pointer;
    -webkit-animation: MoveUpDown 1s linear infinite;
    animation: MoveUpDown 5s linear infinite;
    margin-bottom: 5%;
    cursor: pointer;
    z-index: 999999;
}

.scrolltop img {
    width: 50px;
}

.footer-right-content {
    text-align: right;
}

.copy_rights {
    text-align: end;
}

.contact_border {
    border-radius: 0;
    background-color: #bcdae7;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid black;
}


/* disclaimer */

.agree_popup {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: 100vh;
}

.agree_overlay {
    background: rgba(0, 0, 0, .9);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.agree_disclaimer {
    border-radius: 10px;
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 920px;
    z-index: 10;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
}

.agree_disclaimer h2,
.agree_disclaimer p {
    float: left;
    width: 100%;
    color: #000;
}

#close_btn {
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-size: x-large;
    line-height: 14px;
    position: absolute;
    text-align: center;
    right: 20px;
    top: 20px;
}

.agree_disclaimer p {
    text-align: justify;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 10px;
}

.agree_disclaimer button {
    background: rgba(92, 94, 105, .98);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 0;
    display: table;
    width: 150px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
}

@keyframes MoveUpDown {
    0%,
    100% {
        bottom: 20;
    }
    50% {
        bottom: 40px;
    }
}

.mobiletxt {
    display: none;
}

.legend {
    font-family: 'Ambit'!important;
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 22px !important;
    padding-left: 6%;
}

.legend_circle {
    background: #000;
    border-radius: 50%;
    color: #fff;
    cursor: default;
    /* outline: 3px solid darkblue; */
    font-size: 10px;
    font-style: italic;
    height: 25px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    vertical-align: middle;
    width: 25px;
}

.legend_circle:before {
    background: 3px solid darkblue;
    border-radius: 50%;
    color: #fff;
    cursor: default;
    outline: 3px solid darkblue;
    font-size: 10px;
    font-style: italic;
    height: 25px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    vertical-align: middle;
    width: 25px;
}

.footer-ul {
    list-style-type: none;
    /* position: absolute; */
}

.footer_buttons {
    cursor: pointer;
}

.pr-10 {
    padding-right: 10px;
}

.download_form {
    width: 300px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 20px 12px;
    z-index: 9;
    align-items: center;
}

.download_form {
    display: none;
    position: absolute;
    box-sizing: border-box;
    bottom: 45px;
}

.download_header {
    text-align: center;
    /* font-family: barlow_condensedbold; */
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 10px;
}

.download_header,
.dwld_ip {
    width: 100%;
    float: left;
    color: #000;
}

.close_download {
    cursor: pointer;
    color: rgba(92, 94, 105, .98);
    font-size: 16px;
    /* font-family: barlow_condensedbold; */
    line-height: 14px;
    position: absolute;
    text-align: center;
    right: 10px;
    top: 10px;
}

.dwld_ip {
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 9px 6px;
    background: #f6f6f6;
    border: none;
    /* font-family: barlow_condensedbold; */
    font-size: 12px!important;
    line-height: 12px;
    text-align: left;
}

button.primary_btn {
    margin: 0 auto;
    height: 28px;
    border: 0;
    border-radius: 14px;
    background-color: rgba(92, 94, 105, .98);
    cursor: pointer;
    color: #fff;
    display: table;
    /* font-family: barlowsemibold; */
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding: 2px 11px;
}

.social {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    text-align: center;
}

.footer-socialmediaicon li {
    display: inline-block;
}

ul.footer-socialmediaicon {
    padding-left: 0px;
}

.happiness_section_mobile,
.desktopicon {
    display: none;
}

.right_leaving {
    float: right;
}

.amenities_sec_list_right {
    border-right: 2px solid rgba(0, 83, 123, 255);
    padding: 20px 20px;
    margin: 0px 30px;
}

.amenities_sec_list_right ul {
    text-align: right;
}

.amenities_sec_list_right ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0px;
    position: relative;
    margin: 0px;
}

.amenities_sec_list_right ul li:after {
    content: '';
    position: absolute;
    background: rgba(0, 83, 123, 255);
    width: 20px;
    height: 1px;
    /* left: -30px; */
    right: -30px;
    top: 17px;
}

#demo .carousel-item {
    height: 250px;
}

#masterdemo .carousel-item {
    height: 330px;
    padding: 20px 20px;
}

@media (min-width: 1333px) and (max-width: 1500px) {
    .innercontainertwo {
        width: 95%;
    }
    .flowersection img {
        width: 305px;
    }
    .masterclassoverlay img {
        width: 90%;
    }
    .curveline {
        top: -15px;
    }
    body,
    section {
        overflow-x: hidden;
    }
    section.leaving_stone_section .headercont {
        position: relative;
        top: 20px;
    }
    .happiness_content {
        padding: 15px 80px 15px 80px;
    }
    .private_gardern_text:after {
        background: #9ec0c7;
        width: 100%;
        height: 2px;
        content: '';
        position: absolute;
        left: 100%;
        top: 55%;
    }
}

@media (min-width: 1200px) and (max-width: 1330px) {
    .navbar-nav .nav-link {
        padding: 16px 1rem !important;
    }
    .innercontent ul li {
        padding: 0px 15px;
        font-size: 30px;
    }
    .innercontent ul li:after {
        height: 50px;
    }
    .flowersection img {
        width: 270px;
        float: right;
    }
    .headercont {
        font-size: 50px;
    }
    .happiness_content {
        padding: 0px 20px 26px 50px;
        margin: -40px 0px 0px 0px;
    }
    .private_gardern_text {
        padding: 10px 10px 10px 50px;
    }
    .placeline {
        display: none;
    }
    body,
    section {
        overflow-x: hidden;
    }
    .acc_sec .card-body .col-sm-3,
    .acc_sec .card-body .col-sm-4 {
        padding: 0px 0px;
    }
    .curveline img {
        width: 100%;
    }
    .curveline {
        position: relative;
        top: -8px;
        left: -31%;
    }
    .invest_img_content img {
        width: 100px;
    }
    .invest_img_content p {
        font-size: 18px;
    }
    .invest_head h1 {
        font-size: 36px;
    }
    .masterplan_buttons.masterplan_img {
        width: 80%;
        margin: auto;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .navbar-nav .nav-link {
        padding: 16px 10px !important;
    }
    .innercontent ul li {
        padding: 0px 15px;
        font-size: 30px;
    }
    .innercontainertwo {
        width: 95%;
        margin: auto;
        /* display: block; */
    }
    img.logo {
        width: 100px;
    }
    .innercontent ul li:after {
        height: 50px;
    }
    .flowersection img {
        width: 270px;
        float: right;
    }
    .headercont {
        font-size: 36px;
    }
    .happiness_content {
        padding: 0px 20px 26px 50px;
        margin: -87px 0px 0px 0px;
    }
    .private_gardern_text {
        padding: 10px 10px 10px 50px;
    }
    .placeline {
        display: none;
    }
    body,
    section {
        overflow-x: hidden;
    }
    .acc_sec .card-body .col-sm-3,
    .acc_sec .card-body .col-sm-4 {
        padding: 0px 0px;
    }
    .curveline img {
        width: 100%;
    }
    .curveline {
        position: relative;
        top: -8px;
        left: -31%;
    }
    .invest_img_content img {
        width: 86px;
    }
    .invest_img_content p {
        font-size: 18px;
    }
    .masterclass_content img {
        width: 100%;
    }
    .masterclassoverlay img {
        width: 80%;
    }
    .masterclassoverlay {
        left: 0px;
    }
    section.happiness_table_section img {
        width: auto;
    }
    .happiness_img_sec img:nth-child(2) {
        width: 100%;
    }
    .flowertwo img {
        width: 200px !important;
    }
    /* .flowertwo {
        margin: 10px 0px;
    } */
    .flowertwo {
        margin: -100px 0px 0px 0px;
    }
    .amenities_sec.pad50 {
        padding: 15px 0px;
    }
    .happiness_content p {
        font-size: 16px;
    }
    .private_gardern_text h2 {
        font-size: 27px;
    }
    .amenities_sec h2 {
        font-size: 20px;
        padding: 10px 20px;
    }
    .flowersection.right img {
        width: 300px !important;
    }
    .masterplan_buttons.masterplan_img {
        width: 92%;
        margin: auto;
    }
    .enquirebtn {
        text-transform: uppercase;
        cursor: pointer;
        z-index: 10;
        position: fixed;
        top: 10%;
        right: -7%;
        transform: rotate( -90deg);
        width: 17%;
        padding: 5px 4px 6px;
        float: left;
        background: #000;
        text-align: center;
        z-index: 999;
        color: #fff !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .navbar-nav .nav-link {
        font-size: 11px;
        padding: 16px 2px !important;
    }
    .menu-box{
        display: none;
    }
    .sec-1{
      width:100% !important;
    }
    .hamburger--3dy-r .hamburger-box {
        display: block;
    }
    .sec-2{
        width:100% !important;
      }
    #Specifications h2 {
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        color: #b38e3d;
        line-height: 33px;
        margin-top: 20px;
    }
    img.logo {
        width: 90px;
    }
    .flowersection {
        width: 100px;
    }
    .happiness_img_sec img {
        width: 100%;
        height: 550px;
    }
    .flowersection img {
        width: 270px;
        float: right;
    }
    .private_gardern_text {
        padding: 10px 10px 10px 50px;
    }
    .private_gardern_text h2 {
        font-size: 27px;
    }
    .happiness_content {
        padding: 0px 20px 26px 50px;
        margin: -87px 0px 0px 0px;
    }
    .headercont {
        font-size: 26px;
    }
    .happiness_content p {
        font-size: 16px;
    }
    .private_gardern_text {
        padding: 10px 10px 10px 50px;
    }
    .private_gardern_text h2 {
        font-size: 20px;
    }
    .amenities_sec h2 {
        font-size: 20px;
        padding: 10px 20px;
    }
    .curveline {
        position: relative;
        top: -8px;
        left: -31%;
    }
    .curveline img {
        max-width: 100%;
        height: auto;
    }
    .btn-link:hover,
    .btn-link,
    .btn-link:focus {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        display: block;
        width: 100%;
        text-align: left;
    }
    button.btn.btn-link i {
        top: 5px;
    }
    .invest_img_content img {
        width: 70px;
    }
    .invest_img_content p {
        width: 72%;
        color: #fff;
        font-size: 16px;
        padding: 0px 10px 0px 10px;
        margin: 0px;
    }
    .placeline {
        display: none;
    }
    .padtop40 {
        padding-top: 0px;
    }
    .office_location {
        padding: 20px 20px;
    }
    .placename,
    .placedistance {
        font-size: 7px;
        font-weight: 500;
    }
    .placedistance {
        text-align: left;
        padding-left: 8px;
    }
    .happiness_section,
    .happiness_section img {
        width: 100%;
        height: 550px;
    }
    .masterplan_buttons.masterplan_img {
        width: 99%;
        margin: auto;
    }
    .enquirebtn {
        text-transform: uppercase;
        cursor: pointer;
        z-index: 10;
        position: fixed;
        top: 10%;
        right: -6%;
        transform: rotate( -90deg);
        width: 17%;
        padding: 5px 4px 6px;
        float: left;
        background: #000;
        text-align: center;
        z-index: 999;
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    
    /* .vr-foot{
            padding-left: 0px !important;
            margin-left: -36px; 
    } */
    .tab_img{
        width:25%;
    }
     .tab_img img{
        width:100%;
    }
    .vr-foot{
        display: flex;
            flex-direction: column;
            gap: 11px;
        }
    }
    h1#footer12 {
        margin-bottom: 8px !important;
    }
    .astabs{
        
     display:flex!important; 
         flex-wrap: initial;
    } 
    
    .new_tab .astabs li {
     font-size: 15px;   
        
    }
.nav-tabs > li > a {
    padding: 9px;
    
}
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .bannertxt>img {
        width: 70%;
    }
    .innercontainertwo {
        width: 100%;
    }
    .bannertwo {
        padding: 20px 0px;
    }
    .flowersection {
        width: 100%;
    }
    .innercontent ul li {
        position: relative;
        padding: 10px 10px;
        font-size: 14px;
    }
    .innercontent ul {
        margin: 0px 0px;
        padding-top: 10px;
    }
    .innercontent ul li:after {
        height: 41px;
        top: 10px;
        width: 1px;
    }
    .innercontent p {
        font-size: 14px;
        padding: 0px 20px;
    }
    .innercontent ul li span {
        display: block;
    }
    .invest_Section_details {
        padding: 20px 20px;
    }
    .invest_img {
        display: none;
    }
    .headercont {
        font-size: 24px;
    }
    .happiness_table_section {
        padding: 20px 0px 20px 0px;
    }
    .happiness_content p {
        font-size: 14px;
        padding: 20px 0px 0px 0px;
    }
    .invest_head h1 span {
        display: block;
        padding: 0px 5px;
    }
    .invest_img_content img {
        width: 120px;
        margin: auto;
        display: block;
    }
    .invest_img_content p {
        width: 100%;
        font-size: 17px;
        text-align: center;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #fff;
    }
    nav.navbar.navbar-expand-md.narbartop {
        padding: 10px 5px;
    }
    img.logo {
        width: 90px;
    }
    .img-fluid.logo18 {
        width: 80px;
        position: relative;
        top: -5px;
        left: 10px;
    }
    .flowersection img {
        width: 40%;
        float: right;
    }
    .bannerthree .col-sm-5,
    .bannerthree .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .happiness_content {
        padding: 0px 20px;
    }
    .linetwo {
        display: none;
    }
    .private_gardern_text:after {
        display: none;
    }
    .private_gardern_text {
        width: 90%;
        margin: 10px auto;
        padding: 5px 10px;
        top: -12%;
        background: transparent;
        position: absolute;
    }
    .private_gardern_text h2 {
        font-size: 27px !important;
    }
    .bannerthree {
        padding: 0px 0px 20px 0px;
    }
    .linenews {
        position: absolute;
        border: 1px solid #fff;
        top: 80px;
        bottom: auto;
        height: 270px;
        width: 74%;
        left: 6%;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    .masterplan_buttons.masterplan_img {
        width: 99%;
        margin: auto;
    }
    .masterplansection {
        padding: 30px 0px 0px 0px;
    }
    .masterplansection .headercont {
        padding: 0px 20px;
    }
    .legend {
        padding: 0px 10px;
    }
    .masterplan_img {
        top: 0px;
        padding: 0px 10px;
    }
    .masterplan_img img {
        width: 100%;
    }
    .masterclass_content {
        margin: 20px 0px;
    }
    .masterclass_content img {
        width: 100%;
    }
    .toppos,
    .flowersection.right {
        position: relative;
        top: 0px;
    }
    .pad100 {
        padding: 0px;
    }
    .happiness_img_sec img,
    .amenities_sec.pad50 img {
        float: none;
        margin: auto;
        display: block;
        width: 100%;
    }
    .amenities_sec.pad50 {
        padding: 10px 0px;
    }
    .amenities_sec {
        padding: 20px 0px;
    }
    .amenities_sec h2 {
        font-size: 20px;
        padding: 10px 10px;
        text-align: center;
    }
    .amenities_sec ul {
        padding: 20px 0px 0px 0px;
    }
    .amenities_sec ul li {
        font-size: 18px;
        padding: 0px 0px 10px 0px;
    }
    .flowertwo {
        margin: 0px;
    }
    .flowertwo img {
        width: 40%;
        margin-top: -70px;
    }
    .pad40 {
        padding: 0px;
    }
    .btn-link:hover,
    .btn-link,
    .btn-link:focus {
        font-size: 14px;
    }
    button.btn.btn-link i {
        font-size: 12px;
    }
    .acc_sec .card {
        margin: 0px 0px;
        border-bottom: 1px solid #ccc;
    }
    .acc_sec .card-header {
            padding: 6px;
            margin-bottom: 12px;
    }
    .curveline {
        position: relative;
        top: -100px;
        left: 0px;
        display: none;
    }
    .curveline img {
        width: 100%;
    }
    .leavingpara p {
        font-size: 16px;
    }
    .acc_sec .card-body.pad30 {
        padding: 15px;
    }
    .acc_sec .card-body .col-sm-3,
    .acc_sec .card-body .col-sm-4 {
        padding: 0px 0px;
    }
    .acc_sec .card-body .col-sm-4,
    .acc_sec .card-body .col-sm-3 {
        border-right: 0px solid #003333;
        border-bottom: 1px solid #003333;
        padding-top: 20px;
    }
    .acc_img:after {
        display: none;
    }
    .carousel-indicators li {
        width: 15px;
        height: 15px;
    }
    .map_details_section {
        padding: 20px 0px;
    }
    .map_arrow img {
        width: 130px;
    }
    .routemaparrow,
    .routemaparrow img {
        width: 100% !important;
    }
    .map_arrow_light {
        background: #fff;
        padding: 10px;
        margin: 10px 0px 0px 0px;
    }
    .map_arrow {
        padding: 0px 10px;
    }
    .routemaparrow {
        padding: 10px 0px 0px 0px;
        margin: auto;
        display: block;
    }
    .padtop40 {
        padding: 20px 0px;
    }
    .office_location {
        padding: 10px 0px;
    }
    .placeline {
        display: none;
    }
    .carousel-indicators li {
        background: rgba(0, 83, 123, .6);
    }
    .carousel-indicators li.active {
        background: rgba(0, 83, 123, 1);
    }
    #carouselGalleryIndicators li {
        background: rgba(255, 255, 255);
    }
    #carouselGalleryIndicators li.active {
        background: rgba(255, 255, 255, 0.5);
    }
    .placename {
        width: 100%;
        display: block;
    }
    #demo .carousel-indicators {
        bottom: -30px;
    }
    .placedistance {
        float: right;
    }
    .map_details_section .mobile {
        width: 100%;
        padding: 0px 20px;
    }
    .about_content {
        padding: 10px 0px;
    }
    footer#colophon {
        /* word-break: break-all; */
        padding: 20px;
    }
    form#contact-form {
        width: 100%;
        padding-bottom: 10px;
    }
    .enquirebtn {
        bottom: 0px;
        transform: rotate(0deg);
        right: 0px;
        width: 100%;
        padding: 8px 20px;
        top: auto;
    }
    .get_form {
        padding: 10px 0px;
    }
    .gallery_img_sec img {
        width: 100%;
    }
    .sevices-img {
        padding-top: 20px;
    }
    .acc_sec .card-body {
        background: #f9f9f9;
        padding: 0px;
    }
    .green-border:after {
        content: '';
        position: absolute;
        /* background: #003333; */
        /* width: 1px; */
        border-right: none
        /* height: 200px;
        right: 0px;
        top: 100px; */
    }
    .masterclass_content p:hover {
        border: 1px solid black;
        transition-duration: .5s;
        -moz-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
    }
    .masterplan_circles:hover {
        transform: none;
        background: rgba(0, 0, 0, .7);
        color: #fff;
    }
    .animate_class {
        transform: scale(1.6);
        background: rgba(84, 154, 188, 255);
        color: #fff;
    }
    .animate_class_list {
        border: 1px solid #000;
        /*border-radius: 10px;*/
        padding: 10px;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        /* Firefox 4 */
        -webkit-transition-duration: 0.5s;
        /* Safari and Chrome */
        -o-transition-duration: 0.5s;
    }
    .innercontent ul li.blue_line1 {
        border-right: 3px solid rgba(0, 83, 123, 255);
        height: 55px;
    }
    .innercontent ul li.blue_line2 {
        border-right: 3px solid rgba(0, 83, 123, 255);
        height: 55px;
    }
    /* .pt_1 {
        right: 48%;
        top: 38%;
    }
    .pt_2 {
        top: 36%;
        right: 41%;
    }
    .pt_3 {
        top: 43%;
        right: 44%;
    }
    .pt_4 {
        top: 31%;
        right: 35%;
    }
    .pt_41 {
        bottom: 21%;
        right: 27%;
    }
    .pt_8 {
        top: 40%;
        left: 28%;
    }
    .pt_9 {
        bottom: 11%;
        right: 24%;
    } */
    .footer-right-content {
        text-align: left;
    }
    .copy_rights {
        text-align: center;
    }
    ul.footer-socialmediaicon {
        text-align: center;
        margin-bottom: 0px;
    }
    .ebouch {
        padding-left: 0px;
        text-align: center;
        margin: 10px;
        /* margin-top: 18px;
        padding-bottom: 10px; */
    }
    .agree_disclaimer {
        width: 90%!important;
        top: 10px;
        height: 500px;
        overflow: auto;
    }
    .desktoptxt {
        display: none;
    }
    .mobiletxt {
        display: inline-block;
    }
    .legend {
        padding: 10px !important;
        font-size: 18px !important;
    }
    .masterclass_content p {
        font-size: 14px;
        padding: 0px 5px;
        display: inline-block;
        width: 100%;
        vertical-align: text-top;
        margin: 5px 0px;
    }
    /* .masterclass_content p:hover {
        border: 0px;
    } */
    .happiness_table_section h1 {
        padding: 0px 20px;
    }
    .happiness_table_section .headercont span {
        display: inline-block;
    }
    .leaving_stone_section {
            padding: 50px 10px;
    }
    .project-one{
        display: flex;
    }
    .gallerysection {
        padding: 20px;
    }
    .routemaparrow {
        margin-left: -10px;
    }
    .about {
        margin: 20px 0px;
        padding: 20px;
    }
    .happiness_section_mobile {
        display: block;
        position: relative;
    }
    .private_gardern_text {
        top: auto;
        bottom: 0px;
        left: 33px;
    }
    .private_gardern_text h2 {
        font-size: 20px !important;
    }
    .private_gardern_text p {
        font-size: 16px !important;
    }
    .agree_disclaimer h2 {
        font-size: 20px;
    }
    .amenities_sec.imagewidth {
        padding: 0px 0px 0px 0px;
    }
    .imagewidth img {
        width: 98%;
        margin: auto;
        display: block;
    }
    .amenities_sec_list {
        border-left: 2px solid rgba(0, 83, 123, 255);
        padding: 20px 20px;
        margin: 0px 30px;
    }
    .amenities_sec_list ul {
        padding: 0px;
        margin: 0px;
    }
    .amenities_sec_list ul li {
        list-style: none;
        font-size: 16px;
        font-weight: 500;
        padding: 5px 0px;
        position: relative;
        margin: 0px;
    }
    .amenities_sec_list ul li:after {
        content: '';
        position: absolute;
        background: rgba(0, 83, 123, 255);
        width: 20px;
        height: 1px;
        left: -30px;
        top: 14px;
    }
    .amenities_sec_list h2 {
        font-size: 16px;
        color: rgba(0, 83, 123, 255);
        background: #c9e7f0;
        padding: 10px 10px 10px 10px;
        border-radius: 20px;
        margin: 0px 0px 10px -10px;
        display: inline-block;
    }
    .invest-carousel img {
        width: 100%;
        padding: 5px;
    }
    .invest-carousel p {
        color: #fff;
        font-size: 14px;
        /* padding: 0px 5px; */
        padding-top: 10px;
    }
    .invest-carousel .col-7,
    .invest-carousel .col-5 {
        padding: 0px
    }
    .invest-carousel {
        border-left: 1px solid #000;
        padding: 20px 0px;
        margin-left: 20px;
    }
    .invest-carousel .carousel-indicators {
        bottom: -30px;
    }
    .invest-carousel .carousel-indicators li {
        background: #fff;
        opacity: .5;
    }
    .invest-carousel .carousel-indicators li.active {
        opacity: 1;
    }
    .footer-right-content-inner p {
        font-size: 12px;
    }
    .invest_head h1 {
        margin-left: 10px;
    }
    .invest_head h1 span {
        padding: 0px;
    }
    .invest-carousel .carousel-item {
        height: 125px;
    }
    a.mob.desktopicon {
        display: block;
        width: 40px;
    }
    a.mob.desktopicon img {
        width: 100%;
        cursor: pointer;
    }
    a.navbar-brand.mob {
        margin: 0px;
        padding: 0px;
        margin-left: 50px;
    }
    .collapse.navbar-collapse {
        position: absolute;
        top: 65px;
        z-index: 1000;
        width: 70%;
        float: right;
        background: #003333;
        right: 0px;
    }
    .collapse.navbar-collapse.active {
        display: block;
    }
    .collapse.navbar-collapse li.nav-item {
        width: 100%;
    }
    ul.navbar-nav.align-items-center.text-center.justify-content-center {
        text-align: left !important;
        padding: 20px 20px;
    }
    .navbar-nav .nav-link {
        padding: 10px 20px !important;
    }
    .mob_find {
        text-align: justify!important;
    }
    .flowersection.right_leaving {
        position: relative;
        right: 0px;
        top: 0px;
        margin: -95px 0px;
    }
    .download_icon {
        padding: 10px;
    }
    .footerlink p {
        font-size: 12px;
    }
    .footercontent {
        font-size: 12px;
    }


@media (min-width: 1500px) {
    .leavingpara {
        margin-top: -100px;
    }
    /* .happiness_content p {
        font-size: 26px;
        color: rgba(51, 51, 51, 255);
        margin: 0px;
        padding: 20px 0px 0px 0px;
    } */
}

@Media(min-width:1600px) {
    .happiness_content {
        padding: 0px 80px 58px 80px;
    }
    .masterplan_buttons.masterplan_img {
        width: 70%!important;
        margin: auto;
    }
    .happiness_content {
        padding: 40px 80px 40px 80px;
    }
    /* .happiness_content p {
        font-size: 26px;
        color: rgba(51, 51, 51, 255);
        margin: 0px;
        padding: 20px 0px 0px 0px;
    } */
}

.blu {
    border-right: 0px solid #003333;
    border-bottom: 1px solid #003333;
    margin: 10px 0px;
}

.pr-10 {
    padding-right: 10px;
}

@media(min-width:900px) and (max-width:1400px) {
    .private_gardern_text:after {
        background: #9ec0c7;
        width: 100%;
        height: 2px;
        content: '';
        position: absolute;
        left: 100%;
        top: 58%;
    }
    .placedistance {
        text-align: left;
        padding-left: 0px;
    }
    .placename,
    .placedistance {
        font-size: 12px;
        font-weight: 500;
    }
}

@media(min-width:1700px) and (max-width:1900px) {
    .masterplan_buttons.masterplan_img {
        width: 70%!important;
        margin: auto;
    }
    .happiness_content p {
        font-size: 24px;
        color: rgba(51, 51, 51, 255);
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }
}

@media(min-width:1900px) and (max-width:2200px) {
    .masterplan_buttons.masterplan_img {
        width: 65%!important;
        margin: auto;
    }
    .happiness_content p {
        font-size: 24px;
        color: rgba(51, 51, 51, 255);
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }
}

@media(min-width:2200px) and (max-width:2600px) {
    .masterplan_buttons.masterplan_img {
        width: 62%!important;
        margin: auto;
    }
}

.logo18 {
    width: 90px;
}