@font-face { font-family: popins; font-display: swap; src: url("../fonts/popins/Poppins-Regular.woff2") format("woff2"); }
@font-face { font-family: popins_bold; font-display: swap; src: url("../fonts/popins/Poppins-SemiBold.woff2") format("woff2"); }
@font-face { font-family: NovaSquare; font-display: swap; src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"); }
:root { --black: #444444; --darkblue: #d6b46d; --darkblue1: #dbb052; --lightblue: #f1f9f9; --yellow: #17433F; --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%; }
html, body { overflow-x: hidden; 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 { background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
.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 { transition: var(--transition); }
.AppHeader.HeaderFixed { background: var(--white); transition: var(--transition); }
.AppHeader .logo_img { filter: invert(1); }
.AppHeader.HeaderFixed .logo_img { filter: unset; }
.AppHeader .AppNavbar .navlinks { color: rgb(255, 255, 255); }
.AppHeader.HeaderFixed .AppNavbar .navlinks { color: rgb(0, 0, 0); }
.AppHeader .gradient { background: transparent; }
.AppHeader.HeaderFixed .gradient { background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
.HeaderFixed { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1100; 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 20px; 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: 100%; width: 160px; }
.bannerSection { position: relative; }
.banner-project-card {position: absolute;z-index: 99;top: 51%;left: 5%;width: 350px;overflow: hidden;transform: translateY(-50%);/* text-align: center; */padding: 20px 10px;}
.bannerSection::after {content: "";position: absolute;z-index: 8;left: 0px;right: 0px;bottom: 0px;height: 100%;opacity: 1;width: 40%;background: linear-gradient(to right, rgb(0 0 0 / 79%), rgba(0, 0, 0, 0));display: none;}
.banner-project-location img{
    filter: invert(1) brightness(1000);
}



@media (width >= 1600px) {
  .banner-project-card { top: 50%; }
}
.banner-project-card h2 {padding: 0px;color: rgb(255, 255, 255);font-family: popins_bold;font-size: 36px;line-height: 1.25;}
.banner-project-location {padding: 8px 0px 8px;color: rgb(255, 255, 255);font-size: 20px;}
.banner-project-info {margin: 0px;padding: 8px 0px;color: rgb(255, 255, 255);/* text-align: center; */}
.banner-project-info span {/* display: block; */color: rgb(255, 255, 255);font-size: 18px;letter-spacing: 1px;}
.banner-project-info strong {/* display: block; */margin-top: 2px;color: rgb(255, 255, 255);font-size: 19px;font-weight: 400;}
.banner-project-offer {padding: 9px 10px 9px 10px; margin-top: 25px; color: rgb(237 255 74);font-family: popins_bold;font-size: 16px;background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; margin-left: 27px;width: fit-content;}
.banner-project-price {padding: 9px 0px 0px;color: rgb(255, 255, 255);font-size: 15px;}
.banner-project-price strong { margin-top: 1px; color: rgb(255, 255, 255); font-family: popins_bold; font-size: 23px; }
.banner-project-enquire {margin: 16px 0px 14px;padding: 10px 16px;border-radius: 24px;color: rgb(255, 255, 255);font-family: popins_bold;font-size: 14px;transition: var(--transition);width: 60%;background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate;}
.banner-project-enquire:hover { background: rgb(200, 147, 95); }
.bannerForm .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; color: rgb(0, 0, 0); }
.from-banner .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; color: rgb(0, 0, 0); }
.bannerSection .carousel-inner .sliderimg { object-fit: cover; height: 100vh; }
.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: rgb(255, 255, 255); }
.prv-and-next-btns { position: absolute; display: flex; justify-content: space-between; width: 100%; bottom: 48%; z-index: 2; }
.iti__flag-container { color: rgb(0, 0, 0); }
.iti__country-list { max-width: 300px !important; max-height: 200px !important; font-size: 13px !important; white-space: normal !important; z-index: 99999 !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px !important; border-radius: 4px !important; }
.iti__country { padding: 7px 10px !important; font-size: 13px !important; line-height: 1.4 !important; }
.iti__country-name { font-size: 13px !important; color: rgb(34, 34, 34) !important; }
.iti__dial-code { font-size: 12px !important; color: rgb(102, 102, 102) !important; }
.iti-mobile .iti--container { inset: 50% auto auto 50% !important; transform: translate(-50%, -50%) !important; width: 90% !important; max-width: 320px !important; max-height: 320px !important; position: fixed !important; z-index: 999999 !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px !important; border-radius: 8px !important; overflow: hidden !important; }
.iti-mobile .iti__country-list { max-height: 260px !important; width: 100% !important; }
.content-over-banner {
  position: absolute; top: 50%; transform: translateY(-50%); left: 5%; right: 0px; z-index: 5; width: fit-content; color: var(--white); text-align: left;
  & .project-name-box { margin-bottom: 15px; }
  & .projectname { font-size: 34px; font-weight: 600; letter-spacing: 3px; text-transform: capitalize; margin-bottom: 8px; margin-top: 8px; }
  & .address {
  font-size: 16px; margin-top: 10px;
  & img { height: 20px; }
}
  & .typology { font-size: 20px; margin-top: 0px; }
  & .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: 42px; margin-bottom: 10px; font-weight: 600; }
  & .address { color: rgb(0, 0, 0); font-weight: 600; }
}
.highligts-flex-div {
  & .listing {
  & li { padding: 10px 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: 28px; font-weight: 600; margin-bottom: 15px; }
  & .in-box { padding: 10px 15px; margin-bottom: 15px; border-radius: 4px; }
  & .title { margin-bottom: 15px; display: block; font-size: 20px; }
}
.site-interested-section { background-image: url("../images/french_garden_v1.webp"); background-repeat: no-repeat; }
.bannerForm { width: 100%; background: rgb(243, 243, 243); padding: 17px; box-sizing: border-box; }
.detail_sec { padding: 20px 0px; background: rgb(255, 252, 241); }
.detail_sec .row { align-items: stretch; }
.detail_sec li { font-size: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.detail_sec .detail_item { width: 100%; }
.detail_sec li img { filter: invert(1); max-width: 16px; }
.detail_sec li span { font-size: 18px; }
.form-sec { width: 350px; right: 0%; background-color: rgba(255, 255, 255, 0.95); bottom: 0px; position: fixed; z-index: 999; }
.form-box { padding: 8px 20px 0px; }
.top_form h2 { font-size: 25px; display: flex; justify-content: space-between; letter-spacing: 1px; padding: 8px 26px; color: inherit; }
.top_form h2 span { cursor: pointer; }
.btn_gradient { background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; color: rgb(240, 230, 210); animation: green-gradient-shift 1s ease-in-out infinite alternate; }
@keyframes green-gradient-shift {
  from { background-position: 0% 0%; }
  to { background-position: 100% 0%; }
}
@media (min-width: 768px) {
  .bannerForm { position: fixed; z-index: 1050; top: 50%; right: 0px; transform: translateY(-50%) translateX(105%); width: 370px; max-width: 350px; max-height: 92vh; padding: 24px 20px 20px; background-color: rgb(255, 255, 255); backdrop-filter: blur(8px); transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.35s; visibility: hidden; box-shadow: rgba(0, 0, 0, 0.25) -6px 0px 25px !important; }
}
.close-banner-form { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; background: rgb(241, 241, 241); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(51, 51, 51); transition: 0.2s; z-index: 10; padding: 0px; }
.close-banner-form:hover { background: var(--yellow); color: rgb(255, 255, 255); transform: scale(1.08); }
.bannerForm .heading { position: relative; font-size: 22px; margin-bottom: 10px; padding: 8px 32px 8px 2px; border-radius: 4px; width: 100%; gap: 0px 8px; color: rgb(0, 0, 0); }
.from-banner .heading { position: relative; font-size: 22px; margin-bottom: 10px; padding: 8px 32px 8px 2px; border-radius: 4px; width: 100%; gap: 0px 8px; color: rgb(0, 0, 0); }
.bannerForm .heading img { animation: 2s ease 0s infinite normal none running zoomin-out; width: 29px; }
.from-banner .heading img { animation: 2s ease 0s infinite normal none running zoomin-out; width: 29px; }
.bannerForm .flexdiv { flex-wrap: wrap; }
.from-banner .bannerForm .flexdiv { flex-wrap: wrap; }
.bannerForm .flexdiv .inputbox { width: 100%; }
.from-banner .flexdiv .inputbox { width: 100%; }
.bannerForm .flexdiv input { margin-bottom: 5px; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding: 0.375rem 1.75rem 0.375rem 0.75rem; color: rgb(0, 0, 0); letter-spacing: 0.8px; background-color: transparent !important; min-height: 38px !important; font-weight: 400 !important; }
.from-banner .flexdiv input, .custom-select { margin-bottom: 5px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0.4); border-image: none; border-radius: 0px; padding: 0.375rem 1.75rem 0.375rem 0.75rem; color: rgb(0, 0, 0); letter-spacing: 0.8px; background-color: transparent !important; min-height: 38px !important; font-weight: 400 !important; }
.rera-inner-div { margin-bottom: 20px; }
.bannerForm .flexdiv.main_flax_div input::placeholder { color: rgb(0, 0, 0); opacity: 1; }
.from-banner .flexdiv.main_flax_div input::placeholder { color: rgb(0, 0, 0); opacity: 1; }
.custom-select { color: rgb(0, 0, 0); }
.patch-images { position: absolute; bottom: 15%; left: 45%; width: 15%; z-index: 99; }
.properties_section { padding: 70px 0px 25px; }
.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; display: flex; align-items: center; }
  & li img { margin-right: 7px; }
}
.my-ami { padding-left: 107px; }
.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(255, 255, 255), rgba(255, 255, 255, 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; }
}
.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 6px; padding-bottom: 8px; font-size: 14px; }
.sitefooter .gtfdiv a { color: rgb(255, 255, 255); }
.logo > img { }
.pricelist-container { padding: 0px 0px 45px; position: relative; background-size: contain; margin-top: 0px; }
.pricelist-container .priceboxesdiv { flex-wrap: wrap; gap: 35px 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; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important; }
.pricelist-container .property-type { font-size: 16px; position: absolute; top: 5px; right: 30px; border-bottom: 1px solid var(--black); }
.pricelist-container .pricelist_heading { font-size: 17px; font-family: NovaSquare; font-weight: 600; text-align: center; margin-bottom: 16px; }
.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: 18px; }
.pricelist-container .sizediv { padding: 15px 0px; margin-bottom: 25px; }
.properties_section .flexdiv { gap: 0px; padding: 10px; }
.properties_section .proj-heading { font-size: 32px; margin-bottom: 0px; color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 700; }
.properties_section .proj-heading span { font-size: 22px; margin-bottom: 0px; color: rgb(0, 0, 0); text-transform: uppercase; display: block; font-weight: 100; }
.properties_section .inner-col { padding: 0px; border-radius: 15px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important; }
.properties_section .cotnetdiv { padding: 15px; text-align: left; }
.properties_section .pro-add { font-size: 16px; margin-bottom: 4px; display: flex; align-items: center; }
.properties_section .pro-name { font-size: 20px; color: rgb(0, 0, 0); font-weight: 600; padding-bottom: 5px; text-transform: uppercase; }
.properties_section .proj-typology { display: block; margin: 10px 0px; background: rgb(255, 255, 255); font-weight: 600; font-size: 15px; padding: 0px; border-radius: 8px 0px; color: rgb(0, 0, 0); }
.properties_section .pro-price { margin-bottom: 15px; font-size: 20px; margin-top: 0px; }
.properties_section .btnsdiv .appbtn { display: block; padding: 8px 17px; font-size: 15px; width: 100%; background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; border-radius: 30px; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
.properties_section .stickydiv { position: absolute; top: -39px; left: -33px; }
.properties_section .pro-price span { color: var(--yellow); font-weight: bold; }
.properties_section .proj-typology span { color: var(--yellow); font-weight: bold; }
.properties_section .cotnetdiv ul { list-style: none; line-height: 30px; margin-bottom: 5px; }
.properties_section .cotnetdiv ul li img { width: 18px; margin-right: 5px; }
.patch__ { background: linear-gradient(135deg, #B8913F 0%, #855a01 50%, #B8913F 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; color: white; padding: 6px; text-align: center; box-shadow: rgba(244, 160, 36, 0.5) 0px 8px 20px; font-size: 14px; text-transform: capitalize; position: absolute; bottom: 62%; width: 93%; }
.scroll-point { height: 100px;}
.pro-img { height: 225px; object-fit: cover; border-radius: 15px 15px 0px 0px; }
.main-scanner { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.scanner { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.scanner p { font-size: 10px; }
select option { color: var(--black); }
.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;
  bottom: 25px;
  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: rgb(14, 109, 170); 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: 0px; margin-top: 0px; }
.highligts-flex-div h2.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-bottom: 30px; }
.strip-sec { padding: 15px; }
.destop-strip { display: block; }
.mobile-strip { display: none; }
.location_img { width: 100% !important; object-fit: cover; }
.section-amenities .slick-dots li button::before { font-family: slick; font-size: 35px; }
.form-div { background: rgb(147, 149, 152); padding: 10px 15px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important; }
.banner-key-highlights span { display: block; }
.new-launch-patch { position: absolute; width: 400px; bottom: 200px; right: 40%; z-index: 11; }
.image-source-link img { height: 100%; }
.img-div img { border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important; }
.footer_form { padding: 15px; border: 1px solid rgb(0, 0, 0); border-radius: 15px; max-width: 500px; margin: 0px auto; }
.footer_form h5 { font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.footer_form input { padding: 10px 15px; border-radius: 0px; margin-bottom: 15px; border-bottom: 1px solid rgb(0, 0, 0); background-color: transparent !important; }
header.container-fluid.AppHeader.px-0 { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 999;display: none; }
header.container-fluid.AppHeader.px-0.HeaderFixed{display: block;}
.form-toggle-btn { position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 999; background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; color: rgb(255, 255, 255); padding: 14px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px 0px 0px 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: filter 0.3s; writing-mode: vertical-rl; letter-spacing: 1.5px; text-transform: uppercase; box-shadow: rgba(0, 0, 0, 0.25) -2px 0px 10px; }
.form-toggle-btn:hover { filter: brightness(1.15); color: rgb(255, 255, 255); }
@media (min-width: 768px) {
  .form-toggle-btn { top: 50%; bottom: auto; right: 0px; transform: translateY(-50%); writing-mode: vertical-rl; padding: 14px 8px; border-radius: 6px 0px 0px 6px; font-size: 16px; z-index: 999; }
  body.form-open .form-toggle-btn { right: 0px; z-index: 999; }
  .form-sec { top: 50%; bottom: auto; transform: translate(100%, -50%); visibility: hidden; transition: transform 0.35s, visibility 0.35s; z-index: 1045; max-height: 90vh; overflow-y: auto; border-radius: 8px 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.25) -6px 0px 25px; }
  .form-sec.is-open, .form-sec.active { transform: translate(0px, -50%); visibility: visible; }
}
@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: 14px; padding: 20px 15px; }
  .AppHeader .logo { padding: 1px 12px; }
  .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%; }
}
}
}
@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 .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; }
  .content-over-banner { top: 50%; left: 3%; }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .bannerForm { padding: 8px 20px 9px; top: 51%; }
  .bannerForm .heading { padding: 5px 2px; font-size: 18px; margin-bottom: 0px; }
}
@media (max-width: 767px) {
  .patch__ { width: 93%; left: 15px; }
  .properties_section .custom-col { overflow: hidden; }
  .AppHeader { transition: var(--transition); }
  header.container-fluid.AppHeader.px-0 { position: relative; }
  .AppHeader.HeaderFixed { background: var(--white); transition: var(--transition); position: fixed !important; }
  .AppHeader .logo_img { filter: invert(1); }
  .AppHeader.HeaderFixed .logo_img { filter: unset; }
  .AppHeader .AppNavbar .navlinks { color: rgb(0, 0, 0); }
  .AppHeader.HeaderFixed .AppNavbar .navlinks { color: rgb(0, 0, 0); }
  .AppHeader .gradient { background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
  .AppHeader.HeaderFixed .gradient { background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
  .form-sec { border: 1px solid rgb(0, 0, 0); border-radius: 8px; overflow: hidden; display: block !important; position: unset !important; width: calc(100% - 20px) !important; margin: 20px auto 0px !important; }
  .form-sec h2 { justify-content: center; margin-bottom: 4px; cursor: default; }
  .top_form h2 span { display: none !important; }
  .form-toggle-btn { display: none !important; }
  .close-banner-form { display: none !important; }
  .footer_form { margin-top: 15px; margin-bottom: 10px; max-width: 100%; }
  p.banner-key-highlights { font-size: 16px; letter-spacing: 0.4px; background-color: rgba(0, 0, 0, 0.49); width: fit-content; padding: 3px 10px; margin-bottom: 7px; }
  .logo .logo_img { height: 100%; width: 38%; }
  .highligts-flex-div {
  & .listing {
  & li { padding: 10px 0px; border-bottom: 1px solid var(--yellow); font-size: 14px; font-weight: 500; }
}
}
  .carousel-inner { min-height: 305px; }
  .my-ami { padding-left: 0px; }
  .destop-strip { display: none; }
  .mobile-strip { display: block; }
  .banner-project-card { position: relative; top: auto; left: auto; width: 100%; max-width: 100%; margin: 0px auto 16px; transform: none; box-shadow: none; border-radius: 0px; background: rgb(253, 239, 226); padding: 15px 0px; }
  .banner-project-card h2 {padding: 11px 16px 0px;font-size: 20px;color: rgb(0 0 0);text-align: center;}
  .banner-project-location {padding-top: 7px;font-size: 16px;color: rgb(0, 0, 0);text-align: center;}
  .banner-project-price strong, .banner-project-price span { color: rgb(0, 0, 0); }
  .banner-project-info {margin-top: 8px;margin-bottom: 0px;padding: 8px 15px 0px;text-align: center;}
  .banner-project-enquire {margin-top: 9px;margin-bottom: 12px;display: flex;justify-content: center;margin: 9px auto 12px;}
  .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); }
  .pricelist-container .price_list_box { padding: 28px; }
  .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 { filter: unset; }
  .HeaderFixed .logo .logo_img { filter: unset; }
  .HeaderFixed .menuIcoin img { filter: unset; }
  .logo > img { padding-left: 10px; }
  .pricelist-container .priceboxesdiv { gap: 25px 0px; }
  .pricelist-container .pricelist_heading { font-size: 20px; margin-top: 0px; }
  .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: 40px; }
  .container { max-width: 98%; }
  .flex-wrap-mb { flex-wrap: wrap; }
  .w-100-mb { width: 100% !important; }
  .appbtn { font-size: 12px; padding: 10px 9px; }
  .decision_corner .appbtn { font-size: 9px; }
  .content-over-banner .appbtn { font-size: 14px; }
  .pricelist-container .head { margin: 4px 0px; }
  .pricelist-container .title { font-size: 19px; }
  .bannerForm .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { color: rgb(0, 0, 0); }
  .AppHeader { position: fixed; left: 0px; right: 0px; width: 100%; z-index: 9; background: transparent; }
  .HeaderFixed { background: rgb(255, 255, 255); }
  .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_img { }
  .AppHeader.HeaderFixed .logo_img { display: block; }
  .AppHeader .menuIcoin { }
  .AppHeader.HeaderFixed .menuIcoin { display: block !important; }
  .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 { margin-top: 0px; aspect-ratio: 0 / 1; height: auto; min-height: 305px; }
  .headrConNo { margin-left: 0px; }
  .properties_section .stickydiv { position: absolute; top: -31px; left: -8px; }
  .properties_section .stickydiv img { width: 39% !important; }
  .content-over-banner {
  width: 100%; padding: 25px 10px;
  & .projectname { font-size: 26px; letter-spacing: 1px; margin-top: 14px; }
  & .typology { font-size: 17px; }
  left: 0px; bottom: unset; text-align: left; top: 12%;
}
  .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: 24px; }
}
  .site-interested-section {
  & .heading { font-size: 23px; }
}
  .section-amenities {
  & li { font-size: 14px; display: inline-flex; gap: 5px; align-items: center; }
}
  .my-ami1 { width: 85%; }
  .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: 14px; 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 { position: static !important; transform: none !important; inset: auto !important; width: 100% !important; max-width: 100% !important; max-height: none !important; overflow: hidden visible !important; visibility: visible !important; background: rgb(243, 243, 243) !important; border-radius: 0px !important; box-shadow: none !important; padding: 17px !important; margin: 0px !important; transition: none !important; box-sizing: border-box !important; }
  .bannerForm .heading { position: static !important; top: auto !important; font-size: 20px !important; padding: 5px 0px !important; font-weight: 600 !important; justify-content: center !important; text-align: center !important; width: 100% !important; }
  .bannerForm .appbtn { margin: auto; }
  .highligts-flex-div h2.heading, .pricelist-container .head h4.heading, .section-amenities .heading, .section-gallery .heading, .location-section .heading { font-size: 19px; }
  .location-section .head { margin-bottom: 0px; }
  .patch-images { position: absolute; bottom: 0px; left: 5%; width: 30%; z-index: 99; top: 20%; }
  .properties_section { padding: 29px 0px 10px; }
  .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: 40px; }
  .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; margin-top: 30%; }
  .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; background: linear-gradient(135deg, #33875b 0%, #0C3726 50%, #33875b 100%) 0% 0% / 200% 100%; animation: green-gradient-shift 1s ease-in-out infinite alternate; }
  .new-launch-patch { position: absolute; width: 250px; z-index: 11; right: 4%; top: 7%; }
  .modal .headerimg img { display: none; }
  .detail_sec { padding: 10px 0px 20px; }
  .detail_sec li span { font-weight: 600; }
  .form-box { padding: 8px 20px; }
  .detail_sec li { padding: 10px 0px; border-bottom: 1px solid rgb(184, 190, 198); border-right: 0px !important; }
  
  .properties_section .proj-heading span { font-size: 17px; margin-top: 13px; }
  .section-gallery { margin-top: 30px; }
  .bannerSection::after { display: none; }
  .banner-project-info span { color: rgb(0, 0, 0); }
  .banner-project-info strong {color: rgb(0, 0, 0);text-align: center;}

    .banner-project-offer {
        /* color: #000; */
        text-align: center;
        /* padding: 0; */
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }
.banner-project-price{
    text-align: center;
}
.banner-project-location img {
    filter: unset;
}
}
@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); }
}
.banner-project-offer {
    animation: zoomEffect 2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes zoomEffect {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }
}

.fixedIcons {
    position: fixed;
    z-index: 9;
    bottom: 15px;
    padding: 5px;
    background: #FFFCF1;
    border-radius: 50%;
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 #29a71a;

    img {
        width: 60px;
        padding: 5px;
    }

    &.whatsapp {
        left: 15px;
    }

    &.phone {
        right: 15px;
        background: #122f27;

        img {
            filter: invert(1);
            padding: 10px;
        }
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(255, 232, 160, 0);
    }
}
@media(max-width: 767px) {
    .fixedIcons {
  &.phone {right: 10px;bottom: 45px;left: unset;width: 52px;}
}
  .fixedIcons {&.whatsapp {bottom: 45px;width: 52px;}}

}