@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: #222222; --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(155, 155, 155), rgb(0, 0, 0), rgb(77, 77, 77)) 0% 0% / 400% 400%; }
@keyframes Gradient { 
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.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; margin-right: 20px !important;
  &: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 { max-width: 100%; }
.bannerSection { position: relative; z-index: 2; }
.bannerSection::after {content: "";position: absolute;inset: 0px;height: 100%;/* width: 100%; *//* background: rgb(0 0 0 / 0%); *//* z-index: 1; */width: 70%;background: linear-gradient(to right, rgb(0 0 0 / 64%), rgb(0 0 0 / 0%));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: 4%; right: 0px; z-index: 5; width: fit-content; color: var(--white); text-align: left;
  & .project-name-box { margin-bottom: 15px; }
  & .projectname { font-size: 50px; font-weight: 600; letter-spacing: 3px; text-transform: capitalize; margin-bottom: 8px; }
  & .address {
  font-size: 19px;
  margin-top: 10px;
  
  
  
  
  
  & img { height: 20px; }
}
  & .typology.price-sec { font-size: 21px; font-weight: 700; margin-top: 15px; background: rgb(255, 255, 255); width: fit-content; color: rgb(0, 0, 0); padding: 10px 35px; border-radius: 5px; clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%); }
  & .typology { font-size: 28px; margin-top: 15px; }
  & .appbtn {
  margin-top: 15px;
  & img { animation: 2s ease 0s infinite normal none running arrow-know-more; }
}
}
p.banner-key-highlights {font-size: 16px;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: 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: 16px; font-weight: 500; }
  & span { flex-shrink: 0; color: var(--yellow); padding-right: 8px; }
}
}
.site-interested-section {
  & .heading { font-size: 40px; 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: 4%; 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 {
  & .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; min-height: 276px; }
}
  & .typology { font-size: 18px; font-weight: 600; background: rgb(31, 30, 29); color: white; padding: 10px; }
}
.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: 50%; }
}
  & .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: 10px; }
.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: 5px; padding-bottom: 8px; font-size: 14px; }
.sitefooter .gtfdiv a { color: rgb(255, 255, 255); }
.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; }
.modal .headerimg img { border-radius: 5px 5px 0px 0px; width: 100%; object-fit: cover; max-height: 100%; padding: 0px; }
.modal .close { position: absolute; top: -14px; right: -14px; background: var(--yellow); opacity: 1; height: 30px; width: 30px; border-radius: 50%; line-height: 33px; z-index: 99; }
.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 { padding: 8px 20px 0px; }
.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; }
.offer-patch { position: absolute; bottom: 15%; right: 43%; width: 100%; z-index: 9; max-width: 200px; }
.e_brochure_section .contents { margin-top: 30px; margin-bottom: 40px; }
.e_brochure_section .contents h2 { padding: 10px 0px; font-size: 26px; }

.key_box{
    padding: 10px;
    background: #00000000;
    backdrop-filter: blur(2px);
}

@media (max-width: 1600px) {
  .AppNavbar .navlinks { padding: 30px 7px; }
  .headrConNo { padding: 12px 17px; }
  .bannercontentdiv .projectname { font-size: 41px; }
}
@media (max-width: 1480px) {
  .content-over-banner {
  & .projectname {font-size: 41px;}
  & .typology {font-size: 23px;}
}
  .form-over-banner { bottom: 3%; max-width: 1165px; }
  .container { max-width: 1259px; }
  .headrConNo { padding: 10px 17px; }
  .AppNavbar .navlinks { font-size: 13px; padding: 19px 2px 19px 10px; }
  .AppHeader .logo { padding: 8px 5px 5px 8px; }
  .logo .logo_img {max-width: 190px;}
  .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; }
  .offer-patch { position: absolute; bottom: 7%; right: 42%; width: 100%; z-index: 9; max-width: 200px; }
  .overview-and-highlights {
  & .heading { font-size: 24px; margin-bottom: 10px; font-weight: 600; }
}
  .content-over-banner { left: 6%; }
  .content-over-banner {left: 5%;}
  .bannerForm { position: absolute; z-index: 2; top: 50%; right: 4%; }
}
@media (max-width: 1280px) {
  .logo .logo_img { height: 45px; }
  .pricelist-container .pricelist_heading { font-size: 22px; }
  .content-over-banner { left: 4%; }
}
@media (max-width: 767px) {
  .typology.price-sec { font-size: 21px; font-weight: 700; background: rgb(255, 255, 255); width: fit-content; color: rgb(0, 0, 0); border-radius: 5px; clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%); margin: 15px auto 0px; padding: 10px 28px !important; }
  .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: 36px; }
  .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: 11px 0px; width: 100%; align-items: center; 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: 9px; 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 { aspect-ratio: 18 / 12.7; margin-top: 50px; min-height: 264px; }
  .headrConNo { margin-left: 0px; margin-right: 0px !important; }
  .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: 26px; 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; }
}
}
  #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 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; }
  .highligts-flex-div {
  & .listing {
  & li { font-size: 16px; }
}
}
  .offer-patch { position: absolute; bottom: 71%; right: 12%; width: 100%; z-index: 9; max-width: 130px; }
}
@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); }
}
.card_image { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px; border-radius: 8px; overflow: hidden; }
@media (min-width: 1180px) {
  .logo img { width: 100%; }
}
.my_ammenities .amenity-img { width: 24px; height: 24px; }
.flex-div.row.p-0 { align-items: center; }
.bannerForm .invalid-data.existingCheck, .form-floating .invalid-data.existingCheck { position: relative !important; top: 0px !important; }
@media (max-width: 767px) {
  .modal .banner-form-section { padding: 9px; }
  .modal .headerimg img { padding: 0px; }
  .bannerForm .iti__selected-flag .iti__selected-dial-code { color: rgb(0, 0, 0) !important; }
  .carousel-inner { min-height: 264px; }
  
    .key_box{
        padding: 0;
        background: unset;
        backdrop-filter: unset;
    }
    p.banner-key-highlights {
        font-size: 14px;
        letter-spacing: 0.4px;
        padding: 3px 0px;
    }
}
.zoom_text  { animation: zoomEffect 2s infinite ease-in-out; display: inline-block; }
@keyframes zoomEffect {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}