.logo
{
width:190px;
padding-top:12px;
padding-bottom:4px;
}
.margintop40
{
margin-top:40px;
}
.margintop20
{
margin-top:20px;
}
.ppadtop20
{
padding-top:20px;
}
.vid
{
width:100%;
}
.villtextb
{
padding:3%;
line-height:1.8;
}
.villtext
{
padding:3%;
line-height:2;
}
.wapp {
    position: fixed;
    bottom: 20px;
    right: 21px;
    z-index: 999;
    width: 47px;
}
.whaphlp {
    position: fixed;
	background-color:#25D366;
	background-image:url(agent.png);
	background-repeat:no-repeat;
	background-position:left;
    bottom: 90px;
    right: 14px;
    z-index: 999;
    width: 208px;
	height:74px;
	border:1px solid;
	border-color:#25D366;
	border-radius:6px;
	padding-left:76px;
	padding-top:6px;
}
.txtwapp
{
color:#fff;
}
.projectcc
{
width:50%;
padding-right:1%;
}
.blts
{
 font-size: 20px;
 font-family: 'Merriweather', serif;
 margin-bottom: 10px;
 color:#0a2233;
 font-weight:bold;
 line-height: 1.6 !important;
 padding-top:3px;
 }
 .txtblu
 {
 font-size:18px;
 color:#2393CB;
 }
.ppwrap
{
width:100%;
height:auto;
padding:2% 15%;
display:table;
text-align:center;
}
.ppbx
{
width:33%;
height:auto;
border:0px solid green;
float:left;
text-align:center;
}
.strip80
{
width:80%;
height:auto;
margin:0 auto;
display:table;
}
.strip100
{
width:100%;
text-align:center;
padding:30px 0px 30px 0px;
border:0px solid red;
}
.stripbk
{
width:100%;
text-align:center;
padding:3% 20% 5% 20%;
border-top:1px dotted #9EA9BD;
}
.padtop30
{
padding-top:30px;
}
.cntr
{
text-align:center;
}
.spacer60
{
width:100%;
height:60px;
border:0px solid;
}
.txtmed
{
font-family: 'Marcellus', serif;
font-weight: bold;
color: #000;
font-size:24px;
}

.txtprr
{
font-family: 'Marcellus', serif;
font-size:26px;
color: #041c40;
margin:0px;
padding:0px;
}
.txtprrsml
{
font-family: 'Marcellus', serif;
font-size:20px;
color: #678988;
display:table;
margin:0;
}
.div100
{
width:100%;
height:auto;
display:table;
}

.txtblu1
 {
 font-size:24px;
 color:#2393CB;
 font-weight:bold;
 }
.dispn
{
position: relative;
display: inline-block;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;	
	padding-top: 0;
	padding-bottom: 4px;
	height: 90px;
	opacity:1;
}
.width90
{
width:90%;
height:auto;
margin:0 auto;
}
.fpbox
{
width:33%;
height:auto;
}
.pt40
{
padding-top:40px;
}
.textwhitesmall
 {
 font-family: 'Poppins', serif;
 font-size:20px;
 color:#FFF;
 font-weight:bold;
}
.textwhitet
 {
 font-family: 'Poppins', serif;
 font-size:16px;
 color:#FFF;
 font-weight:bold;
}
.textlg
 {
font-family: 'Marcellus', serif;
font-size:36px;
letter-spacing: 8px;
color:#FFF;
font-weight:bold;
 }
