.header { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 99; padding: 2px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.header.active { background: var(--black); animation: 0.9s ease 0s 1 normal none running slide-down; }
.inner-header { align-items: center; }
.header .container { padding: 0px; }
@keyframes slide-down { 
  0% { opacity: 1; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
.logo img { max-height: 40px; }
.navmenu { margin: auto 0px auto auto; }
.navmenu li { padding: 8px 10px; }
.navmenu li a { font-size: 16px; color: var(--white); }
.overview-container { padding-bottom: 90px; padding-top: 90px; position: relative; z-index: 0; background: url("../images/others/img3.webp"); }
.overview-container .container { position: relative; z-index: 1; }
.overview-container .pera { margin-bottom: 17px; margin-top: 15px; letter-spacing: 1px; line-height: 27px; font-size: 15px; }
.overview-container .custombtn { padding: 8px 26px; overflow: hidden; }
.overview-container .custombtn img { width: 23px; margin-left: 10px; animation: 1.5s ease-in-out 0s infinite normal none running arrow-down; }
.overview-container .custombtn:hover img { filter: brightness(5.5); }
.overview-container .imgdiv { position: relative; }
.overview-container .imgdiv::after { content: ""; position: absolute; right: 0px; top: 4%; height: 23%; width: 21%; background: url("../images/icons/vectorimg.webp"); z-index: -1; }
.overview-container .topimg { box-shadow: var(--shadow); border: 15px solid var(--white); width: 74%; }
.overview-container .bottomimg { position: absolute; right: 0%; bottom: 0px; border: 15px solid var(--white); box-shadow: var(--shadow); width: 62%; }
.overview-container .yrExpdiv { margin-top: 19px; height: 138px; width: 176px; background: var(--white); position: relative; box-shadow: rgba(15, 28, 51, 0.1) 0px 4px 63px 0px; flex-direction: column; }
.overview-container .yrExpdiv .years { font-size: 35px; color: var(--gold); font-weight: 600; }
.overview-container .yrExpdiv .text { font-size: 20px; text-transform: capitalize; }
.highlights-contaier { padding: 90px 0px; background: var(--black); position: relative; color: var(--white); }
.highlights-contaier .commonPattern { right: 0px; width: 100%; background: url("../images/others/sections-bg.webp") right center no-repeat rgba(255, 255, 255, 0); opacity: 0.1; }
.highlights-contaier .headings-div { margin-bottom: 25px; }
.highlights-contaier .common-heading { font-size: 32px; }
.highlights-contaier .desc { font-size: 16px; margin-bottom: 25px; letter-spacing: 1px; }
.highlights-contaier .custombtn { padding: 10px 45px; }
.highlights-contaier .common-box { border-bottom: 1px solid rgb(238, 238, 238); }
.highlights-contaier .common-box:last-child { border-bottom: 0px; }
.highlights-contaier .text-div { padding: 17px 40px; width: 86%; border-left: 1px solid rgb(238, 238, 238); }
.highlights-contaier .num { font-size: 34px; margin-bottom: 0px; display: block; opacity: 0.5; min-width: 60px; }
.highlights-contaier .text { font-size: 18px; }
.highlights-img { padding: 15px; background-color: rgb(255, 255, 255); position: relative; }
.highlights-img::after { content: ""; position: absolute; right: 0px; top: 4%; height: 23%; width: 21%; background: url("../images/icons/vectorimg.webp"); z-index: -1; }
.pricelist-container { padding: 70px 0px; animation: 7s ease 0s infinite alternate none running wave-bg; border-top: 0.02px solid rgba(238, 238, 238, 0.49); background: url("../images/others/background-img.webp") center bottom no-repeat rgb(238, 238, 238); }
.pricelist-container .common-title { margin-left: auto; margin-right: auto; }
.pricelist-container .common-heading { text-align: center; }
.pricelist-container .tabs { border: 1px solid var(--primary); border-radius: 50px; width: fit-content; overflow: hidden; margin-bottom: 50px; }
.pricelist-container .tab-link { padding: 8px 45px; color: var(--primary); display: block; transition: 0.4s ease-in-out; }
.pricelist-container .tabs .tab-link.active, .pricelist-container .tabs .tab-link:hover { background: var(--secondary); color: var(--white); }
.pricingbox { gap: 35px; margin-top: 45px; }
.pricingbox .box { padding: 25px; border: 1px solid rgb(243, 231, 220); width: calc(33% - 20px); text-align: center; background: rgba(255, 255, 255, 0.34); border-radius: 5px; transition: 0.5s ease-in-out; }
.pricingbox .box:hover { box-shadow: var(--shadow); margin-top: -15px; }
.pricingbox .heading { font-size: 27px; font-family: Montserrat; margin-bottom: 10px; }
.pricingbox .price, .pricingbox .sizes { display: flex; align-items: center; gap: 0px 5px; justify-content: center; margin-bottom: 12px; font-size: 18px; }
.pricingbox .price { flex-wrap: wrap; }
.pricingbox .price strong, .pricingbox .sizes strong { font-size: 18px; }
.pricingbox .custombtn { padding: 10px 45px; }
.floorplan-container { padding: 90px 0px; color: var(--black); }
.floorplan-container .common-title { margin-left: auto; margin-right: auto; }
.floorplan-container .common-heading { text-align: center; }
.floorplan-container .flex-plans-div { gap: 30px 0px; }
.floorplan-container .plans-box { padding: 15px; }
.floorplan-container .inner-col { border: 3px solid var(--primary); }
.floorplan-container .floor-img { padding: 5px; }
.floorplan-container .typo { font-size: 26px; text-transform: uppercase; text-align: center; background: var(--primary); color: var(--white); width: 100%; display: block; }
.floorplan-container .positiondbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--primary); color: var(--white); padding: 8px 26px; border: 0px; font-size: 16px; box-shadow: var(--shadow); text-transform: capitalize; border-radius: 4px; }
.floorplan-container .positiondbtn:hover { margin-top: -8px; }
.floorplan-container .headings { margin-bottom: 45px; }
.floorplan-container::after { background: url("../images/f-plans/bg-floor1.webp"); opacity: 0.4; }
.amenities-container { padding: 70px 0px; position: relative; }
.amenities-container .patterndiv { background: url("../images/others/vector.jpeg") 0% 0% / contain repeat; }
.amenities-container .head { margin-bottom: 45px; display: grid; justify-content: center; }
.amenities-container .head .common-title { margin: 0px auto 10px; }
.amenities-container .wrapper { max-width: 95%; margin: 0px auto; position: relative; z-index: 1; }
.gridAme { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; justify-content: center; align-items: center; gap: 80px; max-width: 74%; margin: 0px auto; }
.gridAme .imgbox:first-child { grid-area: 1 / 1 / 3 / 2; }
.gridAme .imgbox:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.amenities-container .imgbox { position: relative; margin: 0px; }
.amenities-container .am-images { filter: brightness(0.7); width: 100%; object-fit: cover; }
.amenities-container .fig-cap { position: absolute; bottom: 50%; backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.74); padding: 7px 14px; display: block; border-radius: 3px; left: -21%; box-shadow: var(--shadow); text-transform: capitalize; }
.location-container { padding: 90px 0px; background: var(--white); height: 100%; }
.location-container .headings { margin-bottom: 40px; }
.location-container .listng_ul { margin-top: 30px; }
.location-container .mapwrapper { height: 100%; }
.location-container .lsit_li { font-size: 16px; padding-bottom: 31px; position: relative; }
.location-container .lsit_li:last-child { padding-bottom: 0px; }
.location-container .lsit_li::after, .location-container .lsit_li::before { position: absolute; content: ""; height: 2px; background: var(--primary); top: -20px; left: 0px; width: 100%; }
.location-container .lsit_li::before { height: 15px; width: 2px; left: 30px; }
.location-container .list_right { text-align: right; }
.location-container .list_right::before { left: inherit; right: 30px; }
.location-container .list_right::after { left: 0px; right: inherit; }
.location-container span.btn { color: var(--white); width: fit-content; background: var(--primary); margin: 7px auto 0px; padding: 10px 15px; border-radius: 4px; border: 2px solid var(--primary); font-weight: 600; }
.location-container .imgdiv { position: sticky; height: fit-content; top: 15px; }
.location-container .imgdiv_inner { width: 100%; }
.gallery-container { padding: 90px 0px; background: rgb(249, 247, 240); }
.gallery-container .headingsdiv { max-width: 1300px; margin: 0px auto; padding: 0px 15px 25px; }
.gallery-container .container { max-width: 100%; }
.gallery-container .flex-div { justify-content: center; gap: 0px 15px; }
.gallery-container .gallay-img_tag { width: 17%; display: block; transition: 0.5s ease-in-out; }
.gallery-container .gallay-img_tag.active { width: calc(27% - 15px); }
.gallery-container .gallay-img_tag.active img { filter: unset; }
.gallery-container .gallay-img_tag img { width: 100%; height: 600px; object-fit: cover; filter: brightness(0.6); transition: 0.4s ease-in-out; }
.discalimerdiv .pera { margin-bottom: 10px; font-size: 12px; }
@media (max-width: 1600px) {
  .overview-container .yrExpdiv { margin-top: -63px; left: 22px; }
  .overview-container .bottomimg { height: 65%; }
  .gridAme { gap: 77px; max-width: 95%; }
  .gallery-container .gallay-img_tag img { height: 400px; }
}
@media (max-width: 1380px) {
  .highlights-contaier .text { font-size: 15px; }
  .highlights-contaier .text-div { padding: 10px 24px; width: 86%; border-left: 1px solid rgb(238, 238, 238); }
  .highlights-contaier .num { font-size: 28px; }
}
@media (max-width: 1280px) {
  .highlights-contaier .text { font-size: 15px; }
  .highlights-contaier .text-div { padding: 10px 24px; width: 86%; border-left: 1px solid rgb(238, 238, 238); }
  .highlights-contaier .num { font-size: 28px; }
}
@media (max-width: 992px) {
  .header { padding: 2px 0px; }
  .header .container { padding: 0px 15px; }
  .navmenu { position: fixed; left: -100%; top: 0px; bottom: 0px; background: var(--black); width: 80%; transition: 0.4s ease-in-out; display: block !important; }
  .navmenu.active { left: 0px; background: var(--black); }
  .navmenu li a { font-size: 14px; }
  .overview-container .imgdiv { margin-top: 25px; }
  .pricingbox .box { width: calc(49% - 20px); }
  .floorplan-container .typo { font-size: 20px; }
  .gallery-container .headingsdiv { padding-left: 15px; }
  .gallery-container .flex-div { gap: 15px; }
  .gallery-container .gallay-img_tag { flex: 1 0 30%; }
  .gallery-container .gallay-img_tag img { height: 280px; }
}
@media (max-width: 767px) {
  .overview-container { padding: 30px 0px; margin-top: 0px; }
  .overview-container .cols { padding: 0px; }
  .overview-container .custombtn { width: fit-content; display: block; margin: 0px auto; }
  .overview-container .pera { margin-bottom: 11px; font-size: 14px; text-align: center; line-height: 25px; }
  .highlights-contaier { padding: 30px 0px; }
  .highlights-contaier .common-heading { font-size: 26px; }
  .highlights-contaier .desc { font-size: 14px; }
  .highlights-contaier .num { font-size: 27px; }
  .highlights-contaier .text-div { padding: 4px 16px; }
  .highlights-contaier .icon { width: 57px; height: 35px; padding: 0px 10px; }
  .highlights-contaier .text { font-size: 14px; }
  .highlights-contaier .common-box { border-bottom: 1px solid rgb(238, 238, 238) !important; }
  .highlights-contaier .custombtn { margin: 0px auto; padding: 4px 50px; }
  .highlights-contaier .wrap-left { text-align: center; position: static; margin-bottom: 25px; }
  .highlights-contaier .wrap-left, .highlights-contaier .points-div, .highlights-contaier .bottom-flex { padding: 0px; }
  .amenities-container { padding: 30px 0px; }
  .amenities-container .wrapper { padding: 0px 15px; width: 100%; }
  .amenities-container .head { margin-bottom: 15px; padding: 0px; }
  .amenities-container .am-images { height: 196px; }
  .amenities-container .fig-cap { left: 0px; right: 0px; bottom: 0px; border-radius: 0px; text-align: center; background: rgba(255, 255, 255, 0.36); color: var(--white); font-size: 13px; }
  .gridAme { display: flex; flex-wrap: wrap; max-width: 100%; gap: 5px; }
  .amenities-container .imgbox { width: 49%; }
  .pricelist-container { padding: 30px 0px; background: url("../images/others/background-img.webp") rgb(238, 238, 238); animation-duration: 20s; }
  .pricelist-container .price strong, .pricelist-container .sizes strong { font-size: 24px; }
  .pricingbox .box { width: 100%; padding: 15px 13px; }
  .pricingbox .heading { font-size: 24px; }
  .location-container { padding: 30px 0px; }
  .location-container .headings { margin-bottom: 15px; }
  .location-container .listng_ul { padding: 0px; }
  .location-container .lsit_li {
  font-size: 14px; text-align: left; padding-left: 45px; padding-bottom: 10px; background: url("../images/icons/map.svg") 3px 5px / 23px no-repeat; border-bottom: 1px solid rgb(183, 146, 108); margin-bottom: 6px;
  & b { font-size: 16px; }
}
  .location-container .lsit_li::before { display: none; }
  .location-container .lsit_li::after { content: ""; position: absolute; top: 5px; left: 10px; width: 25px; height: 25px; background-image: url("https://gtftech.in/m3m-scda-office-space/images/icons/location-icon.webp"); background-size: contain; background-repeat: no-repeat; background-position: center center; filter: invert(1); background-color: transparent; }
  .location-container .lsit_li { border-bottom: none; margin-bottom: 12px; }
  .location-container .imgdiv { margin: 15px 0px; }
  .location-container .imgdiv img { width: 137px; }
  .location-container span.btn { padding: 6px 11px; font-size: 14px; font-weight: 400; }
  .floorplan-container { padding: 30px 0px; }
  .gallery-container { padding: 30px 0px; }
  .gallery-container .gallay-img_tag { flex: 1 0 47%; }
  .gallery-container .gallay-img_tag.active { flex: 1 0 100%; }
  .gallery-container .gallay-img_tag img { height: 227px; }
  .contact-section .right-col { padding: 0px; }
  .contact-section .from-col { margin-top: 15px; padding: 0px; }
  .sitefooter { padding-bottom: 80px; }
  .logo img { max-height: 60px; }
}
@keyframes zoomOutEffect { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes btnborder { 
  50% { border-color: var(--primary); background: rgba(0, 0, 0, 0.33); }
}
@keyframes fixedbtn { 
  50% { background: var(--black); border-color: var(--white); color: var(--white); }
}
@keyframes headingColor { 
  50% { color: var(--white); }
}
@keyframes arrow-down { 
  0% { transform: translateY(-30px); }
  100% { transform: translateY(0px); }
}
@keyframes wave-bg { 
  0% { background-position: 90% center; }
  100% { background-position: 71% center; }
}
@keyframes zoom_circle { 
  50% { transform: scale(1.1); }
}
@keyframes wave { 
  0% { background-position: 0% bottom; }
  50% { background-position: 50% bottom; }
  100% { background-position: 100% bottom; }
}
.blinkAnimation { animation: 1s linear 0s infinite normal none running blinker; font-weight: 900; }
@keyframes blinker { 
  50% { opacity: 0; }
}
img.img-fluid.patch-img { position: absolute; top: 0px; left: 0px; z-index: 9; width: 25%; transform: scale(1.02); }
@media (max-width: 768px) {
  .header { background-color: rgb(255, 255, 255); }
  .header.active { background-color: rgb(255, 255, 255); }
  .logo img { filter: unset !important; }
  .menuIcon img { filter: invert(); }
}
.projectbox { padding: 60px 0px; background: rgb(255, 255, 255); }
.projectbox_card {background-color: rgb(255, 255, 255);border-radius: 20px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px;transition: 0.3s ease-in-out;max-width: 380px;margin: 25px auto;font-family: "Helvetica Neue", sans-serif;display: flex;flex-direction: column;POSITION: RELATIVE;}
.projectbox_card:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 36px; }
.project_image img { width: 100%; height: 220px; object-fit: cover; display: block; }
.project_content {padding: 20px 16px 30px;background-color: #fff;}
.project_title {font-size: 1.5rem;font-weight: bold;color: rgb(10, 31, 68);margin-bottom: 10px;text-align: center;}
.project_title img{
  max-width: 150px;
  height: 75px;
}
.project_location { font-size: 14px; color: rgb(85, 85, 85); margin-bottom: 10px; background: rgba(20, 92, 143, 0.03); padding: 8px; }
.project_typology, .project_size { font-size: 18px; font-weight: 600; color: rgb(102, 102, 102); margin-bottom: 0px; text-transform: capitalize; }
.project_price { font-size: 1.1rem; font-weight: 600; color: rgb(14, 87, 164); margin-top: 14px; }
.price__ { font-size: 26px; }
.project_price .MontserratFont { font-family: Montserrat, sans-serif; }
.project_btn { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
/* .project_btn .btn-praveen { background: linear-gradient(135deg, #54bc06, #0e57a4); color: white; border: none; padding: 10px 22px; border-radius: 30px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: background 0.3s; text-transform: capitalize;animation: Gradient 3s ease infinite;background-size: 400% 400%; } */
/* .project_btn .btn-praveen:hover { background: linear-gradient(135deg, rgb(14, 87, 164), rgb(84, 188, 6)); } */
.project_btn .btn-praveen {background: linear-gradient(45deg, #54bc06, #0e57a4, #54bc06, #0e57a4);background-size: 400% 400%;animation: Gradient 3s ease infinite;color: #fff!important; border: none; padding: 10px 22px; border-radius: 4px; font-size: 0.95rem; font-weight: 600; width: 49%;}
@keyframes Gradient {
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}