@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: #2b4f21; --darkblue: #d6b46d; --darkblue1: #dbb052; --lightblue: #f1f9f9; --yellow: #2b4f21; --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, #092004, #0d260b, #0f2a07, #062603) 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(0 0 0 / 26%);
    position: fixed;
    z-index: 99; }
.HeaderFixed { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 9; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;background: rgb(0 0 0); }
.logo { z-index: 1; padding: 0px 12px 0px 22px; }
.AppNavbar .navlinks {font-size: 16px;color: rgb(255 255 255);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: 0px !important;}
.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: 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;margin-top: 20px;}
.properties_section .flexdiv { gap: 38px 0px; padding: 10px; }
.properties_section .proj-heading {font-size: 25px;color: #2b4f21;text-transform: uppercase;margin-bottom: 10px;}
.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 .cotnetdiv .project_points img{
  max-width: 18px;
  filter: brightness(0) saturate(100%) invert(21%) sepia(7%) saturate(5988%) hue-rotate(64deg) brightness(88%) contrast(77%);
  margin-right: 5px;
}
.properties_section .cotnetdiv .project_points ul{
  margin: 0;
  padding: 0;
}
.properties_section .cotnetdiv .project_points ul li{
  font-size: 14px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}
.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: 17px;margin-top: 0px;font-weight: 600;}
.properties_section .btnsdiv .appbtn {display: block;padding: 8px 11px;font-size: 15px;}
.appbtn:hover{
  transform: scale(1.1);
  transition: 0.3s ease-in-out;
}
.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: #e6ebe6;
  & 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 50px;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;filter: invert(1);}