.bgmid
{
width:100%;
height:auto;
background-image:url(bgmid1.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:fixed;
}
.bgtextdiv
{
width:100%;
padding:10% 50% 10% 5%;
height:auto;
}
.gallwrap
{
width:100%;
padding:0% 10%;
height:auto;
display:table;
}
.amnwrap
{
width:100%;
height:auto;
display:table;
padding:0% 10%;
}
.amnl
{
width:50%;
height:auto;
float:left;
border:0px solid green;
}
.amnr
{
width:50%;
height:auto;
float:left;
border:0px solid red;
}
.amnstrip
{
width:80%;
height:auto;
padding:1%;
margin:1% 10%;
border-bottom:1px solid #CC0000;
}
.titdivpad
{
width:100%;
height:auto;
padding:30px 2% 0px 2%;
margin-top:20px;
display:block;
text-align:center;
border-top:1px solid #CCCCCC;
}
.descviv
{
width:100%;
height:auto;
padding:2% 20%;
text-align:center;
}
.mapwrap
{
width:100%;
height:auto;
background-color:#404D69;
display:table;
}
.mapl
{
width:50%;
height:auto;
float:left;
padding:2%;
background-color:#404D69;
}
.mapr
{
width:50%;
height:auto;
float:left;
background-color:#404D69;
}
.textwhitebed
 {
 font-size:36px;
 color:#FFF;
 font-weight:bold;
}
.brocimg
{
width:80%;
}
.brocwrap
{
width:100%;
height:100vh;
padding:5%;
background-image:url(sec2.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
display:table;
}
.brocleft
{
width:50%;
float:left;
height:auto;
padding:0% 4%;
}
.brocright
{
width:50%;
height:auto;
float:left;
text-align:center;
}
.textdivcenter
{
width:86%;
height:auto;
text-align:center;
margin:2% 7%;
}
.textdivcentersm
{
width:70%;
height:auto;
text-align:center;
margin:2% 15%;
}
/* ====== Strip container ====== */

/* ====== Strip container ====== */
.info-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  background:#fff;
  border-radius:10px;
  padding:22px 28px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  margin-top:30px;
}

/* ====== Each column ====== */
.info-item{
  flex:1;
  padding:0 26px;
}

/* vertical dividers */
.info-item + .info-item{
  border-left:1px solid #e7eef6;
}

/* BIG value */
.info-value{
  color:#041c40;      /* ? updated */
  font-size:32px;
  font-weight:600;
  line-height:1.05;
  margin-bottom:8px;
  letter-spacing:.2px;
}

/* Label */
.info-label{
  color:#041c40;      /* ? updated */
  font-size:16px;
  font-weight:400;
  line-height:1.2;
}

.info-sub{
  color:#041c40;      /* ? updated */
  font-weight:400;
  margin-left:4px;
  white-space:nowrap;
}

/* ====== Mobile ====== */

.location-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
  text-align:center;
  padding:40px 20px;
  background:transparent;
}

/* Big timing text */
.location-time{
  font-size:32px;
  font-weight:500;
  color:#041c40;
  letter-spacing:1px;
  margin-bottom:10px;
}

/* Location label */
.location-label{
  font-size:14px;
  font-weight:500;
  color:#041c40;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height:1.6;
}

/* amenitie start */

.amenities-section{
  padding:60px 20px;
  background:#ffffff;
}

/* Wrapper */
.amenities-wrap{
  width:100%;
  padding:0% 8%;
  text-align:center;
  border:0px solid grey;
  display:table;
}

/* Item */
.amenity-item{
  float:left;
  width:25%;                 /* 4 items per row */
  vertical-align:top;
  padding:30px 10px;
  box-sizing:border-box;
  font-size:16px;
}

/* Icon */
.amenity-icon{
  width:42px;
  height:42px;
  object-fit:contain;
  margin-bottom:14px;
}

/* Label */
.amenity-label{
  font-size:15px;
  font-weight:400;
  color:#041c40;
  letter-spacing:.5px;
}

/* PAYMNET PLAN STARTS */
/* ===== Payment Plan Section (no grid-template-columns, % widths) ===== */

/* ===== Payment Plan Section ===== */
/* ===== Payment Plan Section ===== */
.pp-section{
  background:#f2f3f5;
  padding:80px 18px 90px;
}

/* Section Title */
.pp-heading{
  text-align:center;
  margin-bottom:60px;
}

.pp-heading h2{
  font-family:"Georgia","Times New Roman",serif;
  font-size:40px;
  font-weight:400;
  letter-spacing:1px;
  color:#041c40;
  margin:0;
}

/* Wrapper */
.pp-wrap{
  max-width:1100px;
  margin:0 auto;
  font-size:0; /* removes inline-block gap */
  text-align:left;
}

/* Payment Item */
.pp-item{
  display:inline-block;
  width:33.333%;
  vertical-align:top;
  box-sizing:border-box;
  padding:28px 28px 40px;
  font-size:16px;
  color:#041c40;
}

/* Large % */
.pp-percent{
  font-family:"Georgia","Times New Roman",serif;
  font-size:68px;
  font-weight:400;
  line-height:1;
  margin-bottom:10px;
  letter-spacing:1px;
  color:#041c40;
}

