@charset "utf-8";
/* CSS Document */
body{   font-family: "Work Sans", sans-serif;    background-size: cover;    background-position: center top !important;}
/*.head{ background:#251b16;}
*/.logo{ width:146px; float:left; margin: 20.5% 10% 9.5% 30%; }
.logo img{ width:100%;}
.right{ float:right;}
.head{position: fixed;    z-index: 9999;}
.right-m{margin: 40px 0 0 0;}
.flo-none{ float:none !important;}
.visi-miss{width: 100%;    margin: 20px 0 0 0;    float: left;}
.text-c{ text-align:center!important; margin:0 12%;}
.banner{ width:100%; float:left; border-top:0px #b4db4a solid; border-bottom:0px #b4db4a solid; display:block;margin: 155px 0 0 0;  }
.desk{display:block!important}
.mob{display:none!important}
.carousel-text { display: block; position: absolute;  top: 30%; left: 3%;   width:27.6%;   z-index: 1;}
.carousel-text-home{ display: block; position: absolute;  top: 30%; left: 40%;   width:27.6%;   z-index: 1;}
.hr{background-color: rgba(153,153,153,0.4);  width: 1px;  height: 635px; float:left; }
.carousel-text-border{background-image:url(../images/bg-banner.png);height:27px;width:100%;position:relative;text-align:center;color:#fff;background-position:center bottom;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.bottom-border{ background:url(../images/bottom-border.png) center 0px repeat-x ;width: 100%; height: 16px; margin: 3px 0 0 0;}
h3{font-size: 35px;    color: #daa909;    font-weight: normal;    margin: 0 0 30px 0 !important;       font-weight: 300;  width: 100%;    text-transform: uppercase; }
h3 span{ font-size:50px  }
h3 sup{ font-size:83px; color:#a07230;}
h5{    font-size: 20px;    font-weight: normal;    float: left;    margin: 25px 0 0 0 !important;    color: #000;    text-transform: uppercase;    text-align: center;    width: 100%;}
h5 span{font-size:14px;font-weight: normal; letter-spacing: 1px; color:#000; float:left; margin: 5px 0 0 0;}
h1{    font-size: 40px;    font-weight: bold;    color: #8cb82a;    width: 100%;    float: left;    padding: 0px 0 20px;    text-transform: uppercase;    letter-spacing: 0;    text-align: left;    }
h1 span{ color: #2b4b20;}	

h2{     font-size: 12px;
    color: #8cb82a;
    background: #2b4b20;
    font-weight: bold;    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 13px 25px;
    width: fit-content; }

	h3{ font-size: 35px; color: #000; }
	.over{width:100%; float:left;     padding: 9% 0 0;}
	.over ul {width:100%; float:left; }
	.over ul li{width:100%; float:left; color:#000; font-size:24px; padding:0;    font-weight: 300; }
	.lg-sub-html{    text-transform: uppercase;}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}













.media-grid {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.media-thumb {
            position: relative;

            display: block;

            width: 100%;

            overflow: hidden;

            border-radius: 8px;
 

            text-decoration: none;

            cursor: pointer;
        }


        .media-thumb img {
          width: fit-content;
    margin: 0 auto;
            display: block;

            object-fit: cover;

            transition: transform 0.3s ease;
        }


        .media-thumb:hover img {
            transform: scale(1.05);
        }







		.media-thumb p{ text-align: center;   color:#000;  width: 100%;}
.media-thumb p span{ color: #8cb82a;}




.media-grid-2 {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.media-thumb-2 {
            position: relative;

            display: block;

            width: 100%;

            overflow: hidden;

            border-radius: 0px;
 

            text-decoration: none;

            cursor: pointer;    border: 1px solid #8cb82a94;
        }




.media-grid-3 {
    width: 100%;
     
    margin: 50px 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.media-thumb-3 {
            position: relative;

            display: block;

            width: 100%;

            overflow: hidden;

            border-radius: 0px;
 

            text-decoration: none;

            cursor: pointer;   3
        }



.media-thumb-3 h6{ font-size: 30px;}

.media-thumb-3 p{     font-size: 16px;
    font-weight: 300;;
    color: #F5F0E899}


	
.carousel-text-home h4{font-size:28px;font-weight: normal; letter-spacing: 5px;}
.carousel-text  h2{font-size:55px; font-weight: normal; letter-spacing: 9px; color:#b4db4a; text-align:left;}
.carousel-text 	h2 span{font-size:40px;  font-weight: normal;  }	
.satyam-left h2{font-size: 50px; font-weight: normal;color: #7b6d51;/* background-image: url(../img/bg-text-f.jpg); */float: left; padding: 6px 65px; width: 100%; display: block; margin:10% 0% 20px; text-align:center; text-transform: uppercase;line-height: 75px;}
h2 span{font-size:40px;  font-weight: normal; letter-spacing: 7px;}
h6{font-size:18px;font-weight: normal; }
p{font-size:19px; color:#6B6558; float:left;   line-height: 30px;}
p a{ color: #919191; text-decoration: none; }
p a:hover{ color:#000;}
.bg-fixed{background:#fff url(../images/bg-fixed.png)no-repeat right top; background-size: contain;   right: 0;   top: 0;    width: 100%;    height: 155px;     position: fixed;    z-index: 999;}
 .form-in-pop div:nth-child(2){   float:left;}
.form-in-pop div{ width:100%; float:left;}
.opencall {    position: absolute;    right: 6%;    z-index: 9;    display: block;    cursor: pointer;    top:10%;     width: 45px;}
 .pach{width: 100%;    float: left;    display: block;    background: #fff;}
.pach img{float: right;width: 12%;}
.active { color: #ac7f3b !important;}
.input{height: 30px; width:97%;   line-height: 10px;  padding: 0 1.5%; background-color:#e5e5e5; outline:none; border:0;}
#field2::-webkit-input-placeholder { color:#000; letter-spacing:1px; font-size:15px;    }
.m110{ margin:10px 0 0 0;}
.m120{ margin:20px 0 0 0;}
.m140{ margin:40px 0 0 0;}
.m180{ margin:80px 0 0 0;}
.m199{ margin:80px 0 40px 0;}
.m191{ margin:0px 0 40px 0;}
.m190{margin: 25px 0 0 10px !important;}
.m000{ margin:0 0 0 0 !important;}
.p120{ padding:8px;}
.p121{ padding:10px;}
.p110{ padding:1.5%;}
.p111{padding: 10px 0 0 10px;}
.p130{ padding:30px; float:left;}
.img{ width:100%;margin:30px 0 0 0;}
.img img{ width:100%;}
.img1{ width:100%;margin:0px 0 0 0;}
.img1 img{ width:100%;}
.img2{ width:78%;margin:0px 0 0 0;}
.img2 img{ width:100%;}
.center-123{ text-align:center;     float: none;}
.reset{ letter-spacing:1px;background-color:#a07230;color:#FFF;outline:none; font-size:16px; cursor:pointer; border:0;width:125px;height:30px;float:left;}
.reset:hover{ background-color:#8d570a; }
.bg-gray{ background-color: rgba(0, 0, 0, 0.28);}
.carousel-control-prev-icon{background-image:url(../images/a-1.png)}
.carousel-control-next-icon{background-image:url(../images/a-2.png)}
.carousel-control-next-icon, .carousel-control-prev-icon {    display: inline-block;    width: 30px;height: 40px;}
.about-s3 img{margin: 0 auto;    display: block;}
.main-height{height:300px;}
	
	.about-s3 h2{ font-size:55px;margin: 30px 0 0 0;}
	.about-s3 h3{text-align:center}
		.about-s3 p{font-size: 20px;    text-align: center;    width: 55%;    color: #000000;    font-weight: 300;    margin: 0 auto;    float: none;    display: block;}
		.main-div{position:absolute;  z-index: 9;     margin: 5% 0 0 0;  width: 42%;}
			.main-div ul{    width: 100%;    float: left;    list-style: none;    padding: 0;}
				.main-div ul li{    width: 48%;    float: left;       margin: 1%;    padding: 40px 30px;}
	.main-div ul li img{margin: 0 auto;    display: block;}
		.main-div ul li p{  text-align:center;  font-size: 22px;    color: #000;    font-weight: 300; margin: 0;   line-height: 30px;}
		.main-div ul li h5{ font-size:25px; color:#000;    text-transform: none; }
		.main-div ul li p a{    color: #000;    font-weight: 300;}
		.main-div ul li p a:hover{color:#ac7629}
		
		.main-div-contact{ float: right;    }
	.form-main{    padding:200px 60px 120px 160px;}
.form-main p{font-size:30px; font-weight:300;  text-align: left;}
.project01 img{width:100%;     border: 50px solid #fff;}

footer{      margin: 0 auto 0 !important;    float: none; }
footer p{      font-weight: normal;    font-size: 16px;    text-align: center;    width: 100%;  border-top: 0px solid #000;  padding: 30px 0 20px;}
.footer{width: 100%; margin: 0 auto; background:#000000; float:left}
footer a{ color:#B4B4B4;}
footer a:hover{ color:#999;}
footer ul{ width:60%; float:none; margin:0 40%;}
footer li { list-style:none; float:left;}
 
.link-bottom{ position: absolute; z-index: 9; bottom: 50px; height: 50px; width: 94.5%; margin: 0 auto; text-align: center; font-size: 18px;color: #ffffff;  line-height: 20px;  letter-spacing: 1.5px;}
.link-bottom img {   width: 40px;  height: 40px;   float: none;   margin: 0 auto;}
.back-to-projects{ background-image:url(../images/back-to-projects.png); background-repeat: no-repeat;  right: 0px; bottom: 0px;position: fixed; width: 50px; height: 50px; z-index: 999; cursor: pointer;}
.back-to-projects:hover{ background-image:url(../images/back-to-projects-hover.png);background-repeat:no-repeat;right:0px;bottom:0px;position:fixed;width:50px;height:50px;z-index: 999;cursor: pointer;}
.navi-getion{ display:none;}
 
.mobile-content-about-us{ display:none;}
 .bg-slider{ background:rgba(255, 255, 255, 0.7);      float: inherit;  width: 92%; height: auto; padding: 20px;}
.buttons-on{background:#f7f6f2 url(../images/last-fixed.png) no-repeat right top; width:100%; float: left; height:111px;}
.buttons-on p a{text-transform: none;}
.buttons-on p a:hover{ color:#000}
 .grid_1 img{width: 100%;}
 .start-img{position: absolute; left: 0;width: 30.5%;}
.start-img-last{position: absolute; right: 0;}
.start-img img{width:100%;}
 

 
 .modal-title {  font-size: 16px;}
 
 .bt-peace{    cursor: pointer;   background: #000;    border: 0;    padding: 1%;    /* float: left; */    color: #fff;    text-transform: uppercase;    margin: 0 auto;    width: 14%;    display: block;}
  .bt-peace:hover{ background: #999;}
.scroll-panel {  height: 400px;    outline: none;    overflow: auto;}
.plus{width:20px; height:20px; float:right; position:relative; right:0; top:20px;}

.view {  width: 100%;   height: 100%;   float: left;   overflow: hidden;   position: relative;   text-align: center;   cursor: default;}
.view .mask,.view .content {   width: 100%;   height: 100%;   position: absolute;   overflow: hidden;   top: 0;   left: 0;}
.view img {   position: relative;}
.view h4 {   text-transform: uppercase;   color: #fff;   text-align: left;   position: relative;   font-size: 16px;   padding-left:20px;}
.view p {       font-size: 62px;    position: relative;    color: #000; text-align: left;   padding-left:20px; text-transform:uppercase; }
.view a.info { display: inline-block;   text-decoration: none;   padding: 7px 20px;   color: #FFF;   font-size:18px;   text-transform:uppercase;   float:left;}
.view a.info: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}
 .slider img{ width: 95% !important;}
 .social-icons{width:100%; float:left;     bottom: 20px; }
.social-icons ul{    width: 165px;    margin: 0 auto;    display: block;    background: #000;}
.social-icons li{width:35px; float:left; border:0;margin: 0 10px 0 10px;}	
	.footer-logo{width:20%; float:left;    margin: 15%  0;}
		.footer-logo img{width:100%}
	.footer-address{width:52%;   float: left;    margin: 12% 0;}		 
		.footer-address p{color:#fff; font-size:18px;    border: 0;    text-align: left;    line-height: 30px;}
	.map{width: 100%;
    float: left;
    margin: 70px 0;
    height: 660px;}
 .footer-address h4 {    color: #b4db4a;    font-size: 24px;}
.footer-address p { font-size: 15px;}
.homeoverview{    margin: 0 auto;    padding: 0% 0 0 0%;    top: 40px;    left: 0;  position: relative;  width: 100%;    text-align: left;}
.healthfeatures{width:90%; margin: 0 auto;}
.healthfeatures img{width: 100%; float: left;}
.homeoverview h1{text-align:center;}


.feature-containleft{width:54%;    margin-right: 0%;    float: left;    margin: 0 23%;    display: block; }
.feature-containright{width:100%;float: right; background:#aca080 url(../images/bg-on.png) fixed no-repeat; background-position:top right}
.footer-logo {    width: 15%;    float: left;    margin: 13% 4% 0 0;}
.footer-bottom p{ color: #ffffff;    text-align: center;    width: 100%;  font-size: 16px;     padding: 20px;    margin: 0px 0 0px 0;}
.footer-bottom p a{color:#fff}
    .footer-dic p{ color: #fff;    font-size: 16px;    text-align: center;        width: 100%;        border-top: 2px dotted;        padding: 20px 0 0px;        margin: 20px 0 0px 0;}
    .location-text{        width: 70%;    float: left;    padding: 0 0 0 0px;    margin: 0 15% 0px;}
    .icons-loc{    width: 70px;       float: left;        margin: 0 20px 0 0;}
    .icons-loc img{ width: 100%;}
	.textmain-home{    width: 90%;    margin: 2% 10% 11%;    float: left;} 
	.peace-one ul{width:50%; float:left;}
	.peace-one ul li{width:100%; color:#fff}
	
		.textmain-home img{float:left}
  .navbar-brand{width: 100%;    margin: 0;display: block;    float: left;}
	/*	.navbar-brand img{margin:0 auto;    display: block;}*/
	.navbar-expand-lg .navbar-collapse{    display: block;    float: left;    width: 100%;}
	.navbar>.container, .navbar>.container-fluid{display: block;}
	.float-right-ami{float:right;    margin: 5% 0 0 0 !important;}
	.main-bg{width:100%; float:left; background:url(../images/main-bg.jpg);padding: 3% 0;}
		.main-bg ul{    width:70%;    float: none;    padding: 0;    margin: 0 auto;}
			.main-bg ul li{width:33.3%;     height: 230px;   float: left;    list-style: none;	    margin: 20px 0 0 0;	}
	.main-bg ul li ul{width:100%;float:left}
	.main-bg ul li h3{font-size:16px; font-weight:bold;   color: #000000;margin: 0 !important; text-align:left  }
	.main-bg ul li ul li{width:100%; float:left; font-size:16px; font-weight:none;color: #000000; line-height:30px;margin: 0;height: auto;}
	 .fixed-bg{    width: 100%;       background: url(../images/bg-fixed.jpg) fixed;    background-size: cover;    background-position: center bottom;    float: left;}
	.bg-on{    margin: 0% auto;    display: block;    padding: 3% 0 0;    height: 100%;    background: url(../images/bg-up.png);    width: 100%;   float: right;    background-position: right;    background-repeat: no-repeat;}
	  .bg-on img{  margin: 0 auto;	  display: block;}
	  .bg-on-o{float: right;    width: 35%;    margin: 0% 0 0 0;}
	    .bg-on-o p{color: #fff; font-size: 25px;    line-height: 40px;    text-transform: uppercase;}
	  .red-bg{width:70%; float: left; margin: 0px 15%; background:url(../images/red.jpg);padding: 50px 50px;}
	  .bigb-four{width:100%; margin:0 auto}
	  .bigb-plans{width:75%; margin:0 auto}
	  
	  .div-main-add{width:100%; float:left}.main-add{width: 70%;    /* float: left; */    margin: 0 auto;}
	  .main-add p{padding:2% 30% 2% 30%; font-size:16px;text-align: center; width:100%; color:#000}  
	  .carousel{    float: left; width: 100%;}
	  .over-one{width:100%; float:left; background:#909491;}
	  .over-one ul{width:60%; margin:0 auto;padding: 0; }
	  .over-one ul li{width: 25%;    float: left;    list-style: none;    margin: 30px 0;    border-left: 1px solid #000;}
	.over-one ul li:nth-child(1){border:0}
	  .over-one ul li p{       font-size: 24px;    text-align: center;    margin: 0 auto;    line-height: 30px;    display: block;    width: 100%;}
	  .over-one ul li p span{     font-size: 30px;    font-weight: 700;    text-align: center;}
	  .over-two{width:100%; float:left; background:url(../images/bg-line.jpg); }
	  .over-two p{color: #fff;    font-size: 27px;    padding: 20px 50px;    width: 94%;    margin: 20px 3%;    float: left;    display: block;    text-align: center;    line-height: 40px;}	
	.ami{width:100%;  float:left;margin:10% 0 0;}
	.ami p{color:#000; font-size:30px;     width: 100%;    float: left; line-height:normal;    }
	.ami p span{ text-align: right;  color: #8cb82a;   float: right;}
	.ami h6{ font-size: 12px; color:#6b6565}
	.ami h3{font-size: 53px;    width: 100%;    float: left;    text-align: center;    letter-spacing: 15px;}
	
		.ami ul{width:100%; float:left;padding: 0;}

	.ami ul li{width:50%; float:left;list-style: none;font-size: 20px; }	
	.ami ul li img{display: block;    float: left;}
	.ami ul li p{width: 100%; line-height:27px;   float: left;    text-align: left;    font-size: 15px;    color: #000;    font-weight: 300;       letter-spacing: normal;} 
	.ami-1 ul{width:100%; float:left;}
	.ami-1 ul li{width:33%; float:left;list-style: none;  }	
	.ami-1 ul li img{  display:block;    float: left;      width: 98%;}
	.ami-1 ul li p{     width: 100%;    text-transform: uppercase;    float: right;    text-align: left;    margin: 7% 0;    font-size: 25px;    color: #fff;    letter-spacing: normal;    padding: 0 10px;    font-weight: 400;} 
	.ami-1{width: 85%;    margin: 0 auto;    display: block;}
	.ami-2{width:55%;    margin: 0 auto;    display: block;}
	.ami-3{width: 85%;    margin: 0 auto;    display: block;}
	.ami-2 ul{width:100%; float:left;}
	.ami-2 ul li{width:50%; float:left;list-style: none;  }	
	.ami-2 ul li img{  display:block;       width: 100%;    margin: 0 auto;}
	.ami-2 ul li p{  width: 100%;    float: right;    text-align: center;    margin: 20px 0; font-weight:400;    font-size: 25px;    color: #fff;    letter-spacing: normal;} 
	.ami-3 ul{width:100%; float:left;}
	.ami-3 ul li{width:33%; float:left;list-style: none;  }	
	.ami-3 ul li img{  display:block;      width: 100%;   margin: 0 auto;   }
	.ami-3 ul li p{  width: 100%;    float: right; font-weight:400;    text-align: center;    margin: 20px 0;    font-size: 25px;    color: #fff;    letter-spacing: normal;} 
	.logo-ab{position: absolute;    top: 30px;    left: 15%;}
.text-uppercase {    text-transform: uppercase!important;    color: #000000;    font-size: 80px;    letter-spacing: normal;    font-weight: 300;    text-align: center;}
.logo-ab img{width:100%}

.icons-main{width:90px; float:left}
.icons-main-1{width:80%; float:left}

.icons-main-2{width:90px; display:block;     margin: 25px auto 0;}

.ami-loc{width:100%; float:left;    margin: 15px 0 0;}
.ami-loc ul{}
.ami-loc ul li{color:#fff;width:100%;}
.ami-loc ul li p {text-align: left;    font-size: 20px;    width: 90%;    text-transform: none;    padding: 0;    font-weight: 300;    line-height: normal;    margin: 0px 0 10px;    float: left;}
.ami-loc ul li p span{float: right;}
 

@media only screen and (min-width: 1601px) and (max-width: 1700px) {
 .carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
	
	
}
	
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
	.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
}




@media only screen and (min-width: 1401px) and (max-width: 1500px) {
.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
}




@media only screen and (min-width: 1301px) and (max-width: 1400px) {
	.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
    }




@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
}

/***********************************************
Screen Smaller than 1200px
***********************************************/
@media only screen and (min-width: 1101px) and (max-width: 1200px) {
	
.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 


}

 
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
	
.carousel-text{ width:34.5%; top:25%;}
.carousel-text-home{ width:34.5%; top:25%;}
 
}



@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.desk{display:none !important}
.mob{display:block!important}
	 
.navbar>.container, .navbar>.container-fluid{display: flex;}
.collapse:not(.show){    display: none !important;}
.navbar-expand-lg .navbar-collapse{background: #000;}
.dis{display:none !important}
.over-one ul li:nth-child(1) {    border: 0;    border-bottom: 1px solid #000;}
.over-one ul li:nth-child(4) {  border-bottom: 0px solid #000;}
.over-one ul li {  width: 100%;    margin: 20px 0 0;    border-left: 0px solid #000;    border-bottom: 1px solid #000;    padding: 0 0 20px 0;}
.over-one ul li p span {font-size: 20px;}
.over-one ul li p {font-size: 16px;line-height: 22px;}
.over-two p {   font-size: 13px;padding: 0px 30px;width: 100%;margin: 20px 0%;line-height: 20px;}
.ami ul li {width: 100%;  text-align: center;  margin: 0 0 30px 0px; height:auto}
.dis{display:none}
.logo-ab{display:none}
.ami ul li p{font-size: 14px;
margin: 0px 0 0;
line-height: 20px;
width: 100%;
text-align: center;}
.icons-main-2 {
width: 65px;}
.ami-2 ul li p { 
  margin: 10px 0; 
font-size: 14px;}

.icons-main {
width: 65px;}.ami-loc {
  width: 100%;
  float: left;
  margin: 10px 0 25px;
}
.ami-1 ul li p{font-size: 17px;}
.ami-1 {
width: 100%;}
.ami ul li img {
  display: block;
  float: none;
  margin: 0 auto;
  width: 30%;
}
.bg-on-o {    float: none;    width:90%;    margin: 2% auto;}
.ami h3 {    font-size: 30px;    width: 100%;    float: left;    text-align: center;    letter-spacing: 10px;}
h3 span {  font-size: 30px;    letter-spacing: 3px;}
.bg-on-o p {text-align: center;    color: #fff;    font-size: 14px;    line-height: 25px;    text-transform: uppercase;    width: 100%;}
.ami p {     font-size: 18px; }
.ami ul {    width: 100%;    float: left;    padding: 0;}
.navbar-light .navbar-toggler {    color: rgb(0 0 0 / 100%);    border-color: #000;}


.media-grid-2{    grid-template-columns: repeat(1, 1fr);}
.media-grid {
    
    grid-template-columns: repeat(1, 1fr);}


h1{font-size: 23px;}
.project03 h1{font-size: 23px;}
.project01 img {
  
  border: 30px solid #fff;
}

}

.mr{margin: 0 0 51px;}


  .infrastructure-section {
            width: 100%;
          /*  min-height: 100vh;
           */ padding: 110px 5.3% 80px;    float: left;
            background: #25491e;
        }

        .infrastructure-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
        }

        /* Small Heading */
        .section-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 5px;
            text-transform: uppercase;
            color: #8fbe21;
            margin-bottom: 42px;
        }

        /* Main Heading */
        .main-heading {
            font-size: 54px;
            line-height: 1.15;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 35px;
        }

        .main-heading .green-text {
            display: block;
            color: #8fbe21;
        }

        .main-heading .light-text {
            display: block;
            color: #b5b7a9;
        }

        /* Infrastructure List */
        .infrastructure-list {
            display: grid;    float: left;
            grid-template-columns: 1fr 1fr;
            column-gap: 80px;
            margin-top: 35px;
            max-width: 1080px;
        }

        .list-column {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .list-column li {
            position: relative;
            padding-left: 0px;
            margin-bottom: 22px;
            color: #8fbe21;
            font-size: 16px;
            line-height: 1.4;
            font-weight: 600;
        }

        .list-column li span {
           /* position: absolute;
            left: 0;
            top: 0;
            */font-weight: 700;
        }

        /* Disclaimer */
        .disclaimer {
            margin-top: 58px;
            max-width: 680px;
            color: rgba(190, 195, 175, 0.42);
            font-size: 12px;
            line-height: 1.55;
            font-style: italic;
        }

        /* Tablet */
        @media (max-width: 1024px) {

            .infrastructure-section {
                padding: 80px 6%;
            }

            .main-heading {
                font-size: 42px;
            }

            .infrastructure-list {
                column-gap: 40px;
            }

            .list-column li {
                font-size: 15px;
            }
        }

        /* Mobile */
        @media (max-width: 767px) {

            .infrastructure-section {
                padding: 60px 25px;
            }

            .section-label {
                font-size: 9px;
                letter-spacing: 3px;
                margin-bottom: 25px;
            }

            .main-heading {
                font-size: 30px;
                line-height: 1.2;
                letter-spacing: 0.5px;
                margin-bottom: 30px;
            }

            .infrastructure-list {
                grid-template-columns: 1fr;
                gap: 0;
                margin-top: 25px;
            }

            .list-column {
                margin: 0;
            }

            .list-column li {
                font-size: 14px;
                margin-bottom: 17px;
                padding-left: 20px;
            }

            .disclaimer {
                margin-top: 35px;
                font-size: 10px;
            }
        }

        /* Small Mobile */
        @media (max-width: 480px) {

            .infrastructure-section {
                padding: 45px 20px;
            }

            .main-heading {
                font-size: 25px;
            }

            .list-column li {
                font-size: 13px;
            }
        }





		  .location-section {
            width: 100%;
            min-height: 100vh;
            padding: 98px 5.35% 80px;
            background: #f4f0e7;
			float: left;
        }

        .location-container {
            width: 100%;
            max-width: 1290px;
            margin: 0 auto;
        }

        /* ==============================
           LABEL
        ============================== */
        .location-label {
            display:  block;
            padding: 11px 17px;
            background: #254b20;
            color: #8abd20;

            font-size: 11px;
            font-weight: 700;
            letter-spacing: 4px;
            line-height: 1;
            text-transform: uppercase;

            margin-bottom: 34px;width: fit-content;
        }

        /* ==============================
           MAIN HEADING
        ============================== */
        .location-title {
            max-width: 720px;

            color: #82b51e;
            font-size: 38px;
            font-weight: 800;
            line-height: 1.34;
            letter-spacing: 0.5px;

            text-transform: uppercase;
            margin-bottom: 43px;
        }

        /* ==============================
           CONTENT AREA
        ============================== */
        .location-content {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 385px;
            column-gap: 67px;
            align-items: start;float: left;
        }

        /* ==============================
           DESCRIPTION
        ============================== */
        .location-description {
            max-width: 790px;

            font-size: 20px;
            line-height: 2;
            font-weight: 400;
            letter-spacing: 0.3px;

            color: #706d64;
        }

        /* ==============================
           PARK IMAGE
        ============================== */
        .location-image {
            width: 100%;
            margin-top: -10px;
        }

        .location-image img {
            display: block;
            width: 100%;
            height: 307px;

            object-fit: cover;
            object-position: center;

            border: 0;
        }

        .image-caption {
            margin-top: 9px;
            padding-left: 1px;

            font-size: 11px;
            line-height: 1.4;
            font-style: italic;

            color: #aaa79d;
        }

        /* ==============================
           LANDMARK BOX
        ============================== */
        .landmark-box {
            position: relative;

            margin-top: 47px;
            padding: 40px 42px 37px;

            background: #fbfaf7;

            border-left: 5px solid #8abd20;

            min-height: 218px;    float: left;
        }

        .landmark-label {
            display: inline-block;

            padding: 11px 15px;

            background: #254b20;
            color: #8abd20;

            font-size: 10px;
            font-weight: 700;
            letter-spacing: 4px;
            line-height: 1;

            text-transform: uppercase;

            margin-bottom: 25px;
        }

        .landmark-title {
            color: #82b51e;

            font-size: 32px;
            line-height: 1.2;
            font-weight: 800;

            text-transform: uppercase;

            margin-bottom: 21px;    padding: 0;
    width: auto;
    background: unset;
        }

        .landmark-description {
            color: #6f6b62;

            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.2px;
        }

        /* ==============================
           DESKTOP ALIGNMENT
        ============================== */
        @media (min-width: 1000px) {

            .location-description-wrapper {
                width: 100%;
            }

            .landmark-box {
                max-width: 835px;
            }
        }

        /* ==============================
           TABLET
        ============================== */
        @media (max-width: 1100px) {

            .location-section {
                padding: 75px 5%;
            }

            .location-title {
                font-size: 34px;
                max-width: 700px;
            }

            .location-content {
                grid-template-columns: minmax(0, 1fr) 320px;
                column-gap: 40px;
            }

            .location-description {
                font-size: 18px;
                line-height: 1.9;
            }

            .location-image img {
                height: 270px;
            }

            .landmark-title {
                font-size: 27px;
            }
        }

        /* ==============================
           MOBILE
        ============================== */
        @media (max-width: 767px) {

            .location-section {
                padding: 50px 25px 60px;
            }

            .location-label {
                font-size: 9px;
                letter-spacing: 3px;

                padding: 10px 14px;
                margin-bottom: 28px;
            }

            .location-title {
                font-size: 27px;
                line-height: 1.3;
                letter-spacing: 0.3px;

                margin-bottom: 30px;
            }

            .location-content {
                display: flex;
                flex-direction: column;
            }

            .location-description {
                max-width: 100%;

                font-size: 16px;
                line-height: 1.8;

                margin-bottom: 35px;
            }

            .location-image {
                width: 100%;
                margin-top: 0;
                order: 2;
            }

            .location-image img {
                width: 100%;
                height: auto;
                min-height: 240px;
            }

            .image-caption {
                font-size: 10px;
            }

            .landmark-box {
                order: 3;

                margin-top: 35px;
                padding: 30px 25px;

                min-height: auto;
            }

            .landmark-label {
                font-size: 8px;
                letter-spacing: 3px;

                padding: 10px 12px;
                margin-bottom: 20px;
            }

            .landmark-title {
                font-size: 23px;
                line-height: 1.25;

                margin-bottom: 16px;
            }

            .landmark-description {
                font-size: 14px;
            }
        }

        /* ==============================
           SMALL MOBILE
        ============================== */
        @media (max-width: 480px) {

            .location-section {
                padding: 40px 18px 50px;
            }

            .location-title {
                font-size: 23px;
            }

            .location-description {
                font-size: 15px;
                line-height: 1.75;
            }

            .location-image img {
                min-height: 200px;
            }

            .landmark-box {
                padding: 25px 20px;
            }

            .landmark-title {
                font-size: 20px;
            }

            .landmark-description {
                font-size: 13px;
            }
        }




		
        .amenities-section {
            width: 100%;
            padding: 80px 5%;
			    float: left;
            min-height: 550px;
			      background: #faf8f4; 
        }

        .amenities-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        /* Header */

        .amenities-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 40px;
            margin-bottom: 45px;
        }

       
    .amenities-title h2 {
    font-size: 62px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 42px;
    padding: 0;
    background: unset;
    text-transform: unset;
    letter-spacing: 0;
 
        }

        .amenities-title p {
            
            font-style: italic;
            font-size: 16px;
            color: #77736c;
        }

        /* =========================
           TABS
        ========================= */

        .amenities-tabs {
            display: flex;
            border: 1px solid #e5e1d8;
            margin-top: 22px;
        }

        .amenity-tab {
            border: 0;
            border-right: 1px solid #e5e1d8;
            background: transparent;
            padding: 16px 28px;
            min-width: 180px;

            font-size: 11px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #292929;

            cursor: pointer;
            transition: all 0.3s ease;
        }

        .amenity-tab:last-child {
            border-right: 0;
        }

        .amenity-tab:hover {
            background: #315c2d;
            color: #fff;
        }

        .amenity-tab.active {
            background: #315c2d;
            color: #fff;
        }

        /* =========================
           AMENITY LIST
        ========================= */

        .amenities-content {
            width: 100%;
        }

        .amenity-panel {
            display: none;
            grid-template-columns: repeat(7, 1fr);
            border: 1px solid #e5e1d8;
            animation: fadeEffect 0.4s ease;
        }

        .amenity-panel.active {
            display: grid;
        }

        @keyframes fadeEffect {
            from {
                opacity: 0;
                transform: translateY(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .amenity-item {
           min-height: 138px;
    border-right: 1px solid #e5e1d8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 10px;
    border-bottom: 1px solid #e5e1d8;
    transition: background 0.3s ease;
    border-top: 1px solid #e5e1d8;
    border-left: 1px solid #e5e1d8;
        }

        .amenity-item:last-child {
            border-right: 1;
        }

        .amenity-item:hover {
            background: #f1f0ea;
        }

        .amenity-icon {
            width: 44px;
            height: 44px;
            margin-bottom: 18px;

            display: flex;
            align-items: center;
            justify-content: center;

            color: #222;
            font-size: 30px;
            font-weight: 300;
        }

        .amenity-name {
            font-size: 13px;
            line-height: 1.4;
            color: #315c2d;
        }

        /* =========================
           TABLET
        ========================= */

        @media (max-width: 1100px) {

            .amenities-header {
                flex-direction: column;
            }

            .amenities-tabs {
                margin-top: 0;
            }

            .amenity-panel {
                grid-template-columns: repeat(4, 1fr);
            }

            .amenity-item:nth-child(4) {
                border-right: 0;
            }

            .amenity-item:nth-child(n+5) {
                border-top: 1px solid #e5e1d8;
            }

        }

        /* =========================
           MOBILE
        ========================= */

        @media (max-width: 767px) {

            .amenities-section {
                padding: 55px 20px;
            }

            .amenities-title h2 {
                font-size: 45px;
                margin-bottom: 25px;
            }

            .amenities-title p {
                font-size: 14px;
            }

            .amenities-header {
                margin-bottom: 30px;
                gap: 25px;
            }

            .amenities-tabs {
                width: 100%;
                overflow-x: auto;
                display: flex;
            }

            .amenity-tab {
                min-width: 150px;
                padding: 14px 15px;
                font-size: 9px;
                letter-spacing: 1.4px;
            }

            .amenity-panel,
            .amenity-panel.active {
                grid-template-columns: repeat(2, 1fr);
            }

            .amenity-item {
                min-height: 130px;
                border-right: 1px solid #e5e1d8;
            }

            .amenity-item:nth-child(2n) {
                border-right: 0;
            }

            .amenity-item:nth-child(n+3) {
                border-top: 1px solid #e5e1d8;
            }

            .amenity-icon {
                font-size: 25px;
                margin-bottom: 13px;
            }

            .amenity-name {
                font-size: 12px;
            }
        }





		
/* =========================================
   MAIN SECTION
========================================= */
.floor-plans-section {
    width: 100%;
    padding: 80px 5%;
	    float: left;    background: #faf8f4;
}

.floor-plans-container {
    max-width: 1300px;
    margin: 0 auto;
}

/* =========================================
   SMALL LABEL
========================================= */
.section-label {
    display: inline-block;
    background: #275522;
    color: #fff;
    padding: 9px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

/* =========================================
   HEADING
========================================= */
.floor-title {
    
    font-size: 68px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 42px;text-transform: none;
}

/* =========================================
   TABS
========================================= */
.floor-tabs {
    display: flex;
    width: fit-content;
    border: 1px solid #e5e0d5;
    margin-bottom: 47px;
}

.floor-tab {
    border: 0;
    border-right: 1px solid #e5e0d5;
    background: transparent;
    color: #181818;
    padding: 16px 29px;
    min-width: 95px;
    height: 46px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.floor-tab:last-child {
    border-right: 0;
}

.floor-tab:hover {
    background: #e9eee6;
}

.floor-tab.active {
    background: #275522;
    color: #fff;
}

/* =========================================
   CONTENT GRID
========================================= */
.floor-content {
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    gap: 60px;
    align-items: start;
}

/* =========================================
   SUB HEADING
========================================= */
.content-heading {
    color: #275522;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 23px;
}

/* =========================================
   PLAN IMAGE BOX
========================================= */
.plan-box {
    background: #f1eee6;
    border: 1px solid #e7e1d5;
    padding: 35px;
}

.plan-image-wrapper {
    width: 100%;
    overflow: hidden;
}

.plan-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

/* =========================================
   IMAGE CAPTION
========================================= */
.image-caption {
    color: #b7b5af;
    font-size: 11px;
    font-style: italic;
    margin-top: 15px;
}

/* =========================================
   LEGEND
========================================= */
.legend {
    width: 100%;
    border: 1px solid #e5e0d5;
}

.legend-item {
    min-height: 58px;
    display: grid;
    grid-template-columns: 55px 45px 1fr;
    align-items: center;
    border-bottom: 1px solid #e5e0d5;
}

.legend-item:last-child {
    border-bottom: 0;
}

.legend-number {
    padding-left: 22px;
    color: #79ad16;
    font-size: 14px;
    font-weight: 700;
}

.legend-icon {
    color: #8e9d85;
    font-size: 20px;
    text-align: center;
}

.legend-text {
    font-size: 15px;
    color: #292929;
    padding-left: 5px;
}

/* =========================================
   DISCLAIMER
========================================= */
.disclaimer {
    margin-top: 47px;
    color: #b7b5af;
    font-size: 10px;
    font-style: italic;
    line-height: 1.6;
    letter-spacing: 0.2px;
}

/* =========================================
   TAB CONTENT FADE
========================================= */
.tab-content {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================
   TABLET
========================================= */
@media (max-width: 1000px) {

    .floor-plans-section {
        padding: 60px 30px;
    }

    .floor-title {
        font-size: 54px;
    }

    .floor-content {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .plan-box {
        padding: 25px;
    }
}

/* =========================================
   MOBILE
========================================= */
@media (max-width: 600px) {

    .floor-plans-section {
        padding: 45px 18px;
    }

    .section-label {
        font-size: 8px;
        padding: 8px 12px;
    }

    .floor-title {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .floor-tabs {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 35px;
    }

    .floor-tab {
        flex: 0 0 auto;
        padding: 14px 18px;
        min-width: auto;
        font-size: 8px;
        letter-spacing: 1.5px;
    }

    .floor-content {
        display: block;
    }

    .plan-box {
        padding: 15px;
    }

    .legend-section {
        margin-top: 35px;
    }

    .legend-item {
        grid-template-columns: 45px 40px 1fr;
        min-height: 54px;
    }

    .legend-number {
        padding-left: 12px;
        font-size: 12px;
    }

    .legend-text {
        font-size: 13px;
    }

    .disclaimer {
        margin-top: 30px;
        font-size: 9px;
    }
}




        .site-visit-section {
            position: relative;
            min-height: 100vh;
            padding: 80px 5.5%;
            display: flex;
            align-items: center;
            overflow: hidden;

            /* Your uploaded background image */
            background-image:
                linear-gradient(
                    rgba(20, 58, 20, 0.88),
                    rgba(20, 58, 20, 0.88)
                ),
                url("bg-9(1).jpg");

            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .site-visit-container {
            width: 100%;
            max-width: 1320px;
            margin: 0 auto;

            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;

            align-items: center;
        }

        /* LEFT CONTENT */

        .visit-content {
            padding-right: 40px;
        }

        .visit-label {
            display: inline-block;

            background: rgba(103, 159, 45, 0.18);
            color: #8bc52b;

            font-size: 11px;
            font-weight: 700;
            letter-spacing: 4px;

            padding: 9px 15px;

            margin-bottom: 40px;
        }

        .visit-title {
            font-size: clamp(48px, 5vw, 70px);
            line-height: 1.08;
            font-weight: 700;
            text-transform: uppercase;

            margin-bottom: 52px;
        }

        .visit-title .green {
            color: #8bc52b;
        }

        .visit-title .light {
            color: #a9afa3;
        }

        .visit-description {
            max-width: 600px;

            color: #a8aaa3;

            font-size: 20px;
            line-height: 1.65;

            margin-bottom: 60px;
        }

        .visit-address {
            color: #999d96;

            font-size: 16px;
            line-height: 2.3;width: 100%;

            margin-bottom: 26px;
        }

        .visit-phone {
            color: #8bc52b;

            font-size: 20px;
            font-weight: 700;

            text-decoration: none;
        }

        .visit-phone:hover {
            color: #a8df3c;
        }

        /* FORM BOX */

        .visit-form-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.12);

            padding: 50px;

            background: rgba(22, 63, 22, 0.28);

            min-height: 635px;
        }

        .form-title {
            font-family: "Playfair Display", serif;

            font-size: 32px;
            font-weight: 400;

            color: #ffffff;

            margin-bottom: 42px;
        }

        .form-group {
            margin-bottom: 28px;
        }

        .form-group input {
            width: 100%;

            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.20);

            background: transparent;

            outline: none;

            padding: 12px 0 17px;

            color: #ffffff;

            font-family: inherit;
            font-size: 16px;

            transition: 0.3s ease;
        }

        .form-group input::placeholder {
            color: rgba(255, 255, 255, 0.48);
        }

        .form-group input:focus {
            border-bottom-color: #8bc52b;
        }

        /* CHECKBOX */

        .checkbox-row {
            display: flex;
            align-items: flex-start;
            gap: 15px;

            margin-top: 28px;
            margin-bottom: 30px;
        }

        .checkbox-row input {
            appearance: none;

            width: 17px;
            height: 17px;

            min-width: 17px;

            border: 1px solid rgba(255, 255, 255, 0.7);

            background: #ffffff;

            cursor: pointer;

            position: relative;

            margin-top: 2px;
        }

        .checkbox-row input:checked {
            background: #8bc52b;
            border-color: #8bc52b;
        }

        .checkbox-row input:checked::after {
            content: "✓";

            position: absolute;

            color: #173b18;

            font-size: 13px;
            font-weight: bold;

            left: 3px;
            top: -1px;
        }

        .checkbox-row label {
            color: rgba(255, 255, 255, 0.55);

            font-size: 14px;
            line-height: 1.7;

            cursor: pointer;
        }

        /* BUTTON */

        .submit-btn {
            width: 100%;

            border: none;

            background: rgba(36, 84, 31, 0.65);

            color: #ffffff;

            padding: 20px 25px;

            font-family: inherit;

            font-size: 13px;
            font-weight: 700;

            letter-spacing: 3px;

            text-transform: uppercase;

            cursor: pointer;

            transition: all 0.3s ease;
        }

        .submit-btn:hover {
            background: #8bc52b;
            color: #173b18;
        }

        /* SUCCESS MESSAGE */

        .success-message {
            display: none;

            margin-top: 20px;

            padding: 15px;

            background: rgba(139, 197, 43, 0.15);

            border: 1px solid rgba(139, 197, 43, 0.4);

            color: #a8df3c;

            font-size: 14px;
        }

        /* TABLET */

        @media (max-width: 1000px) {

            .site-visit-section {
                padding: 70px 5%;
            }

            .site-visit-container {
                grid-template-columns: 1fr;
                gap: 60px;
            }

            .visit-content {
                padding-right: 0;
            }

            .visit-title {
                margin-bottom: 35px;
            }

            .visit-description {
                margin-bottom: 35px;
            }

            .visit-form-wrapper {
                min-height: auto;
            }
        }

        /* MOBILE */

        @media (max-width: 600px) {

            .site-visit-section {
                padding: 50px 20px;
            }

            .site-visit-container {
                gap: 45px;
            }

            .visit-label {
                margin-bottom: 25px;
            }

            .visit-title {
                font-size: 42px;
                line-height: 1.05;

                margin-bottom: 30px;
            }

            .visit-description {
                font-size: 17px;
                line-height: 1.6;

                margin-bottom: 35px;
            }

            .visit-address {
                font-size: 14px;
                line-height: 2;
            }

            .visit-phone {
                font-size: 18px;
            }

            .visit-form-wrapper {
                padding: 30px 25px;
            }

            .form-title {
                font-size: 27px;
                margin-bottom: 30px;
            }

            .form-group {
                margin-bottom: 23px;
            }

            .submit-btn {
                padding: 17px 15px;
                font-size: 11px;
                letter-spacing: 2px;
            }
        }




		  .footer {
            background: #102f10;
            color: #a9aaa0;
            padding: 75px 5.5% 40px;
        }

        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
        }

        /* TOP AREA */
        .footer-top {
            display: grid;
            grid-template-columns: 1.1fr 1fr 1fr;
            gap: 60px;
            padding-bottom: 48px;
        }

        /* LOGO */
        .footer-logo-area {
            padding-right: 30px;
        }

        .codename {
            font-size: 12px;
            letter-spacing: 6px;
            color: #aaa9a0;
            margin-bottom: 5px;
            font-weight: 400;
        }

        .park-street {
    
            color: #fff;
            font-size: 52px;
            line-height: 0.83;
            letter-spacing: -3px;
            font-weight: 400;
            margin-left: -2px;
        }

        .park-street span {
            display: block;
        }

        .at-kolshet {
            color: #b8b8ae;
            font-size: 10px;
            letter-spacing: 4px;
            margin-top: 13px;
            margin-left: 23px;
        }

        /* DIVIDER */
        .small-line {
            height: 1px;
            background: rgba(255,255,255,0.10);
            margin-top: 31px;
            margin-bottom: 33px;
            width: 100%;
        }

        /* PROJECT FUNDED */
        .funded-title,
        .address-title {
            font-size: 11px;
            letter-spacing: 3px;
            color: #777b70;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        .funded-bank {
            color: #a9aaa0;
            font-size: 16px;
            font-weight: 600;
        }

        /* ADDRESS */
        .address {
            font-size: 17px;
            line-height: 1.9;
            color: #aaa9a0;
        }

        .phone {
            display: inline-block;
            margin-top: 22px;
            color: #87bd14;
            font-size: 19px;
            font-weight: 700;
            text-decoration: none;
        }

        .phone:hover {
            color: #a2d52c;
        }

        /* BOTTOM DIVIDER */
        .footer-divider {
            height: 1px;
            background: rgba(255,255,255,0.10);
            width: 100%;
        }

        /* DISCLAIMER */
        .disclaimer {
            padding-top: 42px;
            color: #b4b4b4;
            font-size: 11px;
            line-height: 1.8;
            max-width: 1130px;
        }

        /* COPYRIGHT */
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 30px;
            padding-top: 31px;
            color: #5f695b;
            font-size: 11px;
        }

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

        /* =========================
           TABLET
        ========================= */

        @media (max-width: 900px) {

            .footer {
                padding: 55px 35px 35px;
            }

            .footer-top {
                grid-template-columns: 1fr 1fr;
                gap: 45px;
            }

            .footer-logo-area {
                grid-column: 1 / -1;
            }

            .park-street {
                font-size: 48px;
            }

            .address {
                font-size: 15px;
            }
        }

        /* =========================
           MOBILE
        ========================= */

        @media (max-width: 600px) {

            .footer {
                padding: 45px 25px 30px;
            }

            .footer-top {
                display: block;
            }

            .footer-logo-area {
                padding-right: 0;
                margin-bottom: 42px;
            }

            .park-street {
                font-size: 43px;
            }

            .at-kolshet {
                margin-left: 15px;
                letter-spacing: 3px;
            }

            .footer-address {
                margin-bottom: 35px;width: 100%;
            }

            .address {
                font-size: 15px;
                line-height: 1.8;
            }

            .phone {
                font-size: 18px;
            }

            .disclaimer {
                padding-top: 30px;
                font-size: 10px;
                line-height: 1.7;
            }

            .footer-bottom {
                display: block;
                padding-top: 25px;
                line-height: 1.8;
            }

            .footer-bottom-right {
                text-align: left;
                margin-top: 12px;
            }
        }


		 .floor-section {
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
        padding: 30px 25px 15px;
    }

    .floor-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: start;
    }


    .floor-wrapper1 {
    display: grid;
     grid-template-columns: 1fr  ; 
    gap: 60px;
    align-items: start;
}

    /* -------------------------
       SECTION TITLE
    ------------------------- */

    .section-title {
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: 4px;
        font-weight: 700;
        color: #294c21;
        text-transform: uppercase;
        margin-bottom: 22px;
		background: unset;
    padding: 0;
    }

    /* -------------------------
       FLOOR PLAN
    ------------------------- */

    .floor-plan-box {
        width: 100%;
        background: #f3f0e8;
        border: 1px solid #e7e2d8;
        padding: 35px;
        min-height: 480px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .floor-plan-box img {
        display: block;
        width: 100%;
        max-width: 550px;
        height: auto;
        object-fit: contain;
    }

    .image-note {
        font-size: 11px;
        font-style: italic;
        color: #b9b5ad;
        margin-top: 14px;
    }

    /* -------------------------
       TABLE
    ------------------------- */

    .floor-table {
        width: 100%;
        border-collapse: collapse;
        background: #fff;
        border: 1px solid #e3e0d8;
    }

    .floor-table th {
        background: #285321;
        color: #8ab62e;
        text-align: left;
        padding: 13px 15px;
        font-size: 11px;
        letter-spacing: 1.5px;
        font-weight: 700;
        text-transform: uppercase;
        border-right: 1px solid rgba(255,255,255,0.12);
    }

    .floor-table th:last-child {
        border-right: none;
    }

    .floor-table td {
        padding: 12px 15px;
        font-size: 14px;
        color: #77736c;
        border-bottom: 1px solid #e5e2db;
        border-right: 1px solid #e5e2db;
        height: 41px;
    }

    .floor-table td:last-child {
        border-right: none;
    }

    .floor-table tr:last-child td {
        border-bottom: none;
    }

    .floor-table td:first-child {
        color: #222;
        font-weight: 500;
    }

    .floor-table td:nth-child(2) {
        color: #77736c;
    }

    /* -------------------------
       BOTTOM NOTE
    ------------------------- */

    .bottom-note {
        margin-top: 45px;
        font-size: 10px;
        line-height: 1.6;
        color: #c4c0b8;
        font-style: italic;
        letter-spacing: 0.2px;
    }

    /* -------------------------
       RESPONSIVE
    ------------------------- */

    @media (max-width: 991px) {

        .floor-wrapper {
            grid-template-columns: 1fr;
            gap: 45px;
        }

        .floor-plan-box {
            min-height: auto;
        }

        .floor-plan-box img {
            max-width: 600px;
        }

        .bottom-note {
            margin-top: 30px;
        }
    }

    @media (max-width: 600px) {

        .floor-section {
            padding: 25px 15px;
        }

        .section-title {
            font-size: 10px;
            letter-spacing: 2.5px;
            margin-bottom: 15px;
        }

        .floor-plan-box {
            padding: 15px;
        }

        /* Mobile table scroll */

        .table-responsive {
            width: 100%;
            overflow-x: auto;
        }

        .floor-table {
            min-width: 600px;
        }

        .floor-table th,
        .floor-table td {
            padding: 11px 12px;
        }

        .bottom-note {
            font-size: 9px;
        }
    }



	.floor-plan-section {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px 5px;
}

.floor-plan-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}


/* =========================
   CARD
========================= */

.floor-card {
    background: #f5f3ec;
    border: 1px solid #ebe8df;
    overflow: hidden;
}


/* =========================
   HEADER
========================= */

.floor-card-header {
    height: 38px;
    background: #285421;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
}

.type-title {
    color: #b6d63b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
}

.flat-number {
    color: #a8a8a8;
    font-size: 10px;
    font-weight: 400;
}


/* =========================
   FLOOR PLAN IMAGE
========================= */

.floor-image-box {
    height: 190px;
    margin: 34px 35px 0;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.floor-image-box img {
    width: 55%;
    max-width: 330px;
    height: auto;
    display: block;
    object-fit: contain;
}


/* =========================
   DETAILS
========================= */

.floor-details {
    background: #fff;
    margin-top: 34px;
    padding: 36px 22px 20px;
}


/* Carpet Area */

.carpet-area {
    text-align: center;
    padding-bottom: 17px;
    border-bottom: 1px solid #e9e5dc;
}

.area-title {
    display: block;
    color: #7eb414;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 8px;
}

.carpet-area strong {
    display: block;
    color: #2d5728;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
}

.sqft {
    display: block;
    color: #777;
    font-size: 11px;
    margin-top: 5px;
}


/* =========================
   ROOM DETAILS
========================= */

.room-details {
    width: 100%;
    margin-top: 14px;
}

.room-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 31px;

    border-bottom: 1px solid #eeeae2;

    font-size: 12px;
    color: #666;
}

.room-row:last-child {
    border-bottom: 0;
}

.room-row span:last-child {
    color: #333;
    font-weight: 500;
}


/* =========================
   BUTTON
========================= */

.request-btn {
    width: 100%;
    height: 46px;

    margin-top: 18px;

    border: 1px solid #315c2b;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    color: #315c2b;
    background: #fff;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;

    transition: all 0.3s ease;
}

.request-btn:hover {
    background: #315c2b;
    color: #fff;
}


/* =========================
   BOTTOM NOTE
========================= */

.floor-note {
    margin-top: 40px;

    color: #c5c5c5;

    font-size: 10px;
    font-style: italic;

    line-height: 1.5;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .floor-plan-wrapper {
        gap: 18px;
    }

    .floor-image-box {
        margin-left: 20px;
        margin-right: 20px;
    }

    .floor-image-box img {
        width: 65%;
    }

    .floor-details {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .floor-plan-section {
        padding: 0 12px 20px;
    }

    .floor-plan-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .floor-card-header {
        height: 42px;
        padding: 0 14px;
    }

    .type-title {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .flat-number {
        font-size: 9px;
    }

    .floor-image-box {
        height: 180px;
        margin: 25px 20px 0;
    }

    .floor-image-box img {
        width: 60%;
        max-width: 280px;
    }

    .floor-details {
        margin-top: 25px;
        padding: 30px 16px 18px;
    }

    .carpet-area strong {
        font-size: 24px;
    }

    .room-row {
        font-size: 11px;
    }

    .request-btn {
        height: 48px;
        font-size: 9px;
        letter-spacing: 2px;
    }

    .floor-note {
        margin-top: 25px;
        font-size: 9px;
    }
}



.floor-plan-section {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 15px 25px 30px;
        }

        .floor-plan-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
        }

        /* CARD */
        .floor-plan-card {
            background: #fff;
            border: 1px solid #e5e1d8;
        }

        /* HEADER */
        .floor-plan-header {
            height: 38px;
            background: #294d21;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 18px;
        }

        .floor-plan-title {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 3px;
            color: #a5c52d;
            text-transform: uppercase;
        }

        .floor-plan-flats {
            font-size: 10px;
            color: #aaa;
            letter-spacing: .3px;
        }

        /* IMAGE AREA */
        .floor-plan-image-area {
            height: 193px;
            background: #f3f0e8;
            padding: 34px 35px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .floor-plan-image-box {
            width: 100%;
            height: 124px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .floor-plan-image-box img {
            max-width: 48%;
            max-height: 115px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        /* CONTENT */
        .floor-plan-content {
            padding: 34px 20px 21px;
        }

        .carpet-area {
            text-align: center;
            border-bottom: 1px solid #e6e1d7;
            padding-bottom: 16px;
            margin-bottom: 18px;
        }

        .carpet-label {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 3px;
            color: #82aa16;
            text-transform: uppercase;
            margin-bottom: 7px;
        }

        .carpet-number {
            font-size: 26px;
            line-height: 1;
            font-weight: 700;
            color: #294d21;
            margin-bottom: 8px;
        }

        .sqft {
            font-size: 12px;
            color: #777;
        }

        /* ROOM DETAILS */
        .room-list {
            width: 100%;
            margin-bottom: 20px;
        }

        .room-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 0;
            font-size: 13px;
        }

        .room-name {
            color: #777;
        }

        .room-size {
            color: #222;
            font-weight: 500;
            white-space: nowrap;
        }

        /* BUTTON */
        .request-btn {
            width: 100%;
            height: 45px;
            border: 1px solid #294d21;
            background: transparent;
            color: #294d21;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            cursor: pointer;
            transition: all .3s ease;
        }

        .request-btn:hover {
            background: #294d21;
            color: #fff;
        }

        /* FOOTNOTE */
        .floor-plan-note {
            margin-top: 12px;
            font-size: 10px;
            font-style: italic;
            color: #c6c6c6;
            line-height: 1.4;
        }

        /* TABLET */
        @media (max-width: 900px) {

            .floor-plan-section {
                padding: 15px;
            }

            .floor-plan-grid {
                gap: 20px;
            }

            .floor-plan-image-area {
                height: 170px;
                padding: 25px;
            }

            .floor-plan-image-box {
                height: 120px;
            }

            .floor-plan-image-box img {
                max-width: 55%;
            }
        }

        /* MOBILE */
        @media (max-width: 767px) {

            .floor-plan-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }

            .floor-plan-header {
                padding: 0 15px;
            }

            .floor-plan-title {
                font-size: 9px;
                letter-spacing: 2px;
            }

            .floor-plan-flats {
                font-size: 9px;
            }

            .floor-plan-image-area {
                height: 180px;
                padding: 25px 20px;
            }

            .floor-plan-image-box {
                height: 130px;
            }

            .floor-plan-image-box img {
                max-width: 55%;
                max-height: 120px;
            }

            .floor-plan-content {
                padding: 30px 18px 20px;
            }

            .carpet-number {
                font-size: 25px;
            }
        }

        /* SMALL MOBILE */
        @media (max-width: 480px) {

            .floor-plan-section {
                padding: 10px;
            }

            .floor-plan-header {
                height: auto;
                min-height: 42px;
                gap: 10px;
                flex-wrap: wrap;
                padding: 8px 12px;
            }

            .floor-plan-flats {
                margin-left: auto;
            }

            .floor-plan-image-area {
                height: 160px;
                padding: 20px 15px;
            }

            .floor-plan-image-box {
                height: 120px;
            }

            .floor-plan-image-box img {
                max-width: 70%;
            }

            .room-row {
                font-size: 12px;
            }

            .request-btn {
                height: 43px;
            }
        }