@charset "UTF-8";
/* CSS Document */

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.error {color: red;font-size: 13px;margin-top: 4px;}
.error_s {color: #1D417F;font-size: 13px;margin-top: 4px;font-weight: 500;}
input.error-input {border: 1px solid red;}
html {height:100%; scroll-behavior: smooth;}
body {margin:0px; padding:0px; height:100%; font-family:"Poppins", sans-serif; font-weight:300; font-style:normal; font-size:16px; font-weight:300; color:#231918; }

h1,h2,h3 {margin: 0; padding: 0}

.fullWidthDiv {display:block; width:100%; clear:both; padding:0px; box-sizing:border-box;}
.maxWidthDiv {margin:0px auto; width:100%; max-width:1200px; padding:20px; box-sizing:border-box;}
.maxWidthDiv .Dflexmenu{ display: flex; align-items: center; justify-content: space-between}
.commonContainer {display:block; clear:both; overflow:hidden;}
.fixedHeader {position:fixed; top:0px; left:0px; background:#fff; z-index:4; height: 80px; width: 100%; display: flex; align-items: center; justify-content: space-between}
.header {width:100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between }
.header ul {margin:0; padding:0; list-style:none; overflow:hidden; background-color:#fff;}
.header li a {display:block;padding:0px 20px;border-right:1px solid #000;text-decoration:none;font-size: 16px;font-weight: 500;}
.header li a:link, .header .menu-btn:link {text-decoration:none; color:#000;}
.header li a:hover, .header .menu-btn:hover {text-decoration:none; color:#1D417F;}
.header li a:visited, .header .menu-btn:visited {text-decoration:none; color:#000;}

.header .logoDiv {float:left; width:100%; max-width:80px;}
.header .logoDiv img {display:block; width:100%;}

/* menu */

.header .menu {clear:both; max-height:0; position: absolute; left: 0; right: 0; top:80px;  transition:max-height .2s ease-out;}
.header li:nth-child(5) a { border-right: 0 }

/* menu icon */

.header .menu-icon {cursor:pointer; display:inline-block; float:right; padding:28px 20px; position:relative; user-select:none;}
.header .menu-icon .navicon {background: #1D417F;display:block;height: 3px;position:relative;transition:background .2s ease-out;width: 25px;border-radius: 100px;}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background:#333; content:''; display:block; height:100%; position:absolute; transition:all .2s ease-out; width:100%;}

.header .menu-icon .navicon:before {top: 7px;width: 15px;margin-left: 10px;}
.header .menu-icon .navicon:after {top: -7px;width: 15px;}

/* menu btn */

.header .menu-btn {display:none;}
.header .menu-btn:checked ~ .menu {max-height:240px;  width: 100%;  position: absolute; left: 0; right: 0; top:80px }
.header .menu-btn:checked ~ .menu-icon .navicon {background:transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform:rotate(-45deg);width: 28px;left: -5px;top: 10px;}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform:rotate(45deg);width: 30px;top: 10px;left: 3px;}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {/* top:0; */}







.fullWidthDiv.fixedHeader .navigationDiv {float:right;}




.fullWidthDiv.bannerDiv {margin-top:100px;background:url("../images/BannerImage.jpg") ;background-repeat: no-repeat; background-size: cover; background-position: center 20%; margin-top: 80px; min-height: 600px; position: relative}

.overlay-banner{ width: 100%; height: 100%; position: absolute; background: #000000;
background: linear-gradient(93deg, rgba(0, 0, 0, 0.60) 22%, rgba(255, 255, 255, 0) 69%); left:0; top: 0; z-index: 1}
.video-sec .video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
      height: 0;
      overflow: hidden; /* Hides any overflow from the iframe */
	border: 1px solid #DEDEDE;
    }

  .video-sec .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

/*.video-sec iframe{ width: 100%; height: auto}
*/.error {color: red;font-size: 13px;margin-top: 4px;}
input.error-input {border: 1px solid red;}
.download-btn{background: #fff;font-size: 20px;font-weight: 500;background: #fff;border-radius: 100px;padding: 10px 20px;margin: 10px 0;display:table;color: #1D417F;/* text-transform: uppercase; */cursor: pointer;text-decoration: none;margin: 0 auto;display: flex;align-items: center;gap:10px;width: 250px}

.download-btn img{ width: 35px; height: auto}


.banner-btn{background: #fff;font-size: 24px;font-weight: 700;background: #fff;border-radius: 100px;padding: 10px 30px;margin: 10px 0;display:table;color: #1D417F;/* text-transform: uppercase; */cursor: pointer;text-decoration: none}


.header-btn{background: #1D417F;font-size: 16px;font-weight: 500;color: #fff;border-radius: 100px;padding: 5px 20px;/* text-transform: uppercase; */cursor: pointer}
.bottom-btn{position: fixed; background: #1D417F;font-size: 16px;font-weight: 700; color: #fff; border-radius: 100px; padding: 10px 20px; text-transform: uppercase;cursor: pointer;  bottom: 0; width: 100%; text-align: center; box-sizing: border-box; display: none;}
.bottom-btn a { color: #fff; text-decoration: none;}

.commonHeader {display:block; clear:both; margin:0px; padding-bottom:20px; font-family:"STIX Two Text", serif; font-optical-sizing:auto; font-weight:400; font-style:normal; font-size:48px; font-weight:400; line-height:60px; color:#780524;}

.parentDiv {display:block; clear:both; overflow:hidden;}

.disTable {display:table; width:100%;}
.disTable .div50perc {display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}

.banner-text-holder{width: 45%;color: #fff;max-width: 540px;margin-top: 60px; position: absolute; z-index: 3}
.banner-text-holder.BOT-Part{ width: 100% !important; max-width: 100%; margin-top: 200px;

}
.banner-text-holder h1{font-size: 60px;font-weight: 700;text-transform: uppercase;line-height: 1;}
.banner-text-holder h2{font-size: 40px;font-weight: 700;/* text-transform: uppercase; */line-height: 1.2;}
.banner-text-holder h3{font-size: 24px;font-weight: 500;line-height: 1.2;}
.banner-text-holder p{font-size: 16px;font-weight: 400;line-height: 1.4;display: flex;}
.banner-text-holder .rera{font-size: 16px;font-weight: 400;line-height: 1.4;display: flex;}


.feature-holder{width: 100%; color: #fff; padding: 20px 0; position:relative; background: #1D417F}
.feature-holder h1{font-size: 60px;font-weight: 600;text-transform: uppercase;line-height: 1;}
.feature-holder h2{font-size: 40px;font-weight: 700;/* text-transform: uppercase; */line-height: 1.2;}
.feature-holder h3{font-size: 24px;font-weight: 500;line-height: 1.2;}
.feature-holder p{font-size: 16px;font-weight: 400;line-height: 1.4;display: flex; width: 92%}
.feature-holder-holder .rera{font-size: 16px;font-weight: 400;line-height: 1.4;display: flex;}

/*slick dot*/
.dotsW { color: transparent; text-align: center; margin: 0 auto; padding: 0}
.dotsW li { display:inline-block; text-align: center; margin: 0 5px}
.dotsW li button {font-size: 0;line-height: 0; display: block; width: 25px; height: 15px; padding: 5px;cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; position: relative;   }
.dotsW li button::before {font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);  width: 15px; height: 15px; content: "";
    text-align: center; opacity: 1;color: black;border-radius: 100px;border:1px solid #015AAD;background:transparent; -webkit-font-smoothing: antialiased; border: 1px solid #fff; transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.dotsW li.slick-active button:before { background: #fff; width: 35px }


.dotsB { color: transparent; text-align: center; margin: 0 auto; padding: 0}
.dotsB li { display:inline-block; text-align: center; margin: 0 5px}
.dotsB li button {font-size: 0;line-height: 0; display: block; width: 25px; height: 15px; padding: 5px;cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; position: relative;   }
.dotsB li button::before {font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);  width: 15px; height: 15px; content: "";
    text-align: center; opacity: 1;color: black;border-radius: 100px;border:1px solid #015AAD;background:transparent; -webkit-font-smoothing: antialiased; border: 1px solid #1D417F; transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.dotsB li.slick-active button:before { background: #1D417F; width: 35px }



/*End slick dot*/


.slider-wrapper{ display: flex; justify-content:flex-start; flex-wrap: wrap; text-align: center; align-items: flex-start; padding:5px 5px }
.slider-wrapper .icon{width: 100px; height: 100px; display: flex; align-items: center;
}

.slider-wrapper P {line-height: inherit; margin: 0; padding: 0;}

.slider-wrapper .icon img{ width: 100%; height: auto}
.slider-wrapper p:nth-child(1) {   justify-content: center  }
.slider-wrapper p:nth-child(2) { font-weight: bold; font-size: 16px; margin: 5px 0; width: 100%; text-align: left }
.slider-wrapper p:nth-child(3) { justify-content: flex-start; text-align: left }

.Padd {padding: 90px 20px 40px 20px;}
.text-wrapper{ display:inline-grid; margin: 10px 0}
.text-wrapper span{ line-height: 1}
.heading{font-size: 52px;font-weight: 600;color: #1D417F;/* text-transform: uppercase; */}
.sub-head{font-size: 30px;font-weight: 400;color: #000;/* text-transform: uppercase; */}	

.amenities-image-holder{ width: 98%; height: 450px; overflow: hidden; position: relative; }
.amenities-image-holder img{ width: 100%; object-fit: cover; text-align: center; height: 100%}
.amenities-image-holder .imgoverlay {background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%); position: absolute; top:0; bottom: 0; z-index: 1; width: 100%}

.amenities-image-text { font-size: 24px; font-weight: 600; position: absolute; z-index: 2; color: #fff;  bottom: 10px; left: 10px}

.layout-bg{  background: #1D417F}
.layout-name{ background: #fff; width: 96%; display: block; text-align: center; font-size: 14px; padding:10px 0 3px 0; color: #000; font-weight: 400; text-decoration: none !important; text-transform: uppercase;}

.floor-plan .slick-slide { background: #fff;}
.WH-text{ color: #fff !important}

/*tab*/



.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 400;
  margin-right: 10px;
  font-size: 16px;
  /* text-transform: uppercase; */
  color: #688BC7;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 0px;
}

input:focus-visible + label {
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  color: #fff;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #fff;
}

.tabset > input:checked + label {
  border-bottom: 1px solid #fff;
}

.tab-panel {
  padding: 30px 0;
}

.responsive03 img{ width: 96%; height: auto} 

.floorplan img{ width: 96%; height: auto} 
.towerplan { animation: fade-in-out ;} 
.towerplan img{ width: 96%; height: auto} 
.towerplan-1{ margin: 0 auto; width: 100%; }
.towerplan-1 img{ width: 33%; height: auto; margin: 0 auto} 

.masterplan-1{ margin: 0 auto; width: 100%; text-align: center}

.masterplan-1 img{ width: 60%; height: auto; margin: 0 auto} 


@keyframes fade-in-out {
  0% {
    opacity: 0; /* Starts fully transparent */
  }

  100% {
    opacity: 1; /* Ends fully transparent */
  }
}
/*End tab*/



/*drag CSS*/

.pan-container {
    width: 100%;       /* responsive */
    max-width: 1150px;
    aspect-ratio: 16/6;
    overflow: hidden;
    /* border-radius: 12px; */
    /* box-shadow: 0 8px 20px rgba(0,0,0,0.25); */
    background: #ffffff;
    touch-action: none; /* allow touch-drag */
    cursor: grab;
    position: relative;
    border: 1px solid #000;
  }

  /* The image to pan */
  .pan-image {
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    -webkit-user-drag: none;
    width: 150%;      /* make sure it’s larger than the box */
    min-height: 150%;
    height: auto;
    cursor: inherit;
  }

  /* Overlay text */
  .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-family: system-ui, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    background: rgba(0,0,0,0.7);
    padding: 10px 20px;
    border-radius: 8px;
    pointer-events: none;   /* let drag events pass through */
    transition: opacity 0.4s ease;
  }
  .overlay-text.hidden {
    opacity: 0;
  }

.location-holder{ margin: 0px auto 20px auto}
.location-wrapper{ width: 96%;}
.location-wrapper h1{font-size: 16px;background: #F7F7F7;padding: 10px;margin-bottom:  5px;/* text-transform: uppercase; */font-weight: 600;}
.location-wrapper p{ font-size: 16px;  padding: 5px 10px; margin:  2.5px 0; display: flex; justify-content: space-between }
.location-wrapper p span:nth-child(1) { width: 70%}
.location-wrapper span{ font-size: 16px;  }

.nei-flex {display: flex; flex-wrap:wrap}



/*END drag CSS*/

.faq-holder{ background: #E3E3E3; }
.faq-holder h1{ color: #1D417F; font-size: 36px; font-weight: 600 }

/*accordion CSS*/
.accordion .accordion-item {
  border-bottom: 1px solid #000000;
}

.accordion .accordion-item button[aria-expanded='true'] {
  /* border-bottom: 1px solid #03b5d2; */
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
color: #000;
  font-size: 16px;
  font-weight: 600;
  border: none;
  background: none;
  outline: none;
  /* border-bottom: 1px solid #000; */
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #000000;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #000000;
  border: 1px solid #000000;
}

.accordion button .accordion-title {
  padding: 0.5em 1.5em 0em 0;
	width: 90%; display: block
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 0;
  width: 32px;
  height: 32px;
  /* border: 1px solid; */
  /* border-radius: 22px; */
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 15px;
  height: 1px;
  background: rgb(0 0 0);
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 2.5px;
  left: 12px;
  width: 1px;
  height: 15px;
  background: rgb(0 0 0);
}


.accordion button[aria-expanded='true'] {
  color: #000000;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 15em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 16px;
  font-weight: 400;
	margin: 5px 0 20px 0;
}


/*End accordion CSS*/

.footer-holder{ background: #1D417F; padding: 0; text-align: center; font-size: 12px; color: #fff; }
.footerWidthDiv {margin:0px auto; width:100%; max-width:1200px; padding:10px; overflow:hidden; box-sizing:border-box;}

.bottom-footer-white{ background: #fff; height: 60px; display: none}

.gallery-holder{display: flex;}
.gallery-holder > div:nth-child(1){ width: 30%;}
.gallery-holder > div:nth-child(2){ width: 70%;}
.galtext-wrapper{display: inline-block;margin: 10px 0}
.galtext-wrapper span{line-height: 0.9;width: 100%;display: block;}

.gallery-wrapper-desktop{ margin: 20px 0; display: block}
.gallery-wrapper-mobile{ margin: 20px 0; display: none}
.gridDivCont {display:block; clear:both; overflow:hidden;}
.gridDivCont .divCont_1 {float:left; width:50%;}
.gridDivCont .divCont_2 {float:left; width:25%;}
.gridDivCont .divCont_3 {float:left; width:25%;}
.gridDivCont .divCont_3 .parentDiv {float:left; width:100%;}
.gridDivCont .divCont_3 .parentDiv .imgDiv {float:left; width:100%;}
.gridDivCont .divCont_4 {float:left; width:100%;}
.gridDivCont .divCont_5 .parentDiv .imgDiv.bigDiv {float:left; width:50%;}

.gridDivCont .divCont_1 .imgDiv {float:left; width:100%;}
.gridDivCont .divCont_2 .imgDiv {float:left; width:100%;}
.gridDivCont .divCont_3 .imgDiv {float:left; width:100%;}
.gridDivCont .divCont_4 .imgDiv {float:left; width:25%;}
.gridDivCont .divCont_4 .imgDiv.bigDiv {float:left; width:50%;}

.imgDiv img{ width: 100%; height: 100%; object-fit: cover}

.gridDivCont .divCont_1 img, .gridDivCont .divCont_2 img, .gridDivCont .divCont_3 img, .gridDivCont .divCont_4 img, .gridDivCont .divCont_5 img {display:block; width:100%; border:solid 6px #fff; box-sizing:border-box; border-radius:10px;}
.gall-overlay {background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 52%); position: absolute; top:0; bottom: 0; z-index: 1; width: 100%}

/* modal*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;

}

.modal-content h1{font-size: 32px;color: #1D417F;text-transform: math-auto;font-weight: 600;margin: 0}
.modal-content p{font-size: 16px;color: #1D417F;/* text-transform: uppercase; */font-weight: 400;margin: 0}
.modal-content input{ font-size: 16px; color: #000;  font-weight: 400; border: 1px solid #000; border-radius: 10px; padding: 10px; margin: 10px 0; width: 100%; box-sizing: border-box}

.modal-content .form-btn{ display: flex; gap:10px }
.modal-content .submit{font-size: 16px;background: #1D417F;color: #fff;text-align: center;/* text-transform: uppercase ; */font-weight: 400;border-radius: 100px;padding: 10px 20px;margin: 10px 0;width: 100%;cursor: pointer}
.modal-content .close{font-size: 16px;background: #fff;color: #1D417F;text-align: center;/* text-transform: uppercase ; */font-weight: 400;border: 1px solid #000;border-radius: 100px;padding: 10px 20px;margin: 10px 0;width: 100%;}


/*popup-css*/

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
	z-index: 9;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
    max-width: 400px;
	width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}


.popup .close {
  transition: all 200ms;
	text-decoration: none
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

/*Endpopup-css*/



/* The Close Button */
.close {
  color: #aaaaaa;
 
}

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




.gall-image-holder{ width: 98%; height: 450px; overflow: hidden; position: relative; }
.gall-image-holder img{ width: 100%; object-fit: cover; text-align: center; height: 100%}
.gall-image-holder .imgoverlay {background: #000;
background:  rgba(0, 0, 0, 0.5); position: absolute; top:0; bottom: 0; z-index: 1; width: 100%}

.gall-image-icon { position: absolute; z-index: 2; color: #fff; text-transform: uppercase; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.gall-image-icon img{ width: 40px; height: auto}

/*image lightbox*/

.main .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}
.main .card {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  color: #333333;
  border-radius: 2px;
}
.main .card-image {
  background: #ffffff;
  display: block;
  padding-top: 70%;
  position: relative;
  width: 100%;
}
.main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {
  .main .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}
/*End image lightbox*/





@media (max-width: 1024px){.fixedHeader { padding: 0 10px; box-sizing: border-box} }
@media (min-width: 1201px){
	
.responsive04 .slick-slide { display: inline-block; width: 33% !important; min-height: 240px;}
	
}





@media (min-width: 769px) {
  .header li {float:left;}
  .header li a {padding:0px 30px;}
  .header .menu {clear:none;float:right;max-height:none;display: flex;align-items: center; position: relative; top:inherit}
  .header .menu-icon {display:none;}
}




@media only screen and (max-width: 768px) {
	
	.fullWidthDiv.bannerDiv{ background-size: cover; background-position: top center; min-height: 500px }

	
	.header { display: inline-block; padding: 0 10px}
	.banner-text-holder { width: 90%; }
	.banner-text-holder h2 { font-size: 30px; }
	.banner-text-holder h3 { font-size: 19px}
	.banner-text-holder h1 { font-size: 36px}
	
	
	.feature-holder h2 { font-size: 30px; }
	.feature-holder h3 { font-size: 19px}
	.feature-holder h1 { font-size: 36px}
	.feature-holder .rera{font-size: 13px;}

	.nei-flex {display: flex; flex-wrap:wrap-reverse; padding-bottom: 0!important}
	
	.gallery-holder  { flex-wrap: wrap}
.gallery-holder > div:nth-child(1){ width: 100%;}
.gallery-holder > div:nth-child(2){ width: 100%;}
	.gallery-wrapper-desktop { display: none;}
	.gallery-wrapper-mobile { display: block;}
	
	.heading { font-size: 30px}
	
	.bottom-btn { display: block; z-index: 9}
	.header-btn { display: none;}
	
	.menu li { }
	.menu li a { border-bottom: 1px solid #000; border-right: 0; padding: 10px 10px; }
	.header li:nth-child(5) a { border: 0}
	
	.bottom-footer-white { display: block}
	
	.floorplan img{ width: 100%; height: auto} 
.towerplan { animation: fade-in-out ;} 
.towerplan img{ width: 100%; height: auto} 
	.towerplan-1 img{ width: 100%; height: auto} 
	.masterplan-1 img{ width: 100%; height: auto} 
	
	
		.overlay-text { text-align: center; width: 35%; font-size: 16px}
	
	.pan-container { aspect-ratio:3/2}
	.pan-image { width: 150%;min-height: 150%;}
	
	
	.fullWidthDiv { overflow: hidden;}
	.responsive02 .slick-list {overflow: visible;}

	
	
}



@media only screen and (max-width: 768px)  { .banner-text-holder .rera{font-size: 13px;font-weight: 400;line-height: 1.4;display: flex;}}