.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: #fff;border: 0;}
.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;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 { 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: 24px;font-weight: 700;color: #2b4f21;text-transform: uppercase;}
.peraghaph p {font-size: 16px;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: #2b4f21; color: rgb(255, 255, 255); }
.there-section ul li:hover a { background: #2b4f21; 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: #2b4f21;border-radius: 10px;padding: 12px 20px;cursor: pointer;}
.there-section img {width: 14px;margin-right: 5px;}
.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: 1%;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;
    flex-wrap: wrap; }
.amenities-icon li {text-align: center;
    gap: 15px;
    width: 150px;
    flex: 0 0 15%;}
  .amenities-icon span { display: block; font-size: 14px; margin-top: 10px; }
.amenities-icon img { width: 75px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 50%; height: 75px; padding: 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;filter: brightness(0) saturate(100%) invert(21%) sepia(7%) saturate(5988%) hue-rotate(64deg) brightness(88%) contrast(77%);}
.over-img {width: 100%;height: 100%;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;
}

.amenities-sect.gallery .carousel-control-next, .carousel-control-prev {
  bottom: 0px;
}

.banner_img_box{
  position: relative;
}
.banner_img_box::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48%;
    background: linear-gradient(to top, rgb(0 0 0 / 57%) 0%, rgb(0 0 0 / 67%) 70%, #fff0 100%);
    z-index: 1;
}
.banner_content_box {
    width: 80%;
    margin: auto;
    position: absolute;
    bottom: 11%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner_address {
    /* font-family: "Poppins", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: .5px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: .5px;
    margin-bottom: 10px;
}
.banner_address img {
    max-width: 18px;
    margin-right: 0;
    filter: invert(1);
}
.banner_content_box h1 {
    width: fit-content;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 15px;
    /* font-family: "Cinzel", serif; */
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    /* background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0; */
    text-transform: uppercase;
}
.banner_g_lineL {
    background: var(--golden-color);
    background: linear-gradient(90deg, #fff0 0%, rgba(255, 255, 255, 0.37) 50%, #ffffff 100%);
    height: 1px;
    width: 150px;
    position: relative;
}
.banner_g_lineL::before {
    content: " ";
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(46deg);
    width: 5px;
    height: 5px;
    background: var(--golden-color);
}
.banner_g_lineR {
    background: var(--golden-color);
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.37) 50%, rgba(255, 255, 255, 0) 100%);
    height: 1px;
    width: 150px;
    position: relative;
}
.banner_g_lineR:before {
    content: " ";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(46deg);
    width: 5px;
    height: 5px;
    background: var(--golden-color);
}
.banner-content-bottom {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}
.banner-para {
    color: #fff;
    text-align: center;
    /* font-family: "Poppins", sans-serif; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .5px;
    text-transform: capitalize;
    /* min-width: 350px; */
}
.banner-para span {
    /* font-family: "Cinzel", serif; */
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* color: #fff; */
    /* background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0; */
}
.g_line {
    position: relative;
}
.g_line::before {
    content: "";
    width: 1px;
    height: 60px;
    background: linear-gradient(180deg, #fff0 0%, #ffffff 55%, rgba(255, 255, 255, 0.06) 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -100px;
    z-index: 99;
}
.g_line::after {
    content: "";
    width: 1px;
    height: 60px;
    background: linear-gradient(180deg, #fff0 0%, #ffffff 55%, rgba(255, 255, 255, 0.06) 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    z-index: 99;
}

.pricelist-container {
    padding: 50px 50px;
    position: relative;
    background-size: contain;
    margin-top: 0px;
}
.pricelist-container {
    .title1 {
        font-size: 24px;
        color: var(--yellow);
        font-weight: 600;
        margin-bottom: 8px;
    }
}
.head.mrgn {
    margin-bottom: 25px;
}
.myaccordion {
    max-width: 500px;
    margin: 0px auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.myaccordion .card, .myaccordion .card:last-child .card-header {
    /* border: 1px solid #000; */
    background: transparent;
    margin-bottom: 10px;
    border-radius: 10px;
}
.myaccordion .card-header {
    background: transparent;
    border: 1px solid;
    /* border-image-slice: 1; */
    border-image-source: linear-gradient(45deg, #a78357, #dccba8, #a78357, #a78357, #dccba8, #a78357);
    margin-bottom: 0px;
    padding: 5px 10px;
    border-radius: 10px;
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: bold;
  color: #000;
  padding: 0;
  text-align: left;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}
.fa-circle:before {
    color: #2b4f21;
}

@media (max-width: 1600px) {
  .AppNavbar .navlinks { padding: 30px 10px; }
  .headrConNo { padding: 12px 17px; }
  .bannercontentdiv .projectname { font-size: 41px; }
}
@media (max-width: 1500px) {
    .banner-content-bottom .g_line::before {
        right: -50px;
    }
    .banner-content-bottom .g_line::after {
        left: -50px;
    }
    .over-img{
      /* height: unset; */
    }

}
@media (max-width: 1480px) {
    .banner_content_box h1 {
        font-size: 26px;
    }
  .banner_content_box {
        bottom: 12%;
    }
  .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: 622px;}
  .properties_section .proj-heading {font-size: 35px;/* margin-bottom: 0px; */}
  .decision_corner {
  & figure {
  & img { width: 45%; }
}
}
.banner_content_box {
    width: 66%;
}
@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; }
  .banner-content-bottom .g_line::before {
  display: none;
    }
    .banner-content-bottom .g_line::after {
  display: none;
    }
    .banner-para {
      margin-bottom: 4px;
      min-width: unset;
    }
    .banner-content-bottom {
      flex-direction: column;
    }
}
@media (max-width: 1280px) {
  .banner_content_box h1 {
      font-size: 23px;
    }
    .banner-content-bottom .g_line::before {
      right: -18px;
    }
    .banner-content-bottom .g_line::after {
      left: -20px;
    }
}
@media (max-width: 767px) {

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


.there-section ul {display: flex;flex-wrap: nowrap;gap: 0px;padding: 8px 0;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: 0px;}
.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: 700;fill: rgb(43 79 33);color: rgb(43 79 33);border-radius: 10px;padding: 9px 9px;cursor: pointer;}
  .custom-col { padding: 0px; }
  .loct-img { margin-bottom: 0px; margin-top: 15px; }
  .there-section ul li {padding: 5px 3px;width: 33.3%;text-align: center;border-right: 1px solid #000;}
  .there-section ul li:last-child{
    border-right: 0;
  }
  .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%;flex: 25%;}
  .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: 22px;font-weight: 700;text-align: center;margin-bottom: 15px; margin-top: 15px;}
  .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: 0px 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 6px;font-weight: 100;}
  .AppHeader {position: fixed;left: 0px;right: 0px;width: 100%;z-index: 9;top: 0px;background: rgb(0 0 0);}
  .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: 0px;}
  .properties_section .proj-heading {font-size: 21px;margin-bottom: 10px;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: 50px;}
  .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%; }

    .pricelist-container .title {
      font-size: 21px;
  }
  .pricelist-container .title1 {
      font-size: 21px;
  }
  .form-div {
    margin: 0 10px;
  }
  .container-fluid.high_sec{
    max-width: 100%;
  }
  .banner_img_box::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 23%;
      background: linear-gradient(to top, rgb(0 0 0 / .8) 0%, rgb(0 0 0 / .6) 70%, #fff0 100%);
      z-index: 1;
  }
  .banner_content_box {
    width: 100%;
    gap: 0;
    bottom: 22%;
  }
  .banner_content_box h1 {
    width: 100%;
    font-size: 21px;
    gap: 16px;
    justify-content: center;
  }
  .banner_g_lineL {
    width: 30px;
  }
  .banner_g_lineR {
    width: 30px;
  }
      .banner-content-bottom {
        display: none;
    }
    .mobile_price_content {
      background-color: #000;
      padding: 0;
  }
  .bannerSection .carousel-inner .sliderimg {
        min-height: 458px;
        height: 458px;
    }
    .logo img {
      filter: invert(1);
    }
    .mobile_price_content>.banner-para {
    border: .2px solid #fff;
    background-color: #000;
    border-left: 0;
    border-right: 0;
}

.mobile_price_content .banner-para {
    margin-top: 0;
    padding: 15px 0;
    font-size: 14px;
}
.banner-mobile-content-bottom {
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
}
.mobile_price_content .banner-para {
    margin-top: 0;
    padding: 15px 0;
    font-size: 14px;
}
.mobile_g_line {
    position: relative;
}
.mobile_g_line::after {
    content: "";
    width: .5px;
    height: 70px;
    background: #fff;
    background: linear-gradient(2deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #fff0 100%);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%) rotate(180deg);
    z-index: 99;
}
.banner-para span {
    font-size: 28px;
}
.m_view{
  display: none;
}
.pricelist-container {
        padding: 50px 0px;
    }

    /* .bannerSection .carousel-item img{
      height: 100vh;
    } */
  .banner-para {
    min-width: 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); }
}