@font-face { font-family: popins; font-display: swap; src: url("../fonts/popins/Poppins-Regular.ttf"); }
@font-face { font-family: popins_bold; font-display: swap; src: url("../fonts/popins/Poppins-SemiBold.ttf"); }
@font-face { font-family: NovaSquare; font-display: swap; src: url("../fonts/Montserrat/Montserrat-Regular.ttf"); }
:root { --black: #1b2c56; --darkblue: #d6b46d; --darkblue1: #dbb052; --lightblue: #f1f9f9; --yellow: #0f58aa; --white: #fff; --slaty: #C8935F; --slaty_1: #565249; --transition: all 0.4s ease-in-out; --shadow: 0px 4px 63px 0px rgba(15, 28, 51, 0.10); --shadow_1: 0 10px 20px rgb(24 19 19 / 19%), 0 6px 6px rgb(0 0 0 / 23%); }
img { max-width: 100%; }
body { counter-reset: section 0; font-size: 15px; }
figure { margin: 0px; }
* { scrollbar-width: auto; scrollbar-color: var(--black) #ffffff; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background-color: var(--darkblue); border-radius: 2px; border: 5px solid transparent; }
body, p, h1, h2, h3, h4, h5, h6, ul, li { margin: 0px; padding: 0px; }
* { text-decoration: none; outline: none; border: 0px; font-family: popins; list-style: none; letter-spacing: 0.4px; }
button:focus { outline: 0px; }
a:hover { text-decoration: none; outline: none; color: inherit; }
button { cursor: pointer; }
.NovaSquareFont { font-family: NovaSquare; }
.popinsBoldFont { font-family: popins_bold; }
.appbtn { padding: 11px 20px; color: var(--white); font-weight: 600; display: inline-block; font-size: 14px; transition: var(--transition); letter-spacing: 2px; text-transform: capitalize; border-radius: 6px; }
.gradient { background: linear-gradient(-45deg, rgb(48, 105, 176), rgb(27, 44, 86), rgb(48, 105, 176), rgb(27, 44, 86)) 0% 0% / 400% 400%; }
.overlay.active { background: rgba(0, 0, 0, 0.8); position: fixed; display: block; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; opacity: 0.7; transition: var(--transition); }
.container { max-width: 1250px; margin: 0px auto; }
.AppHeader { background: rgb(228, 233, 247); }
.HeaderFixed { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 9; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; }
.logo { z-index: 1; padding: 0px 12px 0px 22px; }
.AppNavbar .navlinks { font-size: 16px; color: rgb(0, 0, 0); display: block; padding: 30px 25px 30px 22px; transition: 0.2s; font-family: popins_bold; position: relative; }
.AppNavbar .navlinks::after { position: absolute; height: 4px; width: 0%; left: 50%; transform: translate(-50%, 0px); transition: var(--transition); }
.AppNavbar .navlinks.active::after, .AppNavbar a:hover::after { width: 70%; }
.headrConNo {
  gap: 0px 15px; padding: 13px 25px; margin: 20px 25px; background-color: rgb(27, 44, 86); font-family: "Proxima Nova", sans-serif; font-size: 16px; font-weight: 400; fill: rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 10px; height: 46px;
  &:hover { color: var(--white); }
}
.headrConNo .texthelp { font-size: 18px; color: var(--black); font-weight: 600; }
.headrConNo .text { font-size: 23px; color: var(--black); font-weight: 600; }
.headrConNo .callsvg { animation: 2s ease 0s infinite normal none running rotateSvg; width: 32px; }
.logo-absolute { position: absolute; left: 0px; top: 0px; z-index: 9; border-radius: 0px 0px 8px; display: block; }
.logo-absolute img { height: 121px; padding-left: 15px; }
.enquery-btn { color: rgb(255, 255, 255); border-radius: 10px; font-size: 15px; text-transform: uppercase; background-color: rgb(27, 44, 86); padding: 15px 18px; transform: rotate(90deg); right: -43.7px; width: auto; top: 271px; z-index: 90; position: fixed; }
.bannerSection {position: relative;z-index: 2;padding: 10px 10px 0px !important;}
.bannerSection .carousel-inner .sliderimg { object-fit: cover; border-radius: 10px 10px 0px 0px; }
.bannerSection .carousel-indicators { left: 0px; width: fit-content; bottom: 31px; right: 0px; margin: 0px auto; }
.bannerSection .carousel-indicators li { cursor: pointer; height: 8px; width: 50px; border-radius: 2px; }
.carousel-indicators .active { background: var(--yellow); }
.prv-and-next-btns { position: absolute; display: flex; justify-content: space-between; width: 100%; bottom: 48%; z-index: 2; }
.content-over-banner {
  position: absolute; bottom: 40%; left: 0px; right: 0px; z-index: 5; width: fit-content; margin: 0px auto; color: var(--white); text-align: center;
  & .project-name-box { margin-bottom: 15px; }
  & .projectname { font-size: 60px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }
  & .address {
  font-size: 24px; margin-top: 15px;
  & img { height: 24px; }
}
  & .typology { font-size: 35px; margin-top: 15px; }
  & .appbtn {
  margin-top: 15px;
  & img { animation: 2s ease 0s infinite normal none running arrow-know-more; }
}
}
@keyframes arrow-know-more { 
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0px); }
}
.form-over-banner {
  position: absolute; z-index: 5; bottom: 5%; left: 0px; right: 0px; max-width: 1200px; margin: 0px auto;
  & .flex-row { background: rgba(255, 255, 255, 0.86); padding: 17px; border-radius: 4px; }
  & .col-div { width: 21%; }
  & .btn-div {
  width: 12%;
  & .appbtn { padding: 12px; width: 100%; }
}
  & input { background: transparent; border: 1px solid; padding: 10px 15px; border-radius: 4px; }
  & .form-name { font-size: 24px; margin-bottom: 15px; }
}
.book-and-get-details {background: var(--black);padding: 15px 0px;width: 100%;margin: 0px auto;border-radius: 0px 0px 10px 10px;}
.overview-and-highlights {
  & .head { margin-bottom: 15px; }
  & .heading { font-size: 52px; margin-bottom: 10px; font-weight: 600; }
  & .address { color: rgb(0, 0, 0); font-weight: 600; }
}
.highligts-flex-div {
  & .listing {
  & li { padding: 11px 0px; border-bottom: 1px solid var(--yellow); font-size: 14px; font-weight: 500; }
  & span { color: var(--yellow); padding-right: 8px; }
}
}
.site-interested-section {
  & .heading { font-size: 40px; font-weight: 600; color: rgb(0, 0, 0); }
  & .in-box { padding: 10px 15px; margin-bottom: 15px; border-radius: 4px; }
  & .title { margin-bottom: 15px; display: block; font-size: 20px; color: rgb(0, 0, 0); }
}
.project-logo img.img-fluid { height: 50px; }
.patch-images { position: absolute; bottom: 15%; left: 45%; width: 15%; z-index: 99; }
.properties_section { padding-bottom: 50px; }
.properties_section .flexdiv { gap: 38px 0px; padding: 10px; }
.properties_section .proj-heading { font-size: 45px; color: rgb(0, 0, 0); text-transform: uppercase; }
.properties_section .inner-col { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 0px; border-radius: 10px; }
.properties_section .cotnetdiv { padding: 15px; text-align: left; }
.properties_section .pro-add { font-size: 16px; margin-bottom: 5px; margin-top: 8px; }
.properties_section .pro-name { font-size: 20px; color: rgb(0, 0, 0); font-weight: 600; padding-bottom: 5px; }
.properties_section .proj-typology { background: rgb(255, 255, 255); font-weight: 600; font-size: 14px; color: rgb(0, 0, 0); padding: 3px 15px; border-style: solid; border-width: 1px; border-color: rgb(27, 44, 86); border-radius: 15px; display: inline-block; margin-top: 15px !important; }
.properties_section .pro-price { margin-bottom: 0px; font-size: 20px; margin-top: 0px; font-weight: 600; }
.properties_section .btnsdiv .appbtn { display: block; padding: 8px 17px; font-size: 15px; }
.properties_section .stickydiv { position: absolute; top: -39px; left: -33px; }
a .pro-price { color: rgb(0, 0, 0); }
.section-amenities {
  & .head { margin-bottom: 15px; }
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
  & .heading { font-size: 29px; }
  & li { padding: 14px 0px; font-size: 18px; font-weight: 600; }
}
.section-floor-plan {
  & .head { margin-bottom: 15px; }
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
  & .heading { font-size: 29px; }
  & .plan-img-div {
  & img { max-height: 300px; }
}
  & .typology { font-size: 18px; font-weight: 600; }
}
.section-gallery {
  text-align: center;
  & .head { margin-bottom: 15px; }
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
  & .heading { font-size: 29px; }
  & .flex-div { gap: 30px 0px; }
}
.decision_corner {
  padding: 50px 0px; background-image: linear-gradient(rgb(228, 233, 247), rgb(228, 233, 247));
  & figure {
  & img { width: 80%; }
}
  & .Heading { font-size: 40px; margin-bottom: 8px; }
  & .sub_heading { font-size: 20px; font-weight: 600; margin-bottom: 15px; }
  & .flex_div { justify-content: center; }
  & .boxes {
  padding: 0px 15px;
  &:first-child { border-right: 1px solid rgb(170, 139, 108); }
}
  & .title { font-size: 17px; margin-bottom: 8px; display: block; font-weight: 500; color: rgb(53, 53, 53); }
}
.section-about-developer {
  text-align: center;
  & .heading { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
  & .title { font-size: 20px; font-weight: 600; }
  & article { padding: 10px; }
}
.sitefooter { background: var(--black); padding: 25px 0px; color: var(--white); }
.sitefooter .pera { margin-bottom: 10px; font-size: 11px; }
.sitefooter .appbtn { padding: 8px 15px; border-radius: 8px 0px; font-size: 14px; width: fit-content; display: flex; margin: 0px auto 15px; }
.sitefooter .rera-text { margin-bottom: 8px; gap: 0px 15px; }
.sitefooter .rera_no {margin-top: 8px;gap: 20px;}
.sitefooter .gtfdiv { gap: 0px 15px; padding-bottom: 8px; font-size: 14px; }
.sitefooter .gtfdiv a { color: rgb(255, 255, 255); }
.logo > img { height: 50px; margin-left: 10px; }
.mobile-section-footer { display: none; position: fixed; left: 0px; right: 0px; bottom: 0px; width: 100%; background: rgb(0, 0, 0); color: var(--white); padding: 5px 0px; }
.mobile-section-footer a { display: block; font-size: 14px; padding: 6px 8px; color: currentcolor; border-radius: 5px 0px; }
.fixedIcons {
  position: fixed; z-index: 5; bottom: 15px; padding: 5px; background: rgb(233, 242, 255); border-radius: 50%; animation: 1.25s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulse; box-shadow: rgb(41, 167, 26) 0px 0px 0px 0px;
  & img { width: 60px; padding: 5px; }
  &.whatsapp { left: 15px; }
  &.phone {
  right: 15px; background: rgb(18, 47, 39);
  & img { filter: invert(1); padding: 10px; }
}
}
@keyframes pulse { 
  100% { box-shadow: rgba(255, 232, 160, 0) 0px 0px 0px 20px; }
}
.modal .modal-content { padding: 0px; background: transparent; }
.modal .headerimg img { border-radius: 5px 5px 0px 0px; width: 100%; object-fit: cover; max-height: 253px; }
.modal .close { position: absolute; top: 5px; right: 5px; background: var(--yellow); opacity: 1; height: 30px; width: 30px; border-radius: 50%; line-height: 33px; }
.modal-dialog .modal-head { font-size: 28px; font-weight: 600; margin-bottom: 8px; }
.modal .modal-desc { font-size: 19px; color: var(--black); }
.modal .modalhead-div { margin-bottom: 15px; }
.modal .banner-form-section { background: var(--white); padding: 15px; }
.modal .in_box { padding: 10px 0px; border-bottom: 1px solid var(--black); }
.modal .flexdiv { margin-bottom: 6px; }
.modal .modal-para { padding-bottom: 10px; font-size: 20px; margin-top: 8px; }
.modal .appbtn { padding: 12px; width: 50%; margin: 0px auto; }
.newlaunch { position: absolute; width: 150px; top: -25px; left: -25px; }
.patch-new-launch { position: absolute; width: 25%; right: 0px; top: -22px; }
.pro-name.Token {
    position: absolute;
    top: 190px;
    background: unset;
    background-size: 400% 400%;
    color: #ffffff;
    padding: 3px 8px;
    font-size: 12px;
    right: 30px;
    border-radius: 10px;
    /* border: 1px solid #000; */
    background: #dd2b2d;
    font-weight: 100;
}
.btnsdiv { justify-content: space-around; margin-top: 20px; margin-bottom: 15px; }
.inner-col .project-img-sec { padding: 15px; border-radius: 30px; }
.container-fluid.about-sec { max-width: 90%; }
.peraghaph h4 { font-family: "Proxima Nova", sans-serif; font-size: 50px; font-weight: 700; color: rgb(15, 88, 170); }
.peraghaph p { font-size: 18px; margin: -10px 0px 0px; padding: 23px 0px 0px; }
.overview-section { padding-top: 50px; padding-bottom: 50px; }
.about-offer li { display: block; text-align: center; font-size: 18px; font-weight: 600; width: 25%; }
.about-offer { display: flex; gap: 10px; margin-top: 50px; }
.about-offer li span { display: block; font-size: 16px; font-weight: 100; }
.township .nav-tabs .nav-link { padding: 20px 80px; background: rgb(233, 242, 255); border-radius: 10px; color: rgb(0, 0, 0); }
.township .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(27, 44, 86); border-color: rgb(27, 44, 86) rgb(27, 44, 86) rgb(255, 255, 255); }
.township .nav-tabs { border-bottom: unset; display: flex; gap: 30px; justify-content: center; }
.location1 h3 { text-align: center; }
.location1 li { padding: 8px 10px; cursor: pointer; font-weight: 400; transition: background 0.3s; display: flex; align-items: center; justify-content: start; margin-top: 0px; column-gap: 7px; }
.location1 { width: 100%; height: 560px; padding: 10px; margin: 0px auto 10px 10px; border: 1px solid rgb(221, 221, 221); border-radius: 10px; background: rgb(255, 255, 255); }
.container.loct-sec { max-width: 1400px; }
.amenities-sect { padding-top: 50px; padding-bottom: 50px; }
.there-section { position: fixed; bottom: 5%; background: rgb(255, 255, 255); z-index: 999; border-radius: 10px; width: 450px; left: 40%; }
.there-section ul {display: flex;flex-wrap: wrap;gap: 0px;padding: 16px 20px;justify-content: space-between;}
.there-section ul li a { color: rgb(0, 0, 0); }
.there-section ul li a:hover { color: rgb(255, 255, 255); }
.there-section ul li a:hover { background: rgb(48, 80, 127); color: rgb(255, 255, 255); }
.there-section ul li:hover a { background: rgb(48, 80, 127); color: rgb(255, 255, 255); }
.there-section ul li:hover img { filter: invert(1); }
.there-section ul li a{width: 33.3%;background-color: rgb(255, 255, 255);font-family: "Proxima Nova", sans-serif;font-size: 14px;font-weight: 400;fill: rgb(48, 80, 127);color: rgb(48, 80, 127);border-radius: 10px;padding: 12px 20px;cursor: pointer;}
.there-section img { width: 14px; margin-right: 8px; }
.there-section { position: fixed; bottom: 5%; background: rgb(255, 255, 255); z-index: 999; border-radius: 10px; width: 450px; left: 50%; transform: translateX(-50%); }
.there-section { position: fixed; bottom: 3%; background: rgb(255, 255, 255); z-index: 999; border-radius: 10px; width: 450px; left: 50%; transform: translateX(-50%); }
.there-section {width: 90%;max-width: 450px;left: 50%;transform: translateX(-50%);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.form-div { border: 1px solid rgb(184, 190, 198); padding: 15px; border-radius: 10px; }
.amenities-icon { display: flex; gap: 30px; justify-content: center; margin-top: 25px; }
.amenities-icon li { text-align: center; gap: 15px; }
.amenities-icon img { width: 75px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 50%; height: 75px; padding: 10px; }
.amenities-icon span { display: block; font-size: 16px; margin-top: 10px; }
.amenities-video { margin-top: 15px; }
.amenities-video .carousel-item img { border-radius: 10px; }
.amenities-video .carousel-item { margin: 20px 0px; padding: 0px 60px; }
.about-offer li img { display: flex; margin: 0px auto 8px; }
.over-img { width: 100%; height: 550px; object-fit: cover; object-position: center top; border-radius: 10px; }
.loct-img { width: 100%; object-fit: cover; object-position: center top; border-radius: 10px; }


.shine {
  position: relative;
  overflow: hidden;
}

.shine::after {
  animation: 3s linear 0s infinite normal forwards running shine;
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  color: rgba(255, 255, 255, 0);
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: skewX(-20deg) translateX(-100%);
  width: 100%;
}

@keyframes shine {
  0% {
      transform: skewX(-20deg) translateX(-100%);
  }

  20% {
      transform: skewX(-20deg) translateX(100%);
  }

  100% {
      transform: skewX(-20deg) translateX(100%);
  }
}

.properties_section .custom-col .rera_number {
    font-size: 14px;
    margin: 10px 0;
}

@media (max-width: 1600px) {
  .AppNavbar .navlinks { padding: 30px 10px; }
  .headrConNo { padding: 12px 17px; }
  .bannercontentdiv .projectname { font-size: 41px; }
}
@media (max-width: 1480px) {
  .content-over-banner {
  & .projectname { font-size: 48px; }
  & .typology { font-size: 30px; }
}
  .form-over-banner { bottom: 3%; max-width: 1165px; }
  .container { max-width: 1259px; }
  .headrConNo { padding: 2px 17px; }
  .AppNavbar .navlinks { font-size: 14px; padding: 30px 8px 30px 20px; }
  .AppHeader .logo { padding: 1px 12px; }
  .logo img { }
  .bannerSection .carousel-inner .sliderimg { }
  .bannercontentdiv { padding: 20px; }
  .bannercontentdiv .projlocation { margin-bottom: 6px; }
  .bannercontentdiv .projectname { margin-bottom: 11px; font-size: 36px; }
  .bannercontentdiv .typodiv { font-size: 23px; }
  .bannercontentdiv .pricetext { font-size: 37px; }
  .bannercontentdiv .keyhightlight { margin: 18px 0px; }
  .bannercontentdiv .keyhightlight li { font-size: 16px; }
  .bannercontentdiv .keyhightlight li img { width: 18px; }
  .bannerForm .heading { font-size: 17px; }
  .bannerForm .heading img { width: 25px; }
  .commonheading .projectname { font-size: 28px; }
  .appbtn { font-size: 15px; padding: 10px 13px; }
  .properties_section { padding: 24px 0px; }
  .properties_section .flexdiv {gap: 29px 0px;min-height: 712px;}
  .properties_section .proj-heading { font-size: 35px; margin-bottom: 0px; }
  .decision_corner {
  & figure {
  & img { width: 45%; }
}
}
}
@media (max-width: 1366px) {
  .form-over-banner { bottom: 7%; }
  .fixedIcons {
  & img { width: 45px; }
  &.whatsapp { left: 10px; }
  &.phone { right: 10px; }
}
  .headrConNo .text { font-size: 20px; }
  .headrConNo .callsvg { width: 24px; }
  .bannerForm { padding: 8px; border-radius: 8px 0px 0px; }
  .bannerForm .flexdiv input { padding: 10px; border-radius: 5px 0px; }
  .bannerForm .heading { margin-bottom: 14px; border-radius: 5px 0px; padding: 12px 15px; }
  .contact-container { padding: 58px 0px; }
  .contact-container .contentdiv { width: 54%; }
  .contact-container .formdiv .col-md-6 { flex: 0 0 100%; max-width: 100%; }
  .contact-container .formdiv .heading { font-size: 25px; margin-bottom: 6px; }
  .contact-container .formdiv p { margin-bottom: 10px; }
  .contact-container .appbtn { width: 100%; }
  .contact-container .formdiv .flexfields input { padding: 7px 10px; margin-bottom: 17px; border-radius: 6px 0px; }
  .contact-container .projlocation { margin-bottom: 10px; font-size: 20px; }
  .contact-container .projectname { font-size: 25px; }
  .contact-container .contentdiv p { margin-bottom: 17px; font-size: 15px; }
}
@media (max-width: 1280px) {
}
@media (max-width: 767px) {

.carousel-item .d_sm_block{
  margin-top: 0px;
  /* min-height: 567px; */
}


.there-section ul {display: flex;flex-wrap: wrap;gap: 0px;padding: 8px;justify-content: space-between;}
.book-and-get-details {width: 100%;}
.appbtn img{width: 16px;}
.carousel-control-next img{width: 24px;}
.carousel-control-prev img{width: 24px;}
.carousel-control-next, .carousel-control-prev {position: absolute;top: 0;bottom: -77px;}
.there-section ul li a {width: 33.3%;background-color: rgb(255, 255, 255);font-family: "Proxima Nova", sans-serif;font-size: 11px;font-weight: 400;fill: rgb(48, 80, 127);color: rgb(48, 80, 127);border-radius: 10px;padding: 9px 15px;cursor: pointer;}
  .custom-col { padding: 0px; }
  .loct-img { margin-bottom: 25px; }
  .there-section ul li {padding: 5px 3px;width: 33.3%;}
  .about-offer li {display: block;text-align: center;font-size: 18px;font-weight: 600;width: 48%;}
  .amenities-icon li { text-align: center; gap: 15px; width: 30%; }
  .amenities-icon span { display: block; font-size: 14px; margin-top: 10px; }
  .about-offer { display: flex; gap: 10px; margin-top: 50px; flex-wrap: wrap; }
  .amenities-icon { display: flex; gap: 10px; justify-content: center; margin-top: 25px; flex-wrap: wrap; }
  .there-section {bottom: 0%;width: 100%;border-radius: 10px 10px 0px 0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  .location1 { margin-left: 0px; }
  .township .nav-tabs .nav-link { padding: 10px; border-radius: 10px; font-size: 12px; }
  .township .nav-tabs { border-bottom: unset; display: flex; gap: 5px; justify-content: center; }
  .amenities-video .carousel-item { margin: 0px; padding: 0px; }
  .container-fluid.about-sec { max-width: 100%; }
  .peraghaph h4 { font-family: "Proxima Nova", sans-serif; font-size: 30px; font-weight: 700; text-align: center; }
  .over-img { width: 100%; height: auto; object-fit: cover; object-position: center top; border-radius: 10px; }
  .peraghaph p { font-size: 16px; margin: 0px 0px 10px; padding: 23px 0px 0px; text-align: center; }
  .bannerSection .carousel-inner .sliderimg { }
  .enquery-btn { color: rgb(255, 255, 255); font-size: 14px; text-transform: uppercase; background-color: rgb(0, 0, 0); border-radius: 0px; padding: 10px; transform: rotate(90deg); right: -43.7px; width: auto; top: 271px; z-index: 90; position: fixed; display: none; }
  .logo > img {height: 41px;margin-left: 10px;}
  .container { max-width: 100%; }
  .flex-wrap-mb { flex-wrap: wrap; }
  .w-100-mb { width: 100% !important; }
  .appbtn {font-size: 12px;padding: 10px 2px;font-weight: 100;}
  .AppHeader {position: fixed;left: 0px;right: 0px;width: 100%;z-index: 9;top: 0px;}
  .headerflexdiv { display: block !important; }
  .logodiv { padding: 8px 0px; margin: 0px auto; display: flex; justify-content: center; border-bottom: 1px solid rgb(255, 255, 255); }
  .AppHeader .logo { padding: 8px 0px; width: 100%; display: flex !important; }
  .AppNavbar { position: fixed; width: 80%; inset: 0px 0px 0px -100%; z-index: 9; background: rgb(255, 255, 255); transition: var(--transition); display: block !important; }
  .AppNavbar.active { left: 0px; }
  .AppNavbar .navlinks { font-size: 14px; padding: 10px; color: var(--black); border-bottom: 1px solid var(--black); }
  .headrConDiv { position: relative; }
  .headrConNo .callsvg { width: 18px; }
  .headrConNo .texthelp { font-size: 14px; }
  .headrConNo .text { font-size: 16px; }
  .menuIcoin {position: absolute;right: 15px;padding-top: 15px;top: 0px;display: block !important;}
  .logo-absolute { position: unset; text-align: center; }
  .logo-absolute img { height: 70px; }
  .AppNavbar .navlinks.active::after, .AppNavbar a:hover::after { display: none; }
  .bannerSection::after, .bannercontentdiv, .bannerForm { position: unset; }
  .bannerSection .carousel-inner .sliderimg { }
  .headrConNo { margin-left: 0px; }
  .properties_section .stickydiv { position: absolute; top: -31px; left: -8px; }
  .properties_section .stickydiv img { width: 39% !important; }
  .content-over-banner {
  position: static; background: var(--black); width: 100%; padding: 25px 10px;
  & .projectname { font-size: 26px; letter-spacing: 1px; }
  & .typology { font-size: 22px; }
}
  .form-over-banner {
  position: static; max-width: 92%;
  & .col-div { width: 100%; margin-bottom: 15px; }
  & .btn-div { width: 50%; margin: 0px auto; }
}
  .book-and-get-details {
  & .div-flex {flex-wrap: wrap;gap: 2px;}
  & .appbtn {width: 49%;}
}
  .project-highlights {
  & li { padding: 10px 0px; border-bottom: 1px solid rgb(184, 190, 198); border-right: 0px !important; }
}
  .overview-and-highlights {
  & .heading { font-size: 22px; }
}
  .site-interested-section {
  & .heading {font-size: 20px;margin-bottom: 15px;}
}
  .section-amenities {
  & li { font-size: 14px; }
}
  .section-amenities {
  & ul {
  & li {
  & img { width: 22px; }
}
}
}
  .decision_corner {
  & .content_div { padding: 0px; }
  & .Heading { font-size: 22px; }
  & .sub_heading { font-size: 14px; }
}
  .fixedIcons {
  bottom: 80px;
  & img { width: 35px; }
}
  #bannerSliderControl {padding-top: 50px;}
  .bannercontentdiv { transform: translate(0px, 0px); padding: 15px; width: 100%; }
  .bannercontentdiv .projlocation { margin-bottom: 8px; font-size: 14px; }
  .bannercontentdiv .projectname { margin-bottom: 8px; font-size: 27px; }
  .bannercontentdiv .typodiv { font-size: 17px; border-radius: 5px 0px; }
  .bannercontentdiv .keyhightlight { margin: 12px 0px; }
  .bannercontentdiv .keyhightlight li { font-size: 14px; margin-bottom: 7px; }
  .bannerForm { width: 100%; background: var(--black); }
  .bannerForm .heading { font-size: 16px; padding: 10px; }
  .patch-images { position: absolute; bottom: 0px; left: 5%; width: 30%; z-index: 99; top: 20%; }
  .properties_section {padding: 29px 0px;margin-top: 50px;}
  .properties_section .proj-heading { font-size: 30px; margin-bottom: 0px; font-family: "Proxima Nova", sans-serif; }
  .section-floor-plan {
  & .flex-plans { gap: 25px; }
  & .plan-img-div { border-bottom: 1px solid var(--black); padding-bottom: 15px; }
  & .appbtn { width: 58%; }
}
  .section-floor-plan {
  & .title { font-size: 18px; }
  & .heading { font-size: 20px; }
}
  .contact-container { padding: 35px 0px; }
  .contact-container .formdiv { padding: 15px; border-radius: 5px 0px; margin-bottom: 25px; }
  .contact-container .formdiv .heading { font-size: 20px; }
  .contact-container .formdiv p { margin-bottom: 8px; font-size: 14px; }
  .contact-container .formdiv .flexfields input { margin-bottom: 8px; font-size: 14px; }
  .contact-container .projectname { font-size: 20px; margin-bottom: 8px; }
  .contact-container .projlocation { margin-bottom: 8px; font-size: 17px; }
  .contact-container .contentdiv p { margin-bottom: 10px; font-size: 14px; text-align: left; letter-spacing: 0.9px; }
  .sitefooter { padding-bottom: 80px; }
  .modal.modal1.show .modal1-dialog { background: rgb(255, 255, 255); padding: 0px; margin: 0px; height: 100%; width: 100%; }
  .modal.fade .modal-dialog { margin: 0px; padding: 15px; display: flex; align-items: flex-start; height: 100%; overflow: hidden; }
  .modal-dialog .close { }
  .modal-dialog .close span { font-size: 24px !important; }
  .modal .modal-content { border: 0px; }
  .modal .form-control { padding: 7px; }
  .modal .modal-para { font-size: 19px; }
  .modal-dialog .modal-head { font-size: 20px; }
  .modal .modal-desc { font-size: 13px; }
  .modal .in_box { padding: 7px 0px; border-bottom: 1px solid var(--black); }
  .mobile-section-footer { display: flex; gap: 0px 5px; justify-content: space-around; z-index: 9; }
  .prv-and-next-btns { bottom: 28%; }
}
@keyframes rotateSvg { 
  0% { rotate: 10deg; }
  50% { rotate: -5deg; }
  100% { rotate: 10deg; }
}
@keyframes zoomin-out { 
  50% { transform: scale(1.2); }
}
@keyframes zoomin-out1 { 
  50% { transform: scale(1.01); }
}