@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: #444444; --darkblue: #d6b46d; --darkblue1: #dbb052; --lightblue: #f1f9f9; --yellow: #9e7f1a; --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: 5px; }
.gradient { text-shadow: rgb(38, 27, 7) 0px 3px 6px; background: linear-gradient(-45deg, rgb(0, 0, 0), rgb(158, 127, 26), rgb(0, 0, 0), rgb(158, 127, 26)) 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: var(--white); transition: var(--transition); }
.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 5px; 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 {
  color: var(--white); gap: 0px 15px; padding: 13px 25px; margin-left: 25px;
  &: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; }
.logo .logo_img {height: 53px;}
.bannerSection { position: relative; z-index: 2; }
.bannerSection::after { content: ""; position: absolute; inset: 0px; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.53); z-index: 1; }
.bannerSection .carousel-inner .sliderimg { object-fit: cover; }
.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; top: 50%; transform: translateY(-50%); left: 11%; right: 0px; z-index: 5; width: fit-content; color: var(--white); text-align: left;
  & .project-name-box { margin-bottom: 15px; }
  & .projectname { font-size: 28px; font-weight: 600; letter-spacing: 3px; text-transform: capitalize; margin-bottom: 8px; }
  & .address {
  font-size: 16px; margin-bottom: 10px;
  & img { height: 20px; }
}
  & .typology { font-size: 24px; margin-top: 10px; }
  & .appbtn {
  margin-top: 15px;
  & img { animation: 2s ease 0s infinite normal none running arrow-know-more; }
}
}
p.banner-key-highlights { font-size: 14px; letter-spacing: 0.4px; padding: 3px 0px; }
@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; }
.overview-and-highlights {
  & .head { margin-bottom: 15px; }
  & .heading { font-size: 28px; 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: 16px; font-weight: 500; }
  & span { flex-shrink: 0; color: var(--yellow); padding-right: 8px; }
}
}
.site-interested-section {
  & .heading { font-size: 26px; margin-bottom: 8px; font-weight: 600; }
  & .in-box { padding: 10px 15px; margin-bottom: 15px; border-radius: 4px; }
  & .title { margin-bottom: 15px; display: block; font-size: 20px; }
}
.bannerForm { position: absolute; z-index: 2; top: 50%; right: 10%; transform: translateY(-50%); width: 21%; padding: 17px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); }
.bannerForm .heading { font-size: 23px; margin-bottom: 10px; padding: 8px 2px; border-radius: 4px; width: 100%; gap: 0px 8px; color: rgb(255, 255, 255); }
.bannerForm .heading img { animation: 2s ease 0s infinite normal none running zoomin-out; width: 29px; }
.bannerForm .flexdiv { flex-wrap: wrap; }
.bannerForm .flexdiv .inputbox { width: 100%; }
.bannerForm .flexdiv input { margin-bottom: 5px; border-radius: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding: 0.375rem 1.75rem 0.375rem 0.75rem; color: rgb(255, 255, 255); letter-spacing: 0.8px; background-color: transparent !important; min-height: 38px !important; font-weight: 400 !important; }
.bannerForm .flexdiv.main_flax_div input::placeholder { color: rgb(255, 255, 255); opacity: 1; }
.patch-images { position: absolute; bottom: 15%; left: 45%; width: 15%; z-index: 99; }
.properties_section { padding: 70px 0px; }
.properties_section .flexdiv { gap: 0px; padding: 10px; }
.properties_section .proj-heading { font-size: 29px; margin-bottom: 40px; 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; }
.properties_section .cotnetdiv { padding: 15px; text-align: center; }
.properties_section .pro-add { font-size: 18px; margin-bottom: 4px; }
.properties_section .pro-name { font-size: 23px; color: rgb(0, 0, 0); font-weight: 600; padding-bottom: 5px; }
.properties_section .proj-typology { display: block; margin: 10px 0px; background: rgb(255, 255, 255); font-weight: 600; font-size: 20px; padding: 6px 10px; border-radius: 8px 0px; color: rgb(0, 0, 0); }
.properties_section .pro-price { margin-bottom: 15px; font-size: 21px; margin-top: 15px; }
.properties_section .btnsdiv .appbtn { display: block; padding: 8px 17px; font-size: 15px; }
.properties_section .stickydiv { position: absolute; top: -39px; left: -33px; }
.section-amenities { overflow: hidden; }
.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; justify-content: center; }
}
.location-section {
  text-align: center;
  & .head { margin-bottom: 15px; }
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin: 28px 0px 5px; }
  & .heading { font-size: 29px; }
  & .flex-div { gap: 30px 0px; }
}
.decision_corner {
  padding: 50px 0px; background-image: linear-gradient(rgb(249, 245, 239), rgba(211, 199, 181, 0.66));
  & 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; text-align: center; }
}
.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: 15px; margin-bottom: 10px; }
.sitefooter .gtfdiv { gap: 0px 15px; padding-bottom: 8px; font-size: 14px; }
.sitefooter .gtfdiv a { color: rgb(255, 255, 255); }
.logo > img { }
.pricelist-container { padding: 0px 0px 100px; position: relative; background-size: contain; margin-top: 0px; }
.pricelist-container .priceboxesdiv { flex-wrap: wrap; gap: 59px 0px; width: 100%; }
.pricelist-container .commonheading { margin-bottom: 55px; }
.pricelist-container .price_list_box { background:  0% 0% / cover no-repeat rgb(241, 236, 218); color: rgb(0, 0, 0); padding: 35px; position: relative; overflow: hidden; }
.pricelist-container .property-type { font-size: 16px; position: absolute; top: 10px; right: 30px; border-bottom: 1px solid var(--black); }
.pricelist-container .pricelist_heading { font-size: 26px; font-family: NovaSquare; font-weight: 600; }
.pricelist-container .pricetext { margin-bottom: 25px; padding-bottom: 15px; }
.pricelist-container .pricetext span, .pricelist-container .pricetext h4, .pricelist-container .sizediv, .pricelist-container .sizediv span { font-size: 21px; }
.pricelist-container .sizediv { padding: 15px 0px; margin-bottom: 25px; }
.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(255, 252, 241); 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: -14px; right: -14px; 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; }
#highlight .col-12 h4.proj-heading.NovaSquareFont { font-size: 29px; margin-bottom: 40px; }
.desktop-view { display: block; }
.mobile-view { display: none; }
h4.proj-heading { margin-bottom: 30px; margin-top: 30px; }
.highligts-flex-div h4.heading { font-size: 29px; font-weight: 500; }
.pricelist-container {
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
}
.highligts-flex-div {
  & .title { font-size: 24px; color: var(--yellow); font-weight: 600; margin-bottom: 8px; }
}
.pricelist-container .head h4.heading { font-size: 29px; }
.pricelist-container .head { margin: 30px 0px; }
.highligts-flex-div .head { margin: 30px 0px; }
.strip-sec { padding: 15px; }
.destop-strip { display: block; }
.mobile-strip { display: none; }
.section-amenities {
  & li {padding: 14px 0px;font-size: 16px;font-weight: 100;display: flex;align-items: center;justify-content: center;}
}
.form-div { background: rgb(108, 108, 108); padding: 15px; }
.iti {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.section-amenities .slick-dots li button::before { font-family: slick; font-size: 35px; }
@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: 28px; }
  & .typology { font-size: 24px; }
}
  .form-over-banner { bottom: 3%; max-width: 1165px; }
  .container { max-width: 1259px; }
  .headrConNo { padding: 2px 17px; }
  .AppNavbar .navlinks { font-size: 13px; padding: 19px 2px 19px 15px; }
  .AppHeader .logo { padding: 1px 12px; }
  .logo .logo_img {height: 35px;}
  .bannerSection .carousel-inner .sliderimg {/* aspect-ratio: 21 / 9.5; */}
  .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 { padding: 5px 2px; font-size: 20px; }
  .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; }
  .properties_section .proj-heading { font-size: 35px; margin-bottom: 0px; }
  .decision_corner {
  & figure {
  & img { width: 45%; }
}
}
  .bannerForm { width: 28%; }
}
@media (max-width: 1366px) {
  .bannerForm { width: 25%; padding: 8px; border-radius: 8px 0px 0px; }
  .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 .flexdiv input { padding: 10px; border-radius: 4px; }
  .bannerForm .heading { border-radius: 5px 0px; padding: 7px 2px; }
  .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) {
  .destop-strip { display: none; }
  .mobile-strip { display: block; }
  .bannerForm .heading { color: rgb(0, 0, 0); }
  .bannerForm .flexdiv.main_flax_div input::placeholder { color: rgb(0, 0, 0); opacity: 1; }
  .bannerForm .flexdiv input { color: rgb(0, 0, 0); }
  .bannerForm .flexdiv.main_flax_div input { border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  .bannerForm .flexdiv.main_flax_div .check_box { color: rgb(0, 0, 0) !important; }
  .desktop-view { display: none; }
  .mobile-view { display: block; }
  .content-over-banner { transform: unset; }
  .logo .logo_img {height: 31px;}
  .logo > img { padding-left: 10px; }
  .pricelist-container .priceboxesdiv { gap: 25px 0px; }
  .pricelist-container .pricelist_heading { font-size: 20px; }
  .pricelist-container .pricetext span, .pricelist-container .pricetext h4, .pricelist-container .sizediv, .pricelist-container .sizediv span { font-size: 16px; }
  .pricelist-container .sizediv { padding: 10px 0px; }
  img.amenity-img { width: 20px; }
  .container { max-width: 98%; }
  .flex-wrap-mb { flex-wrap: wrap; }
  .w-100-mb { width: 100% !important; }
  .appbtn { font-size: 14px; padding: 10px 15px; }
  .AppHeader { position: fixed; left: 0px; right: 0px; width: 100%; z-index: 9; }
  .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; }
 .carousel-inner .sliderimg {margin-top: 50px;min-height: 425px;}
  .headrConNo { margin-left: 0px; }
  .properties_section .stickydiv { position: absolute; top: -31px; left: -8px; }
  .properties_section .stickydiv img { width: 39% !important; }
  .content-over-banner {
  position: relative; background: var(--black); width: 100%; padding: 25px 10px;
  & .projectname {font-size: 20px;letter-spacing: 1px;}
  & .typology { font-size: 22px; }
  left: unset; bottom: unset; text-align: center;
}
  .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: 15px; }
  & .appbtn { width: 100%; }
}
  .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: 22px; }
}
  .section-amenities {
  & li { font-size: 16px; display: inline-flex; gap: 5px; align-items: center; }
}
  .decision_corner {
  & .content_div { padding: 0px; }
  & .Heading { font-size: 22px; }
  & .sub_heading { font-size: 14px; }
}
  .fixedIcons {
  bottom: 45px;
  & img { width: 35px; }
}
  .content-over-banner {
  & .address {
  font-size: 20px; margin-top: 10px;
  & img { height: 19px; }
}
/* .location-section .listing li.d-flex p{
    font-size:13px;
} */




}
  #bannerSliderControl { padding-top: 0px; }
  .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: rgb(255, 255, 255); position: unset; transform: unset; border-radius: unset; }
  .bannerForm .heading { font-size: 20px; padding: 5px 0px; font-weight: 600; }
  .patch-images { position: absolute; bottom: 0px; left: 5%; width: 30%; z-index: 99; top: 20%; }
  .properties_section { padding: 29px 0px; }
  .properties_section .proj-heading { font-size: 22px; margin-bottom: 0px; font-weight: 700; }
  .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; }
}
@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); }
}