/* Installment Title */
.pp-title{
  font-family:"Georgia","Times New Roman",serif;
  font-size:14px;
  margin-bottom:12px;
  color:#041c40;
}

/* Divider Line */
.pp-rule{
  height:1px;
  width:70%;
  background:rgba(4,28,64,0.25);
  margin:12px 0;
}

/* Date */
.pp-date{
  font-family:"Georgia","Times New Roman",serif;
  font-size:15px;
  color:#041c40;
}

/* Note */
.pp-note{
  font-family:"Georgia","Times New Roman",serif;
  font-size:12px;
  line-height:1.4;
  margin-top:10px;
  color:#041c40;
  opacity:.85;
}

/* Add vertical spacing for second & third rows */
.pp-item:nth-child(n+4){
  margin-top:20px;
}

/* Tablet */




/* PAYMENT PLAN ENDS */





/* Mobile */
@media (max-width: 600px){
  .amenity-item{
    width:50%;                /* 2 per row */
  }
}


/* amenities end */


@media (max-width: 480px){
  .location-strip{
    grid-template-columns:1fr;
  }
}


/* ====== Responsive (stack on mobile) ====== */


@media screen and (max-width: 690px) {
.descviv
{
width:100%;
height:auto;
padding:2% 3%;
text-align:center;
}
.pp-rule{
  height:1px;
  width:100%;
  background:rgba(4,28,64,0.25);
  margin:12px 0;
}
.pp-percent{
    font-size:56px;
}
.pp-item{
    width:100%;
	text-align:center;
}

.textdivcentersm
{
width:96%;
height:auto;
text-align:center;
margin:2% 2%;
}
.brocleft
{
width:100%;
float:none;
height:auto;
padding:0% 4%;
}
.brocright
{
width:100%;
height:auto;
float:none;
text-align:center;
padding:0% 4%;
}
.textdivcenter
{
width:94%;
height:auto;
text-align:center;
margin:2% 3%;
}
  .location-strip{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
  }
  .info-strip{
    flex-direction:column;
    align-items:flex-start;
    padding:18px;
  }
  .info-item{
    width:100%;
    padding:14px 0;
  }
  .info-item + .info-item{
    border-left:none;
    border-top:1px solid #e7eef6;
  }
  .info-value{
    font-size:28px;
  }

.gallwrap
{
width:100%;
padding:0% 5%;
height:auto;
display:table;
}
.stripbk
{
width:100%;
text-align:center;
padding:3% 20% 5% 20%;
border-top:0px dotted #9EA9BD;
}
.bgmid
{
width:100%;
height:auto;
background-image:url(bgmid1mob.png);
background-repeat:no-repeat;
background-size:cover;
background-position:fixed;
}
.bgtextdiv
{
width:100%;
padding:10% 5% 10% 5%;
height:auto;
}
.spacer60
{
width:100%;
height:20px;
border:0px solid;
}
.strip80
{
width:100%;
height:auto;
display:table;
}
.ppbx
{
width:100%;
height:auto;
padding-bottom:10px;
padding-top:20px;
border-bottom:1px solid #9EA9BD;
float:none;
text-align:center;
}
.width90
{
width:100%;
height:auto;
margin:0 auto;
border:0px solid red;
}
.logo
{
width:164px;
padding-top:4px;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;	
	padding-top: 0;
	padding-bottom: 4px;
	height: 70px;
	background-image:url(bgline.png);
	opacity:1;
}
.dispn
{
display:none;
}

.txtblu1
 {
 font-size:20px;
 color:#2393CB;
 font-weight:bold;
 }
.textwhitesmall
 {
 font-size:20px;
 color:#FFF;
 font-weight:bold;
 }
.textwhitebed
 {
 font-size:28px;
 color:#FFF;
 font-weight:bold;
 }
.projectcc
{
width:98%;
padding-right:1%;
padding-left:1%;
}
.blts
{
 font-size: 20px;
 font-family: 'Merriweather', serif;
 margin-bottom: 10px;
 color:#0a2233;
 font-weight:bold;
 line-height: 1.6 !important;
 padding-top:3px;
 }

.txtwapp
{
color:#fff;
font-size12px;
}
}