{"version":3,"sources":["_fonts.scss","_colors.scss","_variables.scss","style.css","_globals.scss","_header.scss","pages/_home.scss","_mixins.scss","pages/_german-precision.scss","pages/_performance.scss","pages/_slider.scss","media/_home.scss","media/_globals.scss","media/_header.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["// @import url(\"https://fonts.googleapis.com/css2?family=Lora&family=Nanum+Gothic:wght@400;500;600;700;800&display=swap\");\n\n// @import url('https://fonts.cdnfonts.com/css/avenir');\n// @import url('https://fonts.cdnfonts.com/css/copperplate');\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');",":root {\n  // ------Root Color-----\n  --pc: #ea3d28;\n  --p-color: #061c3d;\n  // ------Root Background Color-----\n  --bg-color: #fffceb;\n  --footer-bg: #252525;\n  --header-bg: #14131300;\n  --gray-color: #6f6f6f;\n  // ------Common Color-----\n  --white: #FEFEFE;\n  --black: #000000;\n}\n\n// ------Root Color-----\n$pc: var(--pc);\n$p-color: var(--p-color);\n// ------Root Background Color-----\n$bg-color: var(--bg-color);\n$footer-bg: var(--footer-bg);\n$header-bg: var(--header-bg);\n$gray-color: var(--gray-color);\n// ------Common Color-----\n$white: var(--white);\n$black: var(--black);\n",":root {\n  // -----------Animation Time----------\n  --ani-2: all 0.2s 0s ease;\n  --ani-3: all 0.3s 0s ease;\n  --ani-4: all 0.4s 0s ease;\n  --ani-5: all 0.5s 0s ease;\n  // -----------Opecity----------\n  --op-thr: 0.3;\n  --op-n: 0.9;\n  --op-e: 0.8;\n  --op-f: 0.5;\n  // _______________Font Type__________________\n  --font-t: 100;\n  --font-el: 200;\n  --font-l: 300;\n  --font-r: 400;\n  --font-m: 600;\n  --font-sb: 700;\n  --font-b: 800;\n  --font-black: 900;\n  --font-eblack: 950;\n  --font-demi: 600;\n}\n\n// _____________REM______________\n$rem-size: 20px;\n@media (max-width: 600px) {\n  $rem-size: 16px;\n}\n// _____________Background Images Location______________\n$localbg: \"../../assets/images\";\n// -----------Animation Time----------\n$ani-2: var(--ani-2);\n$ani-3: var(--ani-3);\n$ani-4: var(--ani-4);\n$ani-5: var(--ani-5);\n// -----------Opecity----------\n$op-thr: var(--op-thr);\n$op-n: var(--op-n);\n$op-e: var(--op-e);\n$op-f: var(--op-f);\n// _____________________Font Veriable___________________\n$pf-font: 'Roboto', sans-serif;\n// $pf-font: \"Crimson Pro\", sans-serif;\n$sf-font: 'Roboto', serif;\n// _______________Font Type__________________\n$font-t: var(--font-t); //Thin (Hairline)\n$font-el: var(--font-el); //Extra Light (Ultra Light)\n$font-l: var(--font-l); //Light\n$font-r: var(--font-r); //Normal (Regular)\n$font-m: var(--font-m); //Medium\n$font-sb: var(--font-sb); //Semi Bold (Demi Bold)\n$font-b: var(--font-b); //Bold\n$font-eb: var(--font-eb); //Extra Bold (Ultra Bold)\n$font-black: var(--font-black); //Black (Heavy)\n$font-eblack: var(--font-eblack); // Extra Black (Ultra Black)\n$font-demi: var(--font-demi); //600\n$font-d: var(--font-demi); //600\n\n/*\nFutura PT, Medium-\nFutura PT, Book-\nFutura PT, Demi\n\n*/\n","@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap\");\n:root {\n  --pc: #ea3d28;\n  --p-color: #061c3d;\n  --bg-color: #fffceb;\n  --footer-bg: #252525;\n  --header-bg: #14131300;\n  --gray-color: #6f6f6f;\n  --white: #FEFEFE;\n  --black: #000000;\n}\n\n:root {\n  --ani-2: all 0.2s 0s ease;\n  --ani-3: all 0.3s 0s ease;\n  --ani-4: all 0.4s 0s ease;\n  --ani-5: all 0.5s 0s ease;\n  --op-thr: 0.3;\n  --op-n: 0.9;\n  --op-e: 0.8;\n  --op-f: 0.5;\n  --font-t: 100;\n  --font-el: 200;\n  --font-l: 300;\n  --font-r: 400;\n  --font-m: 600;\n  --font-sb: 700;\n  --font-b: 800;\n  --font-black: 900;\n  --font-eblack: 950;\n  --font-demi: 600;\n}\n\n/*\nFutura PT, Medium-\nFutura PT, Book-\nFutura PT, Demi\n\n*/\nbody,\nhtml {\n  font-family: \"Roboto\", sans-serif;\n  line-height: 1;\n  font-size: 20px;\n  font-weight: var(--font-r);\n  color: var(--p-color);\n  margin: 0;\n  padding: 0;\n  background-color: #010101;\n}\n\nbody.scroll-hidden {\n  overflow: hidden;\n}\n\n* {\n  font-family: \"Roboto\", sans-serif;\n  box-sizing: border-box;\n}\n\n.d-none {\n  display: none;\n}\n\n.h1,\nh1,\n.h2,\nh2,\n.h3,\nh3,\n.h4,\nh4,\n.h5,\nh5,\n.h6,\nh6 {\n  line-height: 1.2;\n}\n\n.h1,\nh1 {\n  font-weight: var(--font-r);\n  font-family: \"Roboto\", serif;\n  font-size: 2.85rem;\n  line-height: 2.9rem;\n}\n\n.h2,\nh2 {\n  font-weight: var(--font-r);\n  font-size: 2.15rem;\n  font-family: \"Roboto\", serif;\n}\n\n.h3,\nh3 {\n  font-weight: var(--font-sb);\n  font-size: 1.6rem;\n}\n\n.h4,\nh4 {\n  font-weight: var(--font-sb);\n  font-size: 1.3rem;\n}\n\n.h5,\nh5 {\n  font-weight: var(--font-m);\n  font-size: 1.05rem;\n}\n\n.h6,\nh6 {\n  font-weight: var(--font-b);\n  font-size: 0.8rem;\n}\n\np {\n  color: #fff;\n  font-weight: var(--font-r);\n  margin: 0;\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n}\n\nul,\nli {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nimg {\n  display: block;\n  width: auto;\n  height: auto;\n}\n\nsvg {\n  width: auto;\n  height: auto;\n}\n\n.btn,\nselect {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.btn {\n  background-color: var(--pc);\n  padding: 0.6rem 1.6rem;\n  border-radius: 0.3rem;\n  border: unset;\n  font-size: 0.9rem;\n  font-weight: var(--font-b);\n  color: var(--white);\n  cursor: pointer;\n}\n\n.sec-title {\n  font-size: 1.8rem;\n  font-weight: var(--font-b);\n  line-height: 1.4;\n  margin-block: 0 1.75rem;\n}\n.sec-title span {\n  font-weight: var(--font-sb);\n}\n\n.btn-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.btn-container a {\n  width: fit-content;\n  display: block;\n}\n\ntldx-lmi-shadow-root {\n  display: none;\n}\n\n@media (max-width: 1920px) {\n  html,\n  body {\n    font-size: 20px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 86rem;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 1920px) {\n  html,\n  body {\n    font-size: 20px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 86rem;\n    margin: 0 auto;\n  }\n}\n:root {\n  --secondary-color: #333;\n  --text-color: #444;\n  --white: #fff;\n}\n\n.header {\n  width: 100%;\n  background: #000;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.nav {\n  margin-inline: auto;\n  padding: 50px 0px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.logo {\n  width: 0;\n}\n\n.nav-links {\n  display: flex;\n  gap: 2rem;\n  list-style: none;\n  width: 50%;\n}\n\n.nav-links a {\n  text-decoration: none;\n  color: var(--white);\n  font-weight: 500;\n  transition: color 0.3s ease;\n}\n.nav-links a:hover {\n  background: linear-gradient(270deg, #B98B44 0%, #D9AE5C 50%, #FFE784 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.contact-btn {\n  background: #B98B44;\n  color: var(--white);\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 1.375rem;\n  font-size: 0.9rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n\n.contact-btn-arrow {\n  background: #B98B44;\n  color: var(--white);\n  border: none;\n  padding: 1rem;\n  border-radius: 50%;\n  font-size: 0.9rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n\n.button-container {\n  display: flex;\n  position: relative;\n}\n\n.button-container:hover .contact-btn {\n  transform: translateX(calc(100% - 74px)); /* Move right by 100% + gap */\n}\n\n.button-container:hover .contact-btn-arrow {\n  transform: translateX(calc(-100% - 74px)); /* Move left by 100% + gap */\n}\n\n.mobile-menu {\n  display: none;\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  cursor: pointer;\n}\n\nbody.no-scroll {\n  overflow: hidden;\n  padding-right: 15px;\n}\n\nmain {\n  overflow-x: hidden;\n  overflow-y: hidden;\n  color: #fefefe;\n}\n\n.slick-slider2 {\n  width: 100%;\n  margin: auto;\n}\n\n.slick-slide {\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n  overflow: unset !important;\n}\n\n.banner.container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n}\n\n.building-image image {\n  width: 100%;\n  object-fit: cover;\n  border-radius: 20px;\n}\n\n.slider-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 1200px;\n  margin: unset;\n  padding-left: 100px;\n}\n\n.banner {\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  height: 34.1rem;\n}\n.banner #home {\n  position: relative;\n}\n.banner .slider {\n  width: 300px;\n  overflow: hidden;\n  position: relative;\n}\n.banner .slider-wrapper {\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n}\n.banner .card {\n  min-width: 300px;\n  padding: 20px;\n  background: #f4f4f4;\n  text-align: center;\n  border-radius: 10px;\n  margin: 10px;\n}\n.banner .controls {\n  text-align: center;\n  margin-top: 10px;\n}\n.banner .controls button {\n  padding: 10px;\n  margin: 5px;\n  cursor: pointer;\n}\n.banner .content {\n  width: 39rem;\n  text-align: center;\n  position: relative;\n  z-index: 2;\n}\n.banner .content .content-l {\n  background: #000000;\n  padding-right: 3.45rem;\n  padding-left: 3.45rem;\n  border-radius: 0.9rem;\n  border: 1px solid transparent;\n  margin-top: 5rem;\n  height: 25.5rem;\n}\n.banner .content .content-l h2 {\n  margin: 0;\n  margin-bottom: 1rem;\n  font-size: 2.3rem;\n  font-weight: 300;\n}\n.banner .content .content-l .amenities {\n  font-size: 1rem;\n  color: #fff;\n  font-weight: 400;\n  line-height: 1.25rem;\n  max-width: 30rem;\n}\n.banner .content .content-l .image {\n  position: relative;\n  top: 2rem;\n  height: 8.5rem;\n  width: 100%;\n  border-radius: 10px;\n}\n.banner .content .content-l .image .img-indx {\n  width: 100%;\n  height: calc(9.5rem / 1px) px;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n.banner .content .content-l .image .img-indx img {\n  width: 100%;\n  height: -webkit-fill-available;\n  object-fit: cover;\n  border-radius: 10px;\n}\n.banner .content .content-l .image::before,\n.banner .content .content-l .image::after {\n  content: \"\";\n  position: absolute;\n  width: 2.5rem;\n  height: 14.5rem;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0.6rem;\n}\n.banner .content .content-l .image::before {\n  background-image: url(\"../images/left_border.svg\"); /* Replace with actual image */\n  top: -109%;\n  left: -2.4rem;\n}\n.banner .content .content-l .image::after {\n  background-image: url(\"../images/right_border.svg\"); /* Replace with actual image */\n  top: -109%;\n  right: -3.7rem;\n}\n.banner .building-image {\n  position: absolute;\n  width: 52%;\n  height: auto;\n}\n\n.urban-living {\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 3.5rem;\n  margin: unset;\n}\n.urban-living .text-content {\n  display: flex;\n  justify-content: space-between;\n}\n.urban-living .text-content .abt-left {\n  width: 35%;\n}\n.urban-living .text-content .abt-left h3 {\n  margin-bottom: 1rem;\n}\n.urban-living .text-content .abt-left .button-container-abt {\n  padding-top: 1.5rem;\n  display: flex;\n  position: relative;\n  max-width: fit-content;\n}\n.urban-living .text-content .abt-left .abt-btn {\n  background: #000000;\n  color: var(--white);\n  border: 0.05rem solid #fefefe;\n  padding: 0.5rem 1rem;\n  border-radius: 1.375rem;\n  font-size: 0.8rem;\n  line-height: 1.05rem;\n}\n.urban-living .text-content .abt-left .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n}\n.urban-living .text-content .abt-right {\n  width: 100%;\n  padding-top: 1.5rem;\n}\n.urban-living .text-content p {\n  font-size: 1rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.65rem;\n}\n.urban-living .image-container {\n  padding-top: 60px;\n  display: flex;\n  gap: 1.5rem;\n  width: 100%;\n}\n.urban-living .image-container .image-left,\n.urban-living .image-container .image-right {\n  transition: all 0.8s linear;\n  border-radius: 1rem;\n  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);\n  height: 25rem;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  object-fit: cover;\n}\n.urban-living .image-container .image-left img,\n.urban-living .image-container .image-right img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 10px;\n}\n.urban-living .image-container .image-left {\n  width: 90%;\n}\n.urban-living .image-container .image-right {\n  width: 45%;\n}\n.urban-living .image-container .image-container:hover {\n  pointer-events: none;\n}\n.urban-living .Urban-slider {\n  padding-top: 5rem;\n  background: #000;\n}\n.urban-living .Urban-slider .Urban-slider-wrapper {\n  display: flex;\n  align-items: left;\n  justify-content: space-between;\n  gap: 2.5rem;\n}\n.urban-living .Urban-slider .Urban-item {\n  text-align: left;\n  color: #fff;\n  flex: 1;\n}\n.urban-living .Urban-slider .Urban-item h3 {\n  margin: 0 0 0.3rem;\n  line-height: 1.1;\n  white-space: nowrap;\n}\n.urban-living .Urban-slider .Urban-item h3:hover {\n  color: #f9ad09;\n}\n.urban-living .Urban-slider .Urban-item p {\n  color: #fff;\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 400;\n  opacity: 0.85;\n  line-height: 1.4;\n}\n.urban-living .urban-dots {\n  display: none;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1rem;\n}\n.urban-living .urban-dots .dot {\n  width: 0.4rem;\n  height: 0.4rem;\n  border-radius: 50%;\n  background: #555;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n.urban-living .urban-dots .dot.active {\n  background: #fff;\n  transform: scale(1.3);\n}\n\n@media (max-width: 768px) {\n  .Urban-slider-wrapper {\n    display: flex;\n    gap: 2.5rem;\n    overflow-x: auto; /* ✅ must */\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n  }\n  .Urban-slider-wrapper::-webkit-scrollbar {\n    display: none;\n  }\n  .Urban-item {\n    flex: 0 0 85%; /* adjust if you want */\n    scroll-snap-align: start;\n  }\n  .urban-dots {\n    display: flex !important;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .urban-dots .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #555;\n    cursor: pointer;\n    transition: 0.3s;\n  }\n  .urban-dots .dot.active {\n    background: #fff;\n    transform: scale(1.3);\n  }\n}\n.address-section {\n  padding-top: 2.7rem;\n  position: relative;\n}\n.address-section .address-box {\n  display: flex;\n  gap: 1.5rem;\n  background-image: url(../images/abt-bg.svg);\n  background-repeat: no-repeat;\n  background-position: 54% 68%;\n}\n.address-section .address-box .content {\n  width: 50%;\n  position: relative;\n}\n.address-section .address-box .content h2 {\n  padding-top: 1rem;\n}\n.address-section .address-box .content .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n  margin-bottom: 1rem;\n}\n.address-section .address-box .content p {\n  font-size: 0.8rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.05rem;\n}\n.address-section .address-box .content .button-container-abt {\n  padding-top: 1.5rem;\n  display: flex;\n  position: relative;\n  max-width: fit-content;\n  z-index: 1;\n}\n.address-section .address-box .content .button-container-abt .abt-btn {\n  background: #000000;\n  color: var(--white);\n  border: 0.05rem solid #fefefe;\n  padding: 0.5rem 1rem;\n  border-radius: 1.375rem;\n  font-size: 0.8rem;\n  line-height: 1.05rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n.address-section .address-box .content .button-container-abt .abt-btn-arrow {\n  background: #000000;\n  color: var(--white);\n  border: 0.05rem solid #fefefe;\n  padding: 1rem;\n  border-radius: 50%;\n  font-size: 0.9rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n.address-section .address-box .content .button-container-abt:hover .abt-btn {\n  transform: translateX(calc(100% - 145px));\n}\n.address-section .address-box .content .button-container-abt:hover .abt-btn-arrow {\n  transform: translateX(calc(-100% - 145px));\n}\n.address-section .address-box .content picture img {\n  width: 86%;\n  position: absolute;\n  left: 23%;\n  top: 70%;\n}\n.address-section .address-box .info-boxes {\n  width: 50%;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n  z-index: 2;\n  background-color: #000000;\n  padding: 0.25rem;\n}\n.address-section .address-box .info-boxes .info-box {\n  background: linear-gradient(123.73deg, hsla(0, 0%, 55%, 0.4) 11.24%, hsla(0, 0%, 21%, 0.2) 80.18%);\n  padding: 20px;\n  border-radius: 1.6rem;\n  display: flex;\n  align-items: start;\n  gap: 15px;\n  flex-direction: column;\n}\n.address-section .address-box .info-boxes .info-box p {\n  font-size: 0.9rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.2rem;\n}\n.address-section .add-img .add-img-2 {\n  position: absolute;\n  top: 100%;\n  right: -13%;\n}\n\n.epicenter-section {\n  padding-top: 5rem;\n  padding-bottom: 1.5rem;\n}\n.epicenter-section .highlights {\n  margin-top: 30px;\n}\n.epicenter-section .highlights .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n  margin-bottom: 1rem;\n}\n.epicenter-section .highlights h4 {\n  font-size: 1.05rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.05rem;\n  font-family: \"Roboto\", serif;\n}\n.epicenter-section .highlights .highlights-box {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: space-between;\n}\n.epicenter-section .highlights .highlights-box h3 {\n  margin-bottom: 1rem;\n}\n.epicenter-section .highlights .highlights-box .mb-pra {\n  display: none;\n}\n.epicenter-section .highlights .highlights-box .highlight-boxes {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n}\n.epicenter-section .highlights .highlights-box .highlight-boxes .box-line {\n  position: relative;\n}\n.epicenter-section .highlights .highlights-box .highlight-box {\n  padding: 1rem;\n  padding-left: 0;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.epicenter-section .highlights .highlights-box .highlight-box .icon {\n  font-size: 1.5rem;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n}\n.epicenter-section .highlights .highlights-box .highlight-box p {\n  font-size: 1rem;\n  color: #fefefe;\n  line-height: 1.2rem;\n  padding-top: 0.5rem;\n  font-weight: 700;\n}\n.epicenter-section .highlights .highlights-box .highlight-box ul {\n  list-style: disc;\n  padding: 0;\n  padding-left: 1.5rem;\n}\n.epicenter-section .highlights .highlights-box .highlight-box ul li {\n  font-size: 1rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.65rem;\n  margin: 5px 0;\n  list-style: disc;\n}\n.epicenter-section .highlights .highlisht-map {\n  width: 50%;\n}\n.epicenter-section .highlights .highlisht-map h2 {\n  display: none;\n}\n.epicenter-section .highlights .highlisht-map .abt-boder {\n  display: none;\n}\n.epicenter-section .highlights .highlisht-map p {\n  font-size: 1rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.65rem;\n  padding-top: 1.65rem;\n  padding-bottom: 2.2rem;\n}\n.epicenter-section .highlights .highlisht-map .image-container {\n  height: 75%;\n}\n.epicenter-section .highlights .highlisht-map .image-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 20px !important;\n}\n\n.epicenter-section .highlights .highlights-box .cont-l h2 {\n  margin-bottom: 0.8rem;\n}\n\n.amentites {\n  padding-top: 5rem;\n  padding-bottom: 2.5rem;\n}\n.amentites .ament-contents {\n  padding-bottom: 2.5rem;\n}\n.amentites .ament-contents h3 {\n  width: 90%;\n  margin: auto;\n  text-align: center;\n  margin-bottom: 1rem;\n}\n.amentites .ament-contents .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n  margin: auto;\n}\n.amentites .ament-contents p {\n  font-size: 1rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.5rem;\n  padding-top: 1.5rem;\n  text-align: center;\n  width: 70%;\n  margin: auto;\n}\n\n.home {\n  padding-top: 5rem;\n  padding-bottom: 3rem;\n}\n.home .home-contents {\n  display: flex;\n  padding-bottom: 1.5rem;\n}\n.home .home-contents .cont-l {\n  width: 53%;\n}\n.home .home-contents .cont-l .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 94%;\n}\n.home .home-contents .cont-r {\n  width: 47%;\n}\n.home .home-contents .cont-r p {\n  font-size: 0.8rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.1rem;\n  padding-top: 1.5rem;\n}\n.home .split-container {\n  width: 100%;\n  display: flex;\n  gap: 2rem;\n  align-items: stretch;\n}\n.home .accordion-container {\n  width: 50%;\n}\n.home .image-container {\n  flex: 1;\n  position: relative;\n  min-height: 500px;\n  border-radius: 1.6rem;\n  overflow: hidden;\n}\n.home .split-container.reverse {\n  padding-top: 4.5rem;\n}\n.home .split-container.reverse .accordion-container {\n  width: 40%;\n  margin-top: -3rem;\n}\n.home .abt-boder {\n  border: 1px solid F9AD09;\n  width: 11.2rem;\n  margin-bottom: 1rem;\n}\n.home .split-container.reverse .image-container {\n  flex: 1;\n  position: relative;\n  min-height: 500px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n.home .feature-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  display: none;\n}\n.home .feature-image.active {\n  opacity: 1;\n  display: block;\n}\n.home .img-blur {\n  filter: blur(3px);\n}\n.home .accordion {\n  background: linear-gradient(123.55deg, hsla(0, 0%, 40%, 0.4) -16.26%, hsla(0, 0%, 29%, 0.1) 83.03%);\n  border-radius: 10px;\n  overflow: hidden;\n}\n.home .accordion .accordion-item {\n  border-bottom: 1px solid hsla(0, 0%, 50%, 0.2196078431);\n}\n.home .accordion .accordion-item:last-child {\n  border-bottom: none;\n}\n.home .accordion .accordion-item .accordion-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n.home .accordion .accordion-item .accordion-header h3 {\n  font-size: 1.4rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.4rem;\n  font-family: \"Roboto\", serif;\n}\n.home .accordion .accordion-item .accordion-header .flr {\n  font-family: \"Roboto\", sans-serif;\n}\n.home .accordion .accordion-item .accordion-header .icon {\n  color: #646cff;\n  font-size: 1.5rem;\n  font-weight: bold;\n  transition: transform 0.3s ease;\n}\n.home .accordion .accordion-item .accordion-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.5s ease-out, opacity 0.5s ease-out !important; /* Smooth transition for max-height and opacity */\n  opacity: 0;\n  padding: 0 1rem;\n}\n.home .accordion .accordion-item .accordion-content.active {\n  max-height: 500px; /* Adjust based on your content */\n  opacity: 1;\n  padding-bottom: 0.5rem;\n}\n.home .accordion .accordion-item .accordion-content p {\n  font-size: 0.8rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.05rem;\n  padding-bottom: 0.8rem;\n}\n.home .accordion .accordion-item .property-card {\n  background: linear-gradient(4deg, rgba(68, 68, 68, 0.7294117647), #1a1a1a);\n  color: white;\n  padding: 20px;\n  border-radius: 12px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice {\n  display: flex;\n  justify-content: space-between;\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .price-dics {\n  display: flex;\n  align-items: center;\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .contact-btn {\n  background: #b98b44;\n  color: var(--white);\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 1.375rem;\n  font-size: 0.9rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .contact-btn-arrow {\n  background: #b98b44;\n  color: var(--white);\n  border: none;\n  padding: 1rem;\n  border-radius: 50%;\n  font-size: 0.9rem;\n  cursor: pointer;\n  transition: all 0.6s ease-in-out;\n  transform: translateX(0);\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container {\n  display: flex;\n  position: relative;\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container:hover .contact-btn {\n  transform: translateX(calc(100% - 74px));\n}\n.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container:hover .contact-btn-arrow {\n  transform: translateX(calc(-100% - 74px));\n}\n.home .acc {\n  background: unset;\n}\n\n.group {\n  position: relative;\n  margin-bottom: 3rem;\n}\n.group img {\n  background-size: cover; /* Ensures the image covers the whole page */\n  background-position: center; /* Centers the image */\n  background-repeat: no-repeat; /* Prevents the image from repeating */\n  width: 100%;\n  height: auto;\n}\n.group .content-group {\n  position: absolute;\n  top: 20%;\n}\n.group .content-group p {\n  width: 60%;\n  font-size: 0.8rem;\n  font-weight: var(--font-r);\n  color: #fefefe;\n  line-height: 1.05rem;\n  padding-top: 1.5rem;\n}\n\nfooter .foot {\n  position: relative;\n}\nfooter .foot .footer-cont {\n  background-color: #000000;\n  border-radius: 1rem;\n  position: absolute;\n  bottom: 0;\n  padding: 20px;\n  left: 26%;\n}\nfooter .foot .footer-cont p {\n  font-size: 1rem;\n  font-weight: 400;\n  color: #fefefe;\n  line-height: 1.65rem;\n  padding-top: 0.75rem;\n  padding-bottom: 1.5rem;\n  text-align: center;\n}\n\n/* Timeline Container */\n#timeline {\n  display: flex;\n  height: 34rem;\n  background-color: #000000;\n  position: relative;\n  gap: 20px;\n}\n\n.tl-item {\n  position: relative;\n  width: 6%;\n  transition: width 0.8s ease-in-out;\n  display: flex;\n  align-items: flex-end;\n  background: #010101;\n  border: 1px solid #5a5a5a;\n  border-radius: 1rem;\n  height: 29rem;\n}\n\n/* Active state */\n.tl-item.active {\n  width: 41rem;\n}\n\n.tl-item.active .tl-bg {\n  opacity: 1;\n}\n\n.tl-item.active .tl-bg img {\n  filter: grayscale(0);\n}\n\n.tl-item.active .tl-content {\n  opacity: 1;\n}\n\n.tl-item.active .tl-year {\n  opacity: 0;\n}\n\n.tl-year {\n  border-radius: 10px;\n  transition: opacity 0.5s ease-in-out;\n  transform-origin: left center;\n  position: absolute;\n  z-index: 2;\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  color: #fefefe;\n  font-size: 1.3rem;\n  vertical-align: bottom;\n  width: 100%;\n  padding-top: 5rem;\n  cursor: pointer;\n}\n\n.tl-bg {\n  position: absolute;\n  width: 100%;\n  height: 29rem;\n  opacity: 0;\n  transition: opacity 0.8s ease-in-out;\n}\n\n.tl-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: grayscale(100%);\n  transition: filter 0.8s ease;\n  border-radius: 1rem;\n}\n\n/* Content */\n.tl-content {\n  position: absolute;\n  bottom: 0;\n  left: 45%;\n  transform: translateX(-50%);\n  text-align: left;\n  opacity: 0;\n  transition: opacity 0.8s ease-in-out;\n  width: 80%;\n  cursor: pointer;\n}\n.tl-content h4 {\n  font-size: 1.3rem;\n  font-weight: 700;\n  margin-block: 0;\n  padding-bottom: 1rem;\n}\n\n.tl-content p {\n  font-size: 1rem;\n  color: #fefefe;\n  margin: 0;\n  margin-bottom: 30px;\n  line-height: 1.65rem;\n}\n\n@media (max-width: 768px) {\n  #timeline {\n    gap: 25;\n  }\n  .tl-item {\n    border-radius: 0.5rem !important;\n  }\n}\n#mob-view {\n  display: none;\n}\n\n.accordion-item .accordion-content.active + .accordion-item,\n.accordion-item .accordion-content.active {\n  border-bottom: none;\n}\n\n/* Add this to your CSS */\n.accordion-item .accordion-content.active {\n  max-height: none !important;\n}\n\n.accordion-item .accordion-content.active ~ .accordion-item,\n.accordion-item:has(.accordion-content.active) {\n  border-bottom: none !important;\n}\n\n.mobile-image {\n  display: none;\n}\n\n.accordion-content.active .mobile-image {\n  display: block !important;\n}\n\n.home {\n  padding-top: 5rem;\n  padding-bottom: 3rem;\n}\n.home .split-container {\n  width: 100%;\n  display: flex;\n  gap: 2rem;\n}\n@media (max-width: 768px) {\n  .home .split-container {\n    flex-direction: column;\n    gap: 1rem;\n  }\n}\n.home .accordion-container {\n  width: 50%;\n}\n@media (max-width: 768px) {\n  .home .accordion-container {\n    width: 100%;\n  }\n}\n.home .desktop-image-container {\n  flex: 1;\n  position: relative;\n  min-height: 500px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n@media (max-width: 768px) {\n  .home .desktop-image-container {\n    display: none;\n  }\n}\n.home .mobile-image {\n  display: none;\n  width: 100%;\n  margin-top: 1rem;\n  border-radius: 8px;\n  overflow: hidden;\n}\n@media (max-width: 768px) {\n  .home .mobile-image {\n    display: block;\n  }\n  .home .mobile-image img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n}\n.home .accordion {\n  background: linear-gradient(123.55deg, hsla(0, 0%, 40%, 0.4) -16.26%, hsla(0, 0%, 29%, 0.1) 83.03%);\n  border-radius: 1.6rem;\n  overflow: hidden;\n  padding: 1rem;\n}\n.home .accordion .accordion-item {\n  border-bottom: 1px solid hsla(0, 0%, 50%, 0.2196078431);\n}\n.home .accordion .accordion-item .accordion-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.home .accordion .accordion-item .accordion-header .flr {\n  font-size: 1.05rem;\n  font-family: \"Roboto\", sans-serif;\n}\n.home .accordion .accordion-item .accordion-header h3 {\n  font-size: 1.4rem;\n}\n@media (max-width: 768px) {\n  .home .accordion .accordion-item .accordion-header h3 {\n    font-size: 0.9rem;\n    line-height: 0.9rem;\n  }\n}\n.home .accordion .accordion-item .accordion-content {\n  max-height: 0;\n  overflow: hidden;\n  padding: 0;\n  transition: max-height 0.3s ease-out;\n}\n.home .accordion .accordion-item .accordion-content.active {\n  max-height: none;\n  padding-bottom: 0rem;\n}\n.home .accordion .accordion-item .accordion-content p {\n  font-size: 0.8rem;\n  line-height: 1.05rem;\n  padding-bottom: 0.8rem;\n}\n.home .accordion .accordion-item .accordion-content p span {\n  color: rgb(185, 139, 68);\n  font-weight: 900;\n}\n@media (max-width: 768px) {\n  .home .accordion .accordion-item .accordion-content p {\n    font-size: 0.7rem;\n    line-height: 1rem;\n    padding: 5px 0;\n  }\n}\n.home .split-container.reverse {\n  padding-top: 4.5rem;\n}\n@media (max-width: 768px) {\n  .home .split-container.reverse {\n    padding-top: 2rem;\n  }\n}\n.home .split-container.reverse .accordion-container {\n  width: 40%;\n  margin-top: -3rem;\n}\n@media (max-width: 768px) {\n  .home .split-container.reverse .accordion-container {\n    width: 100%;\n    margin-top: 0;\n  }\n}\n\n.split-container.reverse {\n  width: 100%;\n  display: flex;\n  gap: 2rem;\n  padding-top: 4.5rem;\n}\n@media (max-width: 768px) {\n  .split-container.reverse {\n    flex-direction: column;\n    padding-top: 2rem;\n    gap: 1rem;\n  }\n}\n.split-container.reverse .image-container {\n  flex: 1;\n  position: relative;\n  min-height: 500px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n@media (max-width: 768px) {\n  .split-container.reverse .image-container {\n    display: none;\n  }\n}\n.split-container.reverse .image-container picture {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.split-container.reverse .image-container .feature-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0;\n  transition: opacity 0.5s ease-in-out; /* Smooth transition for opacity */\n  display: none;\n}\n.split-container.reverse .image-container .feature-image.active {\n  opacity: 1;\n  display: block;\n}\n.split-container.reverse .accordion-container {\n  width: 40%;\n  margin-top: -3rem;\n}\n@media (max-width: 768px) {\n  .split-container.reverse .accordion-container {\n    width: 100%;\n    margin-top: 0;\n  }\n}\n.split-container.reverse .accordion-container h2 {\n  color: #fefefe;\n  margin-bottom: 1rem;\n}\n.split-container.reverse .accordion-container .accordion.acc {\n  background: unset;\n}\n.split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .property-card {\n  margin-bottom: 1rem;\n}\n.split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image {\n  display: none;\n  width: 100%;\n  margin-top: 20px;\n  border-radius: 30px;\n  overflow: hidden;\n}\n@media (max-width: 768px) {\n  .split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image {\n    display: block;\n  }\n  .split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n    filter: blur(3px); /* Initial blur effect */\n    transition: filter 0.3s ease; /* Smooth transition for filter changes */\n  }\n}\n.split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice {\n  margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n  .split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice {\n    margin-bottom: 0.5rem;\n  }\n}\n.split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice:last-child {\n  margin-bottom: 0;\n}\n@media (max-width: 768px) {\n  .split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice .button-container {\n    flex-direction: row;\n  }\n}\n\n.success-message {\n  color: green;\n  font-size: 14px;\n  margin-top: 10px;\n  text-align: center;\n}\n\n.form-error {\n  color: #ff4444;\n  background: rgba(255, 68, 68, 0.1);\n  border: 1px solid #ff4444;\n  padding: 0.6rem;\n  border-radius: 0.5rem;\n  font-size: 0.7rem;\n  margin-top: 0.5rem;\n  text-align: center;\n}\n\n.submit-btn {\n  width: 100%;\n  padding: 12px;\n  background: #b98b44;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 16px;\n  cursor: pointer;\n}\n.submit-btn:hover {\n  background: rgb(147.7075098814, 110.9802371542, 54.2924901186);\n}\n\n.popup-content .title {\n  display: none;\n}\n\n.popup-content .selldof_field-container {\n  width: 100%;\n}\n\n.popup-content .form-group label {\n  font-size: 0.95rem;\n}\n\n.popup-content .form-group .btn {\n  font-size: 0.8rem;\n  background-color: #b98b44;\n  border: none;\n}\n\n.popup-content .form-group select {\n  font-size: 0.95rem;\n}\n\n.popup-content .form-group {\n  margin-bottom: 0.5rem !important;\n}\n\n.popup-content .form-group input,\n.popup-content .form-group select {\n  height: 2rem;\n  background-color: #1a1a1a;\n  color: #fff;\n  font-size: 0.95rem;\n}\n\n.selldof .checkbox input[type=checkbox] {\n  margin-top: -0.75rem;\n}\n\n.sell_do_form_actual_container .selldof_row:nth-child(6) label {\n  font-size: 0.7rem;\n  font-weight: 400;\n}\n\n.privacy-sec {\n  padding-top: 3rem;\n  padding-bottom: 4.5rem;\n}\n.privacy-sec p {\n  color: #fff;\n  font-size: 0.95rem;\n  line-height: 25px;\n  font-weight: 400;\n  padding-bottom: 1rem;\n}\n\n.privacy-title {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n  font-weight: 400;\n  text-align: start;\n}\n\n.prvicy-img {\n  display: flex;\n  justify-self: start;\n}\n\n.pravc-cont {\n  display: flex;\n  padding-top: 13px;\n  justify-content: center;\n  padding-left: 17px;\n}\n\n.error-sec {\n  position: relative;\n  height: 90vh; /* Ensure container takes full viewport height */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.error-sec .error-cont {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center; /* Center text content */\n  z-index: 2; /* Ensure it appears above the image */\n}\n.error-sec .error-cont p {\n  font-size: 8.4rem;\n  line-height: 100%;\n  font-weight: 700;\n  color: white;\n  font-family: Copperplate;\n}\n.error-sec .error-cont h3 {\n  font-weight: 400;\n  font-size: 32px;\n  line-height: 100%;\n  font-family: Copperplate;\n}\n.error-sec .error-cont span {\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 100%;\n}\n.error-sec picture {\n  width: 100%;\n  padding-top: 12.5rem;\n}\n.error-sec picture img {\n  width: 100%;\n  height: 100%;\n}\n.error-sec .err-btn {\n  justify-content: center;\n  padding-top: 1.5rem;\n}\n\nfooter .container .main-wrapper p {\n  color: #fff;\n  text-align: center;\n  margin-block: 1rem;\n}\n\n.faq {\n  padding-top: 5rem;\n  padding-bottom: 3rem;\n}\n@media (max-width: 600px) {\n  .faq {\n    padding-block: 2.5rem;\n    padding-bottom: 0.5rem;\n  }\n}\n.faq .container .row {\n  text-align: center;\n}\n.faq .container .row h3 {\n  margin-bottom: 1rem;\n}\n.faq .container .row .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n  margin: auto;\n}\n.faq .container .row .section_heading {\n  font: 2.4rem normal 400 2.4rem inherit;\n  color: #fff;\n  margin: 0 0 1.5rem;\n}\n@media (max-width: 600px) {\n  .faq .container .row .section_heading {\n    font-size: 24px;\n    line-height: 32px;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n  }\n}\n.faq .container .row .faq-container {\n  width: 100%;\n  background: linear-gradient(135deg, #292929 0%, #0B0B0B 100%);\n  padding-inline: 1.5rem;\n  border-radius: 1.5rem;\n  margin-top: 2.5rem;\n}\n.faq .container .row {\n  /* Individual FAQ Item */\n}\n.faq .container .row .faq-item {\n  background-color: linear-gradient(116deg, #292929 8.02%, #0b0b0b 98.48%);\n  margin-bottom: 1rem;\n  border-radius: 4px;\n  overflow: hidden;\n  padding: 1rem;\n  transition: box-shadow 0.3s ease;\n}\n.faq .container .row .faq-border {\n  border-bottom: 1px solid rgba(90, 90, 90, 0.7607843137);\n}\n.faq .container .row .faq-item:hover {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n.faq .container .row {\n  /* Question Button */\n}\n.faq .container .row .faq-question {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: none;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  padding-left: 0rem;\n  text-align: left;\n  font-size: 1.3rem;\n  font-weight: 300;\n  color: #fff;\n  transition: color 0.3s ease;\n  margin: 0;\n}\n.faq .container .row {\n  /* Icon (The Arrow) */\n}\n.faq .container .row .icon {\n  width: 1.5rem;\n  height: 3rem;\n  transition: transform 0.3s ease;\n}\n.faq .container .row .icon svg {\n  width: 100%;\n  height: 100%;\n  stroke-width: 2;\n  fill: #f9ad09;\n  position: relative;\n  bottom: 0.5rem;\n}\n@media (max-width: 600px) {\n  .faq .container .row .icon svg {\n    height: 1rem;\n    width: 1.3rem;\n  }\n}\n.faq .container .row {\n  /* Active State Styles */\n}\n.faq .container .row .faq-item.active .icon {\n  transform: scaleY(-1);\n}\n.faq .container .row .faq-item.active .icon svg rect {\n  fill: #f9ad09;\n}\n.faq .container .row {\n  /* Answer Section */\n}\n.faq .container .row .faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);\n  background-color: linear-gradient(116deg, #292929 8.02%, #0b0b0b 98.48%);\n}\n.faq .container .row .faq-answer p {\n  font-family: inherit;\n}\n.faq .container .row .faq-item.active .faq-answer {\n  max-height: 25rem;\n  /* Large enough to fit content */\n  transition: max-height 0.4s cubic-bezier(1, 0, 1, 0);\n  padding-top: 0.25rem;\n}\n.faq .container .row .faq-answer p {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.6;\n  font-weight: 400;\n  color: #fff;\n  line-height: 1.65rem;\n  text-align: left;\n}\n@media (max-width: 600px) {\n  .faq .container .row .faq-answer p {\n    font-size: 0.8rem;\n    max-width: 98%;\n    line-height: 1rem;\n    font-family: \"Roboto\", sans-serif;\n  }\n}\n.faq .container .row {\n  /* Mobile Adjustments */\n}\n@media (max-width: 600px) {\n  .faq .container .row .faq-question {\n    font-size: 1.1rem;\n    font-weight: 700 !important;\n    line-height: normal;\n  }\n  .faq .container .row .faq-answer p {\n    font-size: 0.85rem;\n    line-height: 1.05rem !important;\n  }\n  .faq .container .row .icon {\n    width: 0.5rem;\n    height: 0.5rem;\n  }\n}\n\n.form-success {\n  color: green;\n  margin-top: 1rem;\n}\n\n.german-Precision {\n  position: relative;\n  width: 100%;\n  min-height: 31rem;\n  margin-top: 5rem;\n  overflow: hidden;\n}\n.german-Precision .german-wrapper {\n  height: 100%;\n}\n.german-Precision .german-image {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  height: 100%;\n}\n.german-Precision .german-image .mob-german {\n  display: none;\n}\n.german-Precision .german-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.german-Precision .german-content {\n  position: relative;\n  z-index: 3;\n  max-width: 60rem;\n  color: #fff;\n}\n.german-Precision .german-content h3 {\n  margin-bottom: 1rem;\n}\n.german-Precision .german-content .abt-boder {\n  border: 1px solid #f9ad09;\n  width: 11.2rem;\n  margin-bottom: 0.8rem;\n}\n.german-Precision .german-content p {\n  color: #fff;\n  line-height: 1.7;\n  opacity: 0.9;\n}\n\n@media (max-width: 600px) {\n  .german-Precision {\n    margin-top: 0.5rem;\n  }\n  .german-Precision .german-content p {\n    line-height: 1.25rem;\n  }\n  .german-Precision .german-image .mob-german {\n    display: block !important;\n  }\n  .german-Precision .german-image .desktop-german {\n    display: none !important;\n  }\n  .german-Precision .german-content .abt-boder {\n    margin-bottom: 1rem;\n    margin-top: 1rem;\n  }\n}\n.performance-section {\n  background: #000;\n  padding-block: 6.5rem;\n  /* ---------------- HEADER ---------------- */\n}\n.performance-section .section-head {\n  text-align: center;\n  margin-bottom: 3rem;\n}\n.performance-section .section-head h3 {\n  color: #fff;\n  font-size: 1.6rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n.performance-section .section-head .underline {\n  display: inline-block;\n  width: 11.2rem;\n  height: 0.15rem;\n  background: #f4b000;\n}\n.performance-section {\n  /* ---------------- GRID / TRACK ---------------- */\n}\n.performance-section .performance-slider {\n  position: relative;\n}\n.performance-section .performance-grid,\n.performance-section .performance-track {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.4rem;\n}\n.performance-section {\n  /* ---------------- CARD ---------------- */\n}\n.performance-section .performance-card {\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  height: 29rem;\n  cursor: pointer;\n}\n.performance-section .performance-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.7s ease;\n}\n.performance-section .performance-card:hover img {\n  transform: scale(1.12);\n}\n.performance-section .performance-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.15) 70%, transparent 100%);\n  z-index: 1;\n}\n.performance-section .performance-card .overlay {\n  position: absolute;\n  left: 1.3rem;\n  right: 1.3rem;\n  bottom: 0.5rem;\n  z-index: 2;\n  transform: translateY(0);\n  transition: transform 0.6s ease;\n}\n.performance-section .performance-card .overlay h4 {\n  font-size: 1.3rem;\n  font-weight: 300;\n  color: #fff;\n  margin-bottom: 0.4rem;\n}\n.performance-section .performance-card .overlay p {\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.85);\n}\n.performance-section .performance-card .overlay .know-more {\n  display: inline-block;\n  margin-top: 0.7rem;\n  font-size: 0.8rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  color: #f4b000;\n  opacity: 0;\n  transform: translateY(0.6rem);\n  transition: all 0.5s ease;\n}\n.performance-section .performance-card:hover .overlay {\n  transform: translateY(-1.3rem);\n}\n.performance-section .performance-card:hover .know-more {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 1440px) {\n  .performance-section {\n    padding-top: 8.5rem !important;\n  }\n}\n@media (max-width: 1368px) {\n  .performance-section {\n    padding-top: 7.5rem !important;\n  }\n}\n@media (max-width: 1366px) {\n  .performance-section {\n    padding-top: 8.5rem !important;\n    padding-bottom: 2.5rem;\n  }\n  .german-Precision {\n    margin-top: 1.5rem;\n  }\n}\n@media (max-width: 1280px) {\n  .performance-section {\n    padding-top: 9rem !important;\n  }\n  .performance-grid,\n  .performance-track {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media (max-width: 768px) {\n  .performance-section {\n    padding-block: 1rem;\n  }\n  .performance-slider {\n    overflow: hidden;\n  }\n  /* ✅ Real horizontal scroll */\n  .performance-track {\n    display: flex;\n    gap: 0.9rem;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none; /* Firefox */\n  }\n  .performance-track::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n  .performance-card {\n    flex: 0 0 85%;\n    scroll-snap-align: start;\n    height: 21rem;\n  }\n  .performance-card img {\n    transform: none !important;\n  }\n  .performance-card .overlay {\n    transform: translateY(0) !important;\n  }\n  .performance-card .know-more {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n  .slider-dots {\n    display: flex;\n    justify-content: center;\n    margin-top: 1.3rem;\n    gap: 0.5rem;\n  }\n  .slider-dots .dot {\n    width: 0.4rem;\n    height: 0.4rem;\n    background: #555;\n    border-radius: 50%;\n    cursor: pointer;\n    margin-bottom: 1.5rem;\n  }\n  .slider-dots .dot.active {\n    background: #fff;\n  }\n}\n@media (max-width: 600px) {\n  .performance-section {\n    padding-block: 0;\n  }\n  .performance-section .performance-card {\n    width: 21rem;\n    height: 25rem;\n  }\n  .performance-section .section-head {\n    margin-bottom: 1.5rem;\n    margin-top: 2.5rem;\n  }\n  .performance-section .section-head h3 {\n    font-size: 1.3rem;\n    margin-bottom: 0.5rem !important;\n  }\n  .performance-section .section-head .underline {\n    width: 9rem;\n  }\n  .performance-section .overlay p {\n    line-height: 1.05rem !important;\n  }\n}\n.slider-section {\n  background-color: #000;\n}\n.slider-section .section-header {\n  margin-bottom: 2.4rem;\n}\n.slider-section .section-header h2 {\n  font-size: 2.9rem;\n  margin-bottom: 0.5rem;\n  margin-inline: auto;\n  font-weight: 700;\n  max-width: 46rem;\n}\n.slider-section .section-header h2 .text-highlight {\n  font-weight: 700;\n}\n.slider-section .slider-class .slick-slide {\n  padding: 12px;\n}\n.slider-section .slider-class .slide-img img {\n  margin: auto;\n}\n\n@media (max-width: 1440px) {\n  .slider-section .slick-slide {\n    margin-inline: 50px;\n  }\n}\n@media (max-width: 820px) {\n  .slider-section {\n    height: 14rem;\n  }\n}\n@media (max-width: 640px) {\n  .slider-section {\n    height: 7.5rem !important;\n  }\n  .slider-section .container .section-header {\n    margin-bottom: 1rem;\n  }\n  .slider-section .container .section-header h2 {\n    font-size: 1.2rem;\n  }\n}\n.mob-contact-btn {\n  position: fixed;\n  right: 0;\n  top: 40%;\n  transform: rotate(-90deg) translateY(50%);\n  transform-origin: right center;\n  background: #F9AD09;\n  color: #003A7D;\n  padding: 14px 28px;\n  text-decoration: none;\n  border-radius: 6px 6px 0 0;\n  z-index: 9999;\n  transition: background 0.3s ease;\n}\n\n@media (max-width: 830px) {\n  .mob-contact-btn {\n    position: static;\n    transform: none;\n    font-size: 1rem !important;\n    font-weight: 700;\n    background: #F9AD09;\n    padding: 10px 18px;\n    border-radius: 6px;\n    margin-left: auto;\n  }\n}\n.home-side-btn {\n  position: fixed;\n  right: 0px;\n  top: 4rem;\n  transform: rotate(-90deg) translateY(-50%);\n  transform-origin: right center;\n  background: #F9AD09;\n  color: #003A7D;\n  font-weight: 700;\n  letter-spacing: 1px;\n  padding: 1.2rem 2.5rem;\n  border-radius: 10px 10px 0 0;\n  text-decoration: none;\n  z-index: 9999;\n  transition: all 0.3s ease;\n  font-size: 0.8rem;\n}\n\n@media (max-width: 830px) {\n  .home-side-btn {\n    display: none;\n  }\n}\n.popup-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.438);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.35s ease;\n}\n.popup-overlay.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n.popup-overlay .popup-box {\n  background: #000;\n  width: 36rem;\n  max-width: 92%;\n  padding: 1.5rem;\n  border-radius: 0.7rem;\n  position: relative;\n}\n.popup-overlay .popup-close {\n  position: absolute;\n  top: 1.1rem;\n  right: 1.3rem;\n  font-size: 1.3rem;\n  color: #fff;\n  cursor: pointer;\n}\n.popup-overlay .popup-box h3 {\n  margin: 0;\n  margin-bottom: 1rem;\n}\n.popup-overlay .popup-box .underline {\n  display: block;\n  width: 4.5rem;\n  height: 0.15rem;\n  background: #F9AD09;\n  margin-bottom: 1.5rem;\n}\n.popup-overlay .consult-form input,\n.popup-overlay .consult-form select {\n  width: 100%;\n  height: 2.9rem;\n  border-radius: 0.5rem;\n  border: none;\n  padding: 0 18px;\n  background-color: #262626;\n  color: #fff;\n  font-size: 1rem;\n  outline: none;\n}\n.popup-overlay .consult-form select {\n  position: relative;\n  z-index: 10;\n  appearance: none;\n  background-image: url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.5 5.25L7 8.75L10.5 5.25\" stroke=\"white\" stroke-width=\"1.16667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n  background-repeat: no-repeat;\n  background-position: right 18px center;\n  padding-right: 40px;\n}\n.popup-overlay .consult-form input::placeholder {\n  color: #aaa;\n}\n.popup-overlay .consult-form > input {\n  margin-bottom: 0.5rem;\n}\n.popup-overlay .error-msg {\n  color: red;\n  font-size: 0.7rem;\n  margin: 0;\n}\n.popup-overlay .two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.9rem;\n  margin-bottom: 0.5rem;\n}\n.popup-overlay .form-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.popup-overlay .two-col-2 {\n  display: flex;\n  flex-direction: column;\n  gap: 0.9rem;\n  margin-bottom: 0.5rem;\n}\n@media (max-width: 640px) {\n  .popup-overlay .two-col {\n    grid-template-columns: 1fr;\n  }\n  .popup-overlay .form-col {\n    grid-template-columns: 1fr;\n  }\n  .popup-overlay .two-col-2 {\n    display: flex;\n    flex-direction: rwo;\n  }\n}\n.popup-overlay .consult-form button {\n  margin-top: 0.9rem;\n  background-color: #F9AD09;\n  color: #003A7D;\n  border: none;\n  padding: 16px 38px;\n  border-radius: 0.5rem;\n  font-size: 1rem;\n  font-weight: 700;\n  letter-spacing: 1px;\n  cursor: pointer;\n  transition: 0.25s;\n}\n.popup-overlay .col-desc-space {\n  margin-bottom: 1rem;\n}\n.popup-overlay .consult-form .form-message {\n  font-size: 0.7rem;\n  margin-top: 0.6rem;\n  display: block;\n  text-align: center;\n  min-height: 1rem;\n}\n.popup-overlay .consult-form .form-message.success {\n  color: #4caf50;\n}\n.popup-overlay .consult-form .form-message.error {\n  color: #ff5252;\n}\n\n/* Hide on desktop */\n@media (min-width: 830px) {\n  .mob-popup-overlay {\n    display: none !important;\n  }\n}\n/* Overlay */\n.mob-popup-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.55);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n  opacity: 0;\n  pointer-events: none;\n  transition: 0.35s ease;\n}\n\n/* ACTIVE STATE */\n.mob-popup-overlay.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Popup Box */\n.mob-popup-box {\n  background: #000;\n  width: 92%;\n  max-height: 90vh;\n  padding: 1.3rem;\n  border-radius: 1.4rem;\n  position: relative;\n  overflow-y: auto;\n}\n\n/* Close */\n.mob-popup-close {\n  position: absolute;\n  top: 0.9rem;\n  right: 0.9rem;\n  font-size: 1.3rem;\n  color: #fff;\n  cursor: pointer;\n}\n\n/* Heading */\n.mob-popup-box h3 {\n  font-size: 1.4rem;\n  font-weight: 700;\n  margin-bottom: 0.6rem;\n  color: #fff;\n}\n\n.mob-underline {\n  width: 6rem;\n  height: 0.15rem;\n  background-color: #f9ad09;\n  display: block;\n  margin-bottom: 1.2rem;\n}\n\n/* FORM */\n.mob-consult-form span {\n  color: red;\n  font-size: 0.7rem;\n  margin: 0;\n  display: block;\n  margin-bottom: 0.4rem;\n  min-height: 0.7rem;\n}\n\n.mob-consult-form input,\n.mob-consult-form select {\n  width: 100%;\n  height: 2.7rem;\n  border-radius: 0.7rem;\n  border: none;\n  padding: 0 16px;\n  background: #262626;\n  color: #fff;\n  font-size: 0.8rem;\n  outline: none;\n  margin-bottom: 0.2rem;\n}\n\n.mob-consult-form select {\n  appearance: none;\n  background-image: url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.5 5.25L7 8.75L10.5 5.25\" stroke=\"white\" stroke-width=\"1.16667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n  background-repeat: no-repeat;\n  background-position: right 18px center;\n}\n\n/* Button */\n.mob-consult-form button {\n  margin-top: 12px;\n  background: #f9ad09;\n  color: #003a7d;\n  border: none;\n  padding: 14px 26px;\n  border-radius: 0.7rem;\n  font-size: 0.8rem;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.mob-consult-form .form-message {\n  font-size: 0.7rem;\n  margin-top: 0.6rem;\n  display: block;\n  text-align: center;\n  min-height: 1rem;\n}\n\n.mob-consult-form .form-message.success {\n  color: #4caf50;\n}\n\n.mob-consult-form .form-message.error {\n  color: #ff5252;\n}\n\n@media (min-width: 1366px) {\n  .banner-container .banner-content {\n    width: 45%;\n  }\n  .banner-container .banner-img {\n    margin: 0;\n    width: 32.5rem;\n  }\n  .powerful-storytelling-container .powerful-storytelling-img {\n    margin: 0;\n  }\n  .powerful-storytelling-container .powerful-storytelling-img img {\n    width: 32.5rem;\n  }\n}\n@media (max-width: 1400px) {\n  .urban-living .text-content h2 {\n    width: 77%;\n  }\n}\n@media (max-width: 1400px) and (max-width: 1440px) {\n  .building-image {\n    width: 56% !important;\n  }\n  #timeline {\n    height: 21.5rem;\n  }\n}\n@media (max-width: 1300px) and (max-width: 1366px) {\n  .building-image {\n    width: 56% !important;\n    right: -8rem !important;\n  }\n  .content-l {\n    margin-top: 1.5rem !important;\n    height: 23.5rem !important;\n  }\n  .amentites {\n    padding-bottom: 0 !important;\n  }\n}\n@media (max-width: 1366px) {\n  .building-image {\n    width: 56% !important;\n    right: -8rem !important;\n  }\n  .content-l {\n    margin-top: 2rem !important;\n    height: 23.5rem !important;\n  }\n  .epicenter-section {\n    padding-top: 0.5rem !important;\n  }\n  .urban-living {\n    padding-top: 0.5rem !important;\n  }\n  .tl-year {\n    padding-top: 3rem;\n  }\n}\n@media (max-width: 1368px) {\n  .building-image {\n    right: -8rem !important;\n  }\n  .epicenter-section {\n    padding-top: 1rem;\n  }\n  .amentites {\n    padding-top: 1.5rem;\n  }\n}\n@media (max-width: 1024px) {\n  .building-image {\n    width: 55% !important;\n    right: -4.8rem !important;\n  }\n  .tl-year {\n    padding-top: 3.4rem;\n  }\n  #timeline {\n    height: 21.25rem;\n  }\n}\n@media (min-width: 800px) and (max-width: 820px) {\n  .building-image {\n    width: 55% !important;\n    right: -10.8rem !important;\n  }\n  .content-l {\n    margin-top: 1.5rem !important;\n    height: 28.5rem !important;\n    padding-left: 0 !important;\n  }\n  .urban-living {\n    padding-top: 0 !important;\n  }\n  .tl-year {\n    padding-top: 3.4rem;\n  }\n  #timeline {\n    height: 21.25rem;\n  }\n}\n@media (max-width: 600px) {\n  .building-image {\n    width: 100% !important;\n    right: 0 !important;\n  }\n  .performance-section {\n    padding-top: 0 !important;\n  }\n}\n@media (min-width: 1200px) and (max-width: 1280px) {\n  .banner {\n    height: 26.5rem !important;\n  }\n  .building-image {\n    width: 55% !important;\n    right: -4.8rem !important;\n  }\n  .content-l {\n    margin-top: 1.5rem !important;\n    height: 23.5rem !important;\n  }\n  .urban-living {\n    padding-top: 0 !important;\n  }\n  .tl-year {\n    padding-top: 3.4rem;\n  }\n  #timeline {\n    height: 21.25rem;\n  }\n}\n@media (min-width: 1600px) and (max-width: 1680px) {\n  .building-image {\n    width: 55% !important;\n    right: -2.7rem !important;\n  }\n  .content-l {\n    height: 26rem !important;\n  }\n  #timeline {\n    height: 22.5rem;\n  }\n  .urban-living {\n    padding-top: 5rem;\n  }\n}\n@media (min-width: 1400px) and (max-width: 1480px) {\n  .building-image {\n    width: 55% !important;\n    height: 40rem !important;\n    right: -2.7rem !important;\n  }\n  .content-l {\n    height: 26rem !important;\n  }\n  #timeline {\n    height: 22.5rem;\n  }\n}\n@media (min-width: 1800px) and (max-width: 1920px) {\n  .building-image {\n    width: 58% !important;\n  }\n  #timeline {\n    height: 23.5rem;\n  }\n}\n@media (min-width: 1940px) and (max-width: 3840px) {\n  .building-image {\n    width: 55% !important;\n    right: -15rem !important;\n  }\n  #timeline {\n    height: 23.5rem;\n  }\n}\n@media (min-width: 1920px) {\n  .building-image {\n    width: 55% !important;\n    right: -15rem !important;\n  }\n}\n@media (min-width: 1900px) {\n  .building-image {\n    width: 55% !important;\n    right: -15rem !important;\n  }\n}\n@media (max-width: 1200px) {\n  .powerful-storytelling-container {\n    gap: 2rem;\n  }\n  .agenda-overview img {\n    width: 75%;\n    object-fit: cover;\n  }\n  .home .feature-image {\n    height: auto;\n  }\n  .split-container.reverse .image-container .feature-image {\n    height: auto;\n  }\n}\n@media (min-width: 600px) {\n  .btn-mb {\n    display: none;\n  }\n}\n.building-image .desk-banner {\n  display: none;\n}\n\n.building-image .mb-banner {\n  display: none;\n}\n\n@media (min-width: 600px) {\n  .building-image .desk-banner {\n    display: block;\n  }\n}\n@media (max-width: 600px) {\n  .building-image .mb-banner {\n    display: block;\n  }\n  .banner {\n    height: 36.5rem !important;\n  }\n  .content-l {\n    height: 7.5rem !important;\n  }\n}\n@media (max-width: 768px) {\n  #home .home-container-mb {\n    padding: 0;\n    max-width: -webkit-fill-available;\n  }\n  .banner {\n    flex-direction: column;\n    height: unset;\n  }\n  .banner .container {\n    /* Stack elements vertically */\n    align-items: center;\n  }\n  .banner .content {\n    width: 100%; /* Full width for mobile */\n    padding: 2rem 2rem 2rem 2rem; /* Add padding for better spacing */\n    order: 2; /* Move content to the bottom */\n    bottom: 10rem;\n  }\n  .banner .building-image {\n    position: relative; /* Reset positioning */\n    width: 100%; /* Full width for mobile */\n    order: 1; /* Move video to the top */\n    right: 0;\n  }\n  .banner .building-image .mb-banner img {\n    width: -webkit-fill-available;\n  }\n  .banner .building-image video {\n    height: auto; /* Adjust height for mobile */\n    border-radius: 0rem 0rem 0.5rem 0.5rem; /* Reset border radius */\n    height: 16.6rem;\n  }\n  .custom-prev {\n    left: 0;\n  }\n  .custom-next {\n    right: 0;\n  }\n  .custom-prev,\n  .custom-next {\n    top: 50%; /* Adjust arrow position for mobile */\n  }\n  .banner .content .content-l {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n  .banner .content .content-l h1 {\n    font-size: 2rem;\n    font-weight: var(--font-r);\n    color: #fefefe;\n    line-height: 2.05rem;\n    margin-bottom: 0;\n  }\n  .banner .content .content-l .price {\n    font-size: 0.8rem;\n    font-weight: var(--font-r);\n    color: #fefefe;\n    line-height: 0.8rem;\n  }\n  .banner .content .content-l .price span {\n    font-size: 0.55rem;\n    line-height: 0.75rem;\n  }\n  .banner .content .content-l .amenities {\n    font-size: 0.7rem;\n    line-height: 0.7rem;\n  }\n  .banner .content .content-l .img-indx img {\n    padding: 0.1rem;\n  }\n  .banner .content .content-l .image::before,\n  .banner .content .content-l .image::after {\n    content: \"\";\n    position: absolute;\n    width: 2.5rem;\n    height: 10rem;\n    background-repeat: no-repeat;\n    background-size: contain;\n    padding: 0.6rem;\n  }\n  .banner .content .content-l .image::before {\n    background-image: url(\"../images/left_border.svg\"); /* Replace with actual image */\n    top: -120%;\n    left: -1.5rem;\n  }\n  .banner .content .content-l .image::after {\n    background-image: url(\"../images/right_border.svg\"); /* Replace with actual image */\n    top: -120%;\n    right: -3.5rem;\n  }\n  .banner .content .content-l h2 {\n    font-size: 2rem;\n    line-height: 2rem;\n    padding-top: 1rem;\n  }\n  .banner .content .content-l .amenities {\n    font-size: 0.85rem;\n    line-height: 1.05rem;\n  }\n  .banner .content .content-l .image {\n    top: 1rem; /* Adjust image position for mobile */\n    height: 6rem; /* Adjust image height for mobile */\n  }\n  .urban-living {\n    padding-top: 0.5rem; /* Reduce padding for smaller screens */\n    background-position: 96% 81%;\n  }\n  .urban-living .text-content .abt-left,\n  .urban-living .text-content .abt-right {\n    width: 100%; /* Full width for both sections */\n  }\n  .urban-living .text-content .abt-left p,\n  .urban-living .text-content .abt-right p {\n    font-size: 0.7rem;\n    line-height: 1.05rem;\n  }\n  .urban-living .text-content .abt-left .abt-boder {\n    width: 30%;\n  }\n  .urban-living .text-content .abt-left h2 {\n    font-weight: 400;\n    font-size: 1.1rem;\n    line-height: 1.1rem; /* Reduce font size for smaller screens */\n    max-width: 100%; /* Allow full width for the heading */\n    text-align: center;\n  }\n  .urban-living .text-content .abt-left .button-container-abt {\n    justify-content: center; /* Center buttons */\n  }\n  .urban-living .text-content .abt-left .btn-mbs {\n    display: none;\n  }\n  .urban-living .text-content .abt-right {\n    margin-top: 0.5rem; /* Add spacing between sections */\n    padding-bottom: 1.5rem;\n    padding-top: 0.7rem;\n  }\n  .urban-living .text-content .abt-right h4 {\n    font-family: \"Roboto\", serif;\n  }\n  .urban-living .text-content .abt-right p {\n    font-size: 0.7rem;\n  }\n  .urban-living .image-container {\n    gap: 0.5rem; /* Reduce gap between images */\n    padding-top: 0rem;\n  }\n  .urban-living .image-container .image-left,\n  .urban-living .image-container .image-right {\n    height: 12.5rem;\n    width: 50%;\n  }\n  .urban-living .Urban-slider .Urban-item h3 {\n    font-size: 1.35rem;\n  }\n  .urban-living .Urban-slider .Urban-item p {\n    font-size: 0.85rem;\n    line-height: 1.05rem;\n  }\n  .address-section {\n    padding-top: 1.5rem; /* Reduce padding for smaller screens */\n  }\n  .address-section .address-box {\n    flex-direction: column; /* Stack content vertically */\n    gap: 1rem; /* Reduce gap between sections */\n    background-image: unset;\n  }\n  .address-section .address-box .content {\n    width: 100%; /* Full width for content */\n    text-align: center; /* Center-align text */\n  }\n  .address-section .address-box .content h2 {\n    font-size: 1.1rem; /* Reduce font size for smaller screens */\n    padding-top: 0.5rem; /* Adjust padding */\n  }\n  .address-section .address-box .content .abt-boder {\n    margin: 0 auto 1rem; /* Center the border */\n  }\n  .address-section .address-box .content p {\n    font-size: 0.7rem; /* Reduce font size for smaller screens */\n  }\n  .address-section .address-box .content .button-container-abt {\n    justify-content: center; /* Center buttons */\n  }\n  .address-section .address-box .content .btn-mb {\n    display: none;\n  }\n  .address-section .address-box .content picture img {\n    position: static; /* Remove absolute positioning */\n    width: 100%; /* Full width for image */\n    margin-top: 1rem; /* Add spacing */\n  }\n  .address-section .address-box .info-boxes {\n    width: 100%; /* Full width for info boxes */\n    gap: 0.75rem; /* Reduce gap between boxes */\n    margin-top: 1rem; /* Adjust margin */\n  }\n  .address-section .address-box .info-boxes .info-box {\n    padding: 0.75rem; /* Reduce padding */\n  }\n  .address-section .address-box .info-boxes .info-box p {\n    font-size: 0.7rem; /* Reduce font size for smaller screens */\n    line-height: 0.95rem;\n  }\n  .address-section .add-img .add-img-2 {\n    display: block; /* Hide background image on smaller screens */\n    width: 58%;\n    right: -39%;\n    top: 107%;\n  }\n  .abt-btn-arrow img {\n    width: 0.65rem;\n  }\n  .button-container-abt {\n    display: flex;\n    position: relative;\n    max-width: fit-content;\n    margin: auto;\n  }\n  .button-container-abt .abt-btn,\n  .button-container-abt .abt-btns {\n    background: #000000;\n    color: var(--white);\n    border: 0.05rem solid #fefefe;\n    padding: 0.2rem 1.5rem;\n    border-radius: 1.375rem;\n    font-size: 0.6rem;\n    line-height: 0.8rem;\n    cursor: pointer;\n    transition: all 0.6s ease-in-out;\n    transform: translateX(0);\n  }\n  .button-container-abt .abt-btn-arrow,\n  .button-container-abt .abt-btn-arrows {\n    background: #000000;\n    color: var(--white);\n    border: 0.05rem solid #fefefe;\n    padding: 0.4rem;\n    border-radius: 50%;\n    font-size: 0.9rem;\n    cursor: pointer;\n    transition: all 0.6s ease-in-out;\n    transform: translateX(0);\n  }\n  .button-container-abt:hover .abt-btn {\n    transform: translateX(calc(100% - 91px));\n  }\n  .button-container-abt:hover .abt-btn-arrow {\n    transform: translateX(calc(-100% - 91px));\n  }\n  .button-container-abt:hover .abt-btns {\n    transform: translateX(calc(100% - 126px));\n  }\n  .button-container-abt:hover .abt-btn-arrows {\n    transform: translateX(calc(-100% - 126px));\n  }\n  h2 {\n    display: block;\n    font-size: 1.1rem;\n    text-align: center;\n  }\n  .epicenter-section {\n    padding-top: 0.5rem; /* Reduce padding for smaller screens */\n    padding-bottom: 1rem;\n  }\n  .epicenter-section .highlights {\n    margin-top: 20px;\n  }\n  .epicenter-section .highlights .abt-boder {\n    width: 100%; /* Full width for the border */\n  }\n  .epicenter-section .highlights h4 {\n    font-size: 0.9rem; /* Reduce font size for smaller screens */\n    text-align: start;\n  }\n  .epicenter-section .highlights .highlights-box {\n    display: flex;\n    gap: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l h3 {\n    margin: 0;\n    margin-bottom: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .abt-boder {\n    width: 50%;\n    margin: 0 auto;\n    margin-bottom: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes {\n    gap: 0.75rem; /* Reduce gap between boxes */\n    padding-bottom: 0.5rem;\n    padding-top: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .box-line::before {\n    display: none; /* Hide the vertical line on smaller screens */\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box {\n    padding: 0.75rem; /* Reduce padding */\n    text-align: center; /* Center-align text */\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box .icon {\n    width: 2.5rem;\n    height: 0 !important;\n    margin-bottom: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box p {\n    font-size: 1rem; /* Reduce font size for smaller screens */\n    line-height: 1.05rem; /* Reduce font size for smaller screens */\n    text-align: start;\n  }\n  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box ul li {\n    font-size: 0.85rem; /* Reduce font size for smaller screens */\n    line-height: 1.05rem;\n    text-align: start;\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map {\n    order: 1;\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map {\n    width: 100%; /* Full width for the map section */\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map h2 {\n    display: block;\n    font-size: 1.1rem;\n    line-height: 1.1rem;\n    text-align: center;\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map .abt-boder {\n    display: block;\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map p {\n    font-size: 0.7rem; /* Reduce font size for smaller screens */\n    padding-top: 0rem;\n    padding-bottom: 1rem;\n  }\n  .epicenter-section .highlights .highlights-box .highlisht-map iframe {\n    height: 300px; /* Set a fixed height for the map */\n  }\n  .amentites {\n    padding-top: 1.5rem;\n  }\n  .amentites .ament-contents {\n    padding-bottom: 1rem;\n  }\n  .amentites .ament-contents h3 {\n    padding-bottom: 0.25rem;\n  }\n  .amentites .ament-contents p {\n    padding-top: 0.5rem;\n    font-size: 0.85rem;\n    line-height: 1.05rem;\n    text-align: center;\n    width: 100%;\n  }\n  .amentites .ament-contents .abt-boder {\n    width: 100%;\n    margin-bottom: 0.5rem;\n  }\n  #timeline {\n    flex-direction: column;\n    height: auto;\n    gap: 0.5rem;\n  }\n  .tl-item {\n    width: 100% !important;\n    height: 44px;\n    margin: 0;\n    border-radius: 26px;\n    overflow: hidden;\n    transition: height 0.8s ease-in-out;\n  }\n  .tl-item.active {\n    height: 12rem;\n  }\n  .tl-year {\n    transform: none;\n    position: relative;\n    top: auto;\n    left: auto;\n    text-align: left;\n    padding: 20px;\n    background: transparent;\n    border-radius: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: opacity 0.8s ease;\n    font-size: 0.85rem;\n    line-height: 0.95rem;\n  }\n  .floor-pd {\n    padding: 0 !important;\n  }\n  .home .abt-boder {\n    width: 100%;\n  }\n  .floor-icon img {\n    width: 1.2rem !important;\n  }\n  .tl-bg {\n    opacity: 0;\n  }\n  .tl-content {\n    width: 100%;\n    padding-left: 2rem;\n    border-radius: 0;\n    pointer-events: none;\n  }\n  .tl-content h4 {\n    font-size: 1.45rem;\n    margin-block: 0;\n    padding-bottom: 0.25rem;\n  }\n  .tl-content p {\n    font-size: 0.85rem;\n    line-height: 1.15rem !important;\n    margin-bottom: 0.5rem;\n    max-width: 20rem;\n  }\n  .tl-item.active .tl-bg {\n    opacity: 1;\n  }\n  .tl-item.active .tl-content {\n    opacity: 1;\n  }\n  .tl-item.active .tl-year {\n    opacity: 0;\n  }\n  #mob-view {\n    display: block;\n  }\n  .home {\n    padding-top: 1.5rem;\n  }\n  .home .home-contents {\n    flex-direction: column;\n  }\n  .home .home-contents .cont-l {\n    width: 100% !important;\n  }\n  .home .home-contents .cont-l .abt-boder {\n    width: 100% !important;\n  }\n  .home .home-contents .cont-r {\n    width: 100% !important;\n  }\n  .home .home-contents .cont-r p {\n    text-align: center;\n    padding-top: 0;\n  }\n  .home .desk-view {\n    display: none !important;\n  }\n  .home .acc-pad {\n    padding: 0 !important;\n  }\n  .home .acc-pad .button-container .contact-btn {\n    font-size: 0.55rem !important;\n    line-height: 0.8rem;\n    font-weight: 400;\n  }\n  .home .acc-pad .button-container .contact-btn-arrow {\n    padding: 0 12px !important;\n  }\n  .home .acc-pad .button-container .contact-btn-arrow img {\n    width: 13px;\n  }\n  .home .accordion .accordion-item .accordion-header .icon img {\n    width: 0.9rem;\n  }\n  .group {\n    margin-bottom: 0;\n    padding-bottom: 4.8rem;\n  }\n  .group .content-group {\n    top: 6%;\n    padding-right: 1rem;\n  }\n  .group .content-group .abt-boder {\n    border: 1px solid hsla(0, 0%, 100%, 0.11);\n    width: 100%;\n  }\n  .group .content-group h2 br {\n    display: none;\n  }\n  .group .content-group p {\n    width: 100%;\n    text-align: center;\n    font-size: 0.7rem !important;\n    line-height: 0.95rem !important;\n  }\n  footer .main-wrapper {\n    left: 4%;\n    right: 4%;\n    bottom: 0;\n  }\n  footer .main-wrapper p {\n    font-size: 0.7rem !important;\n    line-height: 1.05rem !important;\n    padding: 0rem 1rem;\n    font-weight: 300;\n    text-align: left;\n  }\n  footer .main-wrapper p svg {\n    width: 0.6rem;\n  }\n  .popup.active {\n    padding: 1rem;\n  }\n  .tl-bg {\n    height: 105%;\n  }\n  .pro-dice .button-container:hover .contact-btn {\n    transform: translateX(calc(100% - 54px)) !important;\n  }\n  .pro-dice .button-container:hover .contact-btn-arrow {\n    transform: translateX(calc(-100% - 54px)) !important;\n  }\n  .floor-pd .accordion-item {\n    padding-bottom: 30px;\n  }\n  .popup-content {\n    padding: 10px;\n  }\n  .popup-content .popup-header {\n    padding: 10px;\n  }\n  .privacy-sec {\n    padding-top: 3rem;\n    padding-bottom: 6rem;\n  }\n  .privacy-sec p {\n    color: #fff;\n    font-size: 0.7rem;\n    line-height: 19px;\n    font-weight: 400;\n    padding-bottom: 0.5rem;\n  }\n  .privacy-title {\n    font-size: 1.1rem;\n    line-height: 1.1rem;\n    font-weight: 400;\n    text-align: start;\n  }\n  .error-sec .error-cont {\n    width: 280px;\n    top: 30%;\n  }\n  .error-sec .error-cont p {\n    font-size: 6rem;\n    line-height: 100%;\n    font-weight: 700;\n    color: white;\n    font-family: Copperplate;\n  }\n  .error-sec .error-cont h3 {\n    font-weight: 400;\n    font-size: 22px;\n    line-height: 100%;\n    font-family: Copperplate;\n    margin-bottom: 10px;\n  }\n  .error-sec .error-cont span {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 100%;\n  }\n  .error-sec picture {\n    width: 100%;\n    padding-top: 12.5rem;\n  }\n  .error-sec picture img {\n    width: 100%;\n    height: 100%;\n  }\n  .error-sec .err-btn {\n    justify-content: center;\n    padding-top: 1.5rem;\n    display: block;\n  }\n  .error-sec .err-btn .contact-btn-arrow {\n    padding: 0.8rem;\n  }\n}\n@media (min-width: 821px) and (max-width: 1440px) {\n  #home .building-image .desk-banner img {\n    height: 76vh;\n  }\n}\n@media (max-width: 1368px) {\n  #home .building-image .desk-banner img {\n    height: 77vh;\n  }\n}\n@media (max-width: 1280px) {\n  #home .building-image .desk-banner img {\n    height: 65vh;\n  }\n}\n@media (max-width: 1024px) {\n  #home .building-image .desk-banner img {\n    height: 28vh;\n  }\n}\n@media (min-width: 768px) and (max-width: 820px) {\n  #home .building-image .desk-banner img {\n    height: 26vh !important;\n    width: -webkit-fill-available;\n  }\n}\n@media (max-width: 600px) {\n  .german-Precision {\n    margin-top: 0.5rem;\n  }\n  .faq-container {\n    padding-inline: 0 !important;\n    margin-top: 1.5rem !important;\n  }\n  .urban-living {\n    padding-top: 1.5rem !important;\n  }\n  .urban-living .Urban-slider {\n    padding-top: 2.5rem;\n  }\n  .urban-living .text-content {\n    flex-direction: column;\n  }\n  .urban-living .text-content h3 {\n    text-align: center;\n  }\n  .urban-living .text-content .abt-boder {\n    text-align: center;\n    align-items: center;\n    margin-inline: auto;\n  }\n  .urban-living .text-content .abt-right {\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n  }\n  .urban-living .text-content .abt-right p {\n    font-size: 0.85rem;\n  }\n  .highlisht-map p {\n    display: none;\n  }\n  .highlights-box {\n    flex-direction: column;\n  }\n  .highlights-box h3 {\n    text-align: center;\n  }\n  .highlights-box .mb-pra {\n    display: block !important;\n    font-size: 0.85rem;\n    font-weight: 400;\n    text-align: center;\n    line-height: 1.05rem;\n  }\n  .ament-contents h3 {\n    font-size: 1.3rem;\n  }\n  .ament-contents .abt-boder {\n    width: 30% !important;\n  }\n  .ament-contents p {\n    font-size: 0.7rem;\n    font-weight: 400;\n    line-height: 1.05rem;\n  }\n  .col-space {\n    padding-bottom: 0.5rem;\n  }\n  .popup-overlay .col-desc-space {\n    margin-bottom: 10px;\n  }\n}\n@media (max-width: 1680px) {\n  html,\n  body {\n    font-size: 18px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 84rem;\n  }\n}\n@media (max-width: 1600px) {\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 80rem;\n  }\n}\n@media (max-width: 1440px) {\n  html,\n  body {\n    font-size: 16px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 79rem;\n  }\n}\n@media (max-width: 1400px) {\n  html,\n  body {\n    font-size: 16px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 75rem;\n  }\n}\n@media (max-width: 1366px) {\n  html,\n  body {\n    font-size: 16px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 72rem;\n  }\n}\n@media (max-width: 1300px) {\n  html,\n  body {\n    font-size: 16px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 68rem;\n  }\n}\n@media (max-width: 1200px) {\n  html,\n  body {\n    font-size: 13px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 59rem;\n  }\n}\n@media (max-width: 1024px) {\n  html,\n  body {\n    font-size: 13px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 69rem;\n  }\n}\n@media (max-width: 991px) {\n  html,\n  body {\n    font-size: 10px;\n  }\n}\n@media (max-width: 820px) {\n  html,\n  body {\n    font-size: 9px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 79rem;\n  }\n}\n@media (max-width: 768px) {\n  html,\n  body {\n    font-size: 9px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 69rem;\n  }\n}\n@media (max-width: 600px) {\n  html,\n  body {\n    font-size: 16px;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 100%;\n    padding-inline: 1.1rem;\n  }\n  .sec-title {\n    font-size: 1.2rem;\n    line-height: 1.4;\n    margin-bottom: 1rem;\n  }\n  .btn {\n    padding: 0.5rem 1rem;\n    font-size: 0.8rem;\n  }\n}\n@media (max-width: 820px) {\n  .header {\n    background-color: #161515; /* Default background is removed */\n    transition: background-color 0.3s ease-in-out; /* Smooth transition */\n  }\n  .header nav {\n    padding: 0.8rem;\n  }\n  .header nav .logo img {\n    width: 9rem;\n  }\n  .header.menu-open {\n    background-color: #161515 !important; /* Background turns red when menu is open */\n  }\n  .nav-border {\n    border-top: 1px solid hsla(0, 0%, 100%, 0.2196078431);\n  }\n  .nav-links {\n    background-color: transparent; /* Default */\n  }\n  .nav-links.active {\n    background-color: #161515 !important; /* Turns red when active */\n  }\n  .button-container {\n    display: none;\n  }\n  .nav-links {\n    display: none;\n  }\n  .mobile-menu {\n    display: block;\n  }\n  .nav-links {\n    display: none; /* Hide the nav links by default on mobile */\n    flex-direction: column;\n    position: absolute;\n    top: 60px; /* Adjust based on your header height */\n    left: 0;\n    width: 100%;\n    background: rgba(255, 255, 255, 0.9); /* Semi-transparent background */\n    padding: 1rem;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  }\n  .nav-links.active {\n    display: flex; /* Show the nav links when the 'active' class is added */\n    z-index: 33;\n    height: 100vh;\n  }\n  .nav-links a {\n    text-decoration: none;\n    color: var(--white);\n    font-size: 0.9rem;\n    line-height: 1.05rem;\n    font-weight: 400;\n    transition: color 0.3s ease;\n  }\n  .nav-links a:hover {\n    color: var(--primary-color, rgb(185, 139, 68));\n  }\n  .mobile-menu {\n    display: block; /* Show the mobile menu button on mobile */\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 10px;\n    position: relative;\n    z-index: 1001; /* Ensure it's above other elements */\n    display: none;\n  }\n  .mobile-menu img {\n    width: 24px; /* Adjust size as needed */\n    height: 24px;\n    transition: transform 0.3s ease;\n  }\n  .mobile-menu.active img {\n    transform: rotate(45deg); /* Rotate the icon to create a cross effect */\n  }\n  .button-container {\n    display: none; /* Hide the button container on mobile */\n  }\n}\n/*/////////////////////////// D-NONE D-BLOCK in Media /////////////////*/\n@media (max-width: 1024px) {\n  /*Show and Hide*/\n  .d-1024-none {\n    display: none;\n  }\n  .d-1024-none-i {\n    display: none!important;\n  }\n  .d-1024-block {\n    display: block;\n  }\n  .d-1024-block-i {\n    display: block!important;\n  }\n}\n@media (max-width: 991px) {\n  /*Show and Hide*/\n  .d-991-none {\n    display: none;\n  }\n  .d-991-none-i {\n    display: none!important;\n  }\n  .d-991-block {\n    display: block;\n  }\n  .d-991-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n@media screen and (min-width: 991px) and (max-width: 1024px) {\n  /*Show and Hide*/\n  .d-991T1024-none {\n    display: none;\n  }\n  .d-991T1024-none-i {\n    display: none!important;\n  }\n  .d-991T1024-block {\n    display: block;\n  }\n  .d-991T1024-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n  .d-768T1024-none {\n    display: none;\n  }\n  .d-768T1024-none-i {\n    display: none!important;\n  }\n  .d-768T1024-block {\n    display: block;\n  }\n  .d-768T1024-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n/*Show and Hide*/\n@media (max-width: 768px) {\n  .d-768-none {\n    display: none;\n  }\n  .d-768-none-i {\n    display: none!important;\n  }\n  .d-768-block {\n    display: block;\n  }\n  .d-768-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n@media (max-width: 767px) {\n  /*Show and Hide*/\n  .d-767-none {\n    display: none;\n  }\n  .d-767-none-i {\n    display: none!important;\n  }\n  .d-767-block {\n    display: block;\n  }\n  .d-767-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n@media (max-width: 600px) {\n  /*Show and Hide*/\n  .d-600-none {\n    display: none;\n  }\n  .d-600-none-i {\n    display: none!important;\n  }\n  .d-600-block {\n    display: block;\n  }\n  .d-600-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n/*land*/\n@media (max-width: 480px) {\n  /*Show and Hide*/\n  .d-480-none {\n    display: none;\n  }\n  .d-480-none-i {\n    display: none!important;\n  }\n  .d-480-block {\n    display: block;\n  }\n  .d-480-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}\n@media (max-width: 375px) {\n  /*Show and Hide*/\n  .d-375-none {\n    display: none;\n  }\n  .d-375-none-i {\n    display: none!important;\n  }\n  .d-375-block {\n    display: block;\n  }\n  .d-375-block-i {\n    display: block!important;\n  }\n  /*Show and Hide End*/\n}","body,\nhtml {\n  font-family: $pf-font;\n  line-height: 1;\n  font-size: $rem-size;\n  font-weight: $font-r;\n  color: $p-color;\n  margin: 0;\n  padding: 0;\n  background-color: #010101;\n}\nbody.scroll-hidden {\n  overflow: hidden;\n}\n\n* {\n  font-family: $pf-font;\n  box-sizing: border-box;\n}\n\n.d-none {\n  display: none;\n}\n\n.h1,\nh1,\n.h2,\nh2,\n.h3,\nh3,\n.h4,\nh4,\n.h5,\nh5,\n.h6,\nh6 {\n  line-height: 1.2;\n}\n\n.h1,\nh1 {\n  font-weight: $font-r;\n  font-family: $sf-font;\n  font-size: rem(57px);\n  line-height: rem(58px);\n\n}\n\n.h2,\nh2 {\n  font-weight: $font-r;\n  font-size: rem(43px);\n  font-family: $sf-font;\n\n}\n\n.h3,\nh3 {\n  font-weight: $font-sb;\n  font-size: rem(32px);\n}\n\n.h4,\nh4 {\n  font-weight: $font-sb;\n  font-size: rem(26px);\n}\n\n.h5,\nh5 {\n  font-weight: $font-m;\n  font-size: rem(21px);\n}\n\n.h6,\nh6 {\n  font-weight: $font-b;\n  font-size: rem(16px);\n}\n\np {\n  color: #fff;\n  font-weight: $font-r;\n  margin: 0;\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n}\n\nul,\nli {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nimg {\n  display: block;\n  width: auto;\n  height: auto;\n}\n\nsvg {\n  width: auto;\n  height: auto;\n}\n\n.btn,\nselect {\n  //input\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.btn {\n  background-color: $pc;\n  padding: rem(12px) rem(32px);\n  border-radius: rem(6px);\n  border: unset;\n  font-size: rem(18px);\n  font-weight: $font-b;\n  color: $white;\n  cursor: pointer;\n}\n\n.sec-title {\n  font-size: rem(36px);\n  font-weight: $font-b;\n  line-height: 1.4;\n  margin-block: 0 rem(35px);\n  span {\n    font-weight: $font-sb;\n  }\n}\n.btn-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  a {\n    width: fit-content;\n    display: block;\n  }\n}\n\ntldx-lmi-shadow-root {\n  display: none;\n}\n\n@media (max-width: 1920px) {\n  html,\n  body {\n    $rem-size: 20px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1720px);\n    margin: 0 auto;\n  }\n}\n@media (min-width: 1920px) {\n  html,\n  body {\n    $rem-size: 20px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1720px);\n    margin: 0 auto;\n  }\n}\n",":root {\n    // --primary-color: #B38B59;\n    --secondary-color: #333;\n    --text-color: #444;\n    --white: #fff;\n    // --max-width: 1200px;\n}\n.header {\n \n    width: 100%;\n    background:#000;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n}\n\n.nav {\n    margin-inline: auto;\n    padding: 50px 0px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.logo {\n    width: 0;\n}\n\n.nav-links {\n    display: flex;\n    gap: 2rem;\n    list-style: none;\n    width: 50%;\n}\n\n.nav-links a {\n    text-decoration: none;\n    color:var(--white);\n    font-weight: 500;\n    transition: color 0.3s ease;\n    &:hover {\n        background: linear-gradient(270deg, #B98B44 0%, #D9AE5C 50%, #FFE784 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n}\n.contact-btn {\n    background: #B98B44;\n    color: var(--white);\n    border: none;\n    padding: rem(10px) rem(20px);\n    border-radius: rem(27.5px);\n    font-size: rem(18px);\n    cursor: pointer;\n    transition: all 0.6s ease-in-out;\n    transform: translateX(0);\n}\n\n.contact-btn-arrow {\n    background: #B98B44;\n    color: var(--white);\n    border: none;\n    padding: rem(20px);\n    border-radius: 50%;\n    font-size: rem(18px);\n    cursor: pointer;\n    transition: all 0.6s ease-in-out;\n    transform: translateX(0);\n}\n\n.button-container {\n    display: flex;\n    position: relative;\n    // gap: 8px; /* Add some space between buttons */\n}\n\n.button-container:hover .contact-btn {\n    transform: translateX(calc(100% - 74px)); /* Move right by 100% + gap */\n}\n\n.button-container:hover .contact-btn-arrow {\n    transform: translateX(calc(-100% - 74px)); /* Move left by 100% + gap */\n}\n\n.mobile-menu {\n    display: none;\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    cursor: pointer;\n}","body {\n  &.no-scroll {\n    overflow: hidden;\n    padding-right: 15px; // Compensate for scrollbar disappearance\n  }\n}\nmain {\n  overflow-x: hidden;\n  overflow-y: hidden;\n  color: #fefefe;\n}\n\n.slick-slider2 {\n  width: 100%;\n  margin: auto;\n}\n\n.slick-slide {\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n  overflow: unset !important;\n}\n\n.banner.container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n}\n\n.building-image image {\n  width: 100%;\n  object-fit: cover;\n  border-radius: 20px;\n}\n\n.slider-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 1200px;\n  margin: unset;\n  padding-left: 100px;\n}\n\n.banner {\n  display: flex;\n  align-items: start;\n  justify-content: space-between;\n  height: rem(682px);\n  // padding: 50px;\n  #home {\n    position: relative;\n  }\n\n  .slider {\n    width: 300px;\n    overflow: hidden;\n    position: relative;\n  }\n  .slider-wrapper {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n  .card {\n    min-width: 300px;\n    padding: 20px;\n    background: #f4f4f4;\n    text-align: center;\n    border-radius: 10px;\n    margin: 10px;\n  }\n  .controls {\n    text-align: center;\n    margin-top: 10px;\n  }\n  .controls button {\n    padding: 10px;\n    margin: 5px;\n    cursor: pointer;\n  }\n\n  .content {\n    width: rem(780px);\n    text-align: center;\n    position: relative;\n    z-index: 2;\n    .content-l {\n      background: #000000;\n      padding-right: rem(69px);\n      padding-left: rem(69px);\n      border-radius: rem(18px);\n      border: 1px solid transparent;\n      margin-top: rem(100px);\n      height: rem(510px);\n\n      h2 {\n        margin: 0;\n        margin-bottom: rem(20px);\n        font-size: rem(46px);\n        font-weight: 300;\n      }\n\n      .amenities {\n        font-size: rem(20px);\n        color: #fff;\n        font-weight: 400;\n        line-height: rem(25px);\n        max-width: rem(600px);\n      }\n\n      .image {\n        position: relative;\n        top: rem(40px);\n        height: rem(170px);\n        width: 100%;\n        border-radius: 10px;\n\n        .img-indx {\n          width: 100%;\n          height: rem(190) px;\n          overflow: hidden;\n          border-radius: rem(20px);\n\n          img {\n            width: 100%;\n            height: -webkit-fill-available;\n            object-fit: cover;\n            border-radius: 10px;\n          }\n        }\n      }\n\n      .image::before,\n      .image::after {\n        content: \"\";\n        position: absolute;\n        width: rem(50px);\n        height: rem(290px);\n        background-repeat: no-repeat;\n        background-size: contain;\n        padding: rem(12px);\n      }\n      .image::before {\n        background-image: url(\"../images/left_border.svg\"); /* Replace with actual image */\n        top: -109%;\n        left: rem(-48px);\n      }\n\n      .image::after {\n        // background-image: url('../images/r-b.svg');\n        background-image: url(\"../images/right_border.svg\"); /* Replace with actual image */\n        top: -109%;\n        right: rem(-74px);\n      }\n    }\n  }\n\n  .building-image {\n    position: absolute;\n    width: 52%;\n    height: auto;\n  }\n}\n\n// About section\n\n.urban-living {\n  align-items: center;\n  justify-content: space-between;\n  padding-top: rem(70px);\n  margin: unset;\n\n  .text-content {\n    // max-width: 50%;\n    display: flex;\n    justify-content: space-between;\n    .abt-left {\n      width: 35%;\n      h3{\n        // margin: 0;\n        margin-bottom: rem(20px);\n      }\n      .button-container-abt {\n        padding-top: rem(30px);\n        display: flex;\n        position: relative;\n        max-width: fit-content;\n      }\n\n      .abt-btn {\n        background: #000000;\n        color: var(--white);\n        border: rem(1px) solid #fefefe;\n        padding: rem(10px) rem(20px);\n        border-radius: rem(27.5px);\n        font-size: rem(16px);\n        line-height: rem(21px);\n      }\n\n      .abt-boder {\n        border: 1px solid #f9ad09;\n        width: rem(224px);\n      }\n    }\n    .abt-right {\n      width: 100%;\n      padding-top: rem(30px);\n    }\n\n    p {\n      font-size: rem(20px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(33px);\n    }\n  }\n\n  .image-container {\n    padding-top: 60px;\n    display: flex;\n    gap: rem(30px);\n    width: 100%;\n\n    .image-left,\n    .image-right {\n      transition: all 0.8s linear;\n      border-radius: rem(20px);\n      box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);\n      height: rem(500px);\n      width: 100%;\n      overflow: hidden;\n      position: relative;\n      object-fit: cover;\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 10px;\n      }\n    }\n\n    .image-left {\n      width: 90%; // Default width\n    }\n\n    .image-right {\n      width: 45%;\n    }\n\n    .image-container:hover {\n      pointer-events: none; // Prevents other interactions until the transition completes\n    }\n  }\n  .Urban-slider {\n    padding-top: rem(100px);\n    background: #000;\n\n    .Urban-slider-wrapper {\n      display: flex;\n      align-items: left;\n      justify-content: space-between;\n      gap: 2.5rem;\n    }\n\n    .Urban-item {\n      text-align: left;\n      color: #fff;\n      flex: 1;\n\n      h3 {\n        margin: 0 0 0.3rem;\n        line-height: 1.1;\n        white-space: nowrap;\n        \n      }\n\n      h3:hover {\n        color: #f9ad09;\n      }\n\n      p {\n        color: #fff;\n        margin: 0;\n        font-size: 1rem;\n        font-weight: 400;\n        opacity: 0.85;\n        line-height: 1.4;\n      }\n      \n    }\n\n    \n  }\n  .urban-dots {\n  display: none;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1rem;\n}\n\n.urban-dots .dot {\n  width: rem(8px);\n  height: rem(8px);\n  border-radius: 50%;\n  background: #555;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.urban-dots .dot.active {\n  background: #fff;\n  transform: scale(1.3);\n}\n}\n@media (max-width: 768px) {\n\n\n\n  .Urban-slider-wrapper{\n    display: flex;\n    gap: 2.5rem;\n    overflow-x: auto;                 /* ✅ must */\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n  }\n  .Urban-slider-wrapper::-webkit-scrollbar{ display:none; }\n\n  .Urban-item{\n    flex: 0 0 85%;                    /* adjust if you want */\n    scroll-snap-align: start;\n  }\n\n  .urban-dots{\n    display: flex !important;                   \n    justify-content: center;\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .urban-dots .dot{\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #555;\n    cursor: pointer;\n    transition: .3s;\n  }\n  .urban-dots .dot.active{\n    background: #fff;\n    transform: scale(1.3);\n  }\n}\n// address section\n\n.address-section {\n  padding-top: rem(54px);\n  position: relative;\n  // clip-path: inset(0 0 0 0);\n  .address-box {\n    display: flex;\n    gap: rem(30px);\n\n    background-image: url(../images/abt-bg.svg);\n    background-repeat: no-repeat;\n    background-position: 54% 68%;\n\n    .content {\n      width: 50%;\n      position: relative;\n      h2 {\n        padding-top: rem(20px);\n      }\n      .abt-boder {\n        border: 1px solid #f9ad09;\n        width: rem(224px);\n        margin-bottom: rem(20px);\n      }\n      p {\n        font-size: rem(16px);\n        font-weight: var(--font-r);\n        color: #fefefe;\n        line-height: rem(21px);\n      }\n\n      .button-container-abt {\n        padding-top: rem(30px);\n        display: flex;\n        position: relative;\n        max-width: fit-content;\n        z-index: 1;\n\n        .abt-btn {\n          background: #000000;\n          color: var(--white);\n          border: rem(1px) solid #fefefe;\n          padding: rem(10px) rem(20px);\n          border-radius: rem(27.5px);\n          font-size: rem(16px);\n          line-height: rem(21px);\n          cursor: pointer;\n          transition: all 0.6s ease-in-out;\n          transform: translateX(0);\n        }\n\n        .abt-btn-arrow {\n          background: #000000;\n          color: var(--white);\n          border: rem(1px) solid #fefefe;\n          padding: rem(20px);\n          border-radius: 50%;\n          font-size: rem(18px);\n          cursor: pointer;\n          transition: all 0.6s ease-in-out;\n          transform: translateX(0);\n        }\n      }\n\n      .button-container-abt:hover .abt-btn {\n        transform: translateX(calc(100% - 145px));\n      }\n\n      .button-container-abt:hover .abt-btn-arrow {\n        transform: translateX(calc(-100% - 145px));\n      }\n\n      picture {\n        img {\n          width: 86%;\n          position: absolute;\n          left: 23%;\n          top: 70%;\n        }\n      }\n    }\n    .info-boxes {\n      width: 50%;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 40px;\n      z-index: 2;\n      background-color: #000000;\n      padding: rem(5px);\n      .info-box {\n        background: linear-gradient(\n          123.73deg,\n          hsla(0, 0%, 55%, 0.4) 11.24%,\n          hsla(0, 0%, 21%, 0.2) 80.18%\n        );\n        padding: 20px;\n        border-radius: rem(32px);\n        display: flex;\n        align-items: start;\n        gap: 15px;\n        flex-direction: column;\n\n        p {\n          font-size: rem(18px);\n          font-weight: var(--font-r);\n          color: #fefefe;\n          line-height: rem(24px);\n        }\n      }\n    }\n  }\n\n  .add-img {\n    .add-img-2 {\n      position: absolute;\n      top: 100%;\n      right: -13%;\n    }\n  }\n}\n\n// epic center\n\n.epicenter-section {\n  padding-top: rem(100px);\n  padding-bottom: rem(30px);\n  .highlights {\n    margin-top: 30px;\n    .abt-boder {\n      border: 1px solid #f9ad09;\n      width: rem(224px);\n      margin-bottom: rem(20px);\n    }\n    h4 {\n      font-size: rem(21px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(21px);\n      font-family: $sf-font;\n      // padding-top: rem(33px);\n    }\n    .highlights-box {\n      display: flex;\n      gap: rem(10px);\n      justify-content: space-between;\n\n      h3{\n        margin-bottom: rem(20px);\n      }\n      .mb-pra {\n        display: none;\n      }\n      .highlight-boxes {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        // gap: 20px;\n\n        .box-line {\n          position: relative;\n        }\n      }\n\n      .highlight-box {\n        // background: rgba(255, 255, 255, 0.1);\n        padding: rem(20px);\n        padding-left: 0;\n        border-radius: 8px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n\n        .icon {\n          // background: #c49a5a;\n          // padding: 10px;\n          font-size: 1.5rem;\n          display: flex;\n          justify-content: left;\n          align-items: center;\n        }\n\n        p {\n          font-size: rem(20px);\n          color: #fefefe;\n          line-height: rem(24px);\n          padding-top: rem(10px);\n          font-weight: 700;\n        }\n\n        ul {\n          list-style: disc;\n          padding: 0;\n          padding-left: rem(30px);\n\n          li {\n            font-size: rem(20px);\n            font-weight: var(--font-r);\n            color: #fefefe;\n            line-height: rem(33px);\n            margin: 5px 0;\n            list-style: disc;\n          }\n        }\n      }\n    }\n    .highlisht-map {\n      width: 50%;\n      h2 {\n        display: none;\n      }\n      .abt-boder {\n        display: none;\n      }\n      p {\n        font-size: rem(20px);\n        font-weight: var(--font-r);\n        color: #fefefe;\n        line-height: rem(33px);\n        padding-top: rem(33px);\n        padding-bottom: rem(44px);\n      }\n      .image-container {\n        height: 75%;\n\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          border-radius: 20px !important;\n        }\n      }\n    }\n  }\n}\n\n.epicenter-section .highlights .highlights-box .cont-l h2 {\n  margin-bottom: rem(16px);\n}\n\n// Amenities\n\n.amentites {\n  padding-top: rem(100px);\n  padding-bottom: rem(50px);\n  \n  .ament-contents {\n    padding-bottom: rem(50px);\n    h3 {\n      width: 90%;\n      margin: auto;\n      text-align: center;\n      margin-bottom: rem(20px);\n    }\n    .abt-boder {\n      border: 1px solid #f9ad09;\n      width: rem(224px);\n      margin: auto;\n    }\n    p {\n      font-size: rem(20px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(30px);\n      padding-top: rem(30px);\n      text-align: center;\n      width: 70%;\n      margin: auto;\n    }\n  }\n\n  // slider show\n}\n\n.home {\n  padding-top: rem(100px);\n  padding-bottom: rem(60px);\n  .home-contents {\n    display: flex;\n    padding-bottom: rem(30px);\n    .cont-l {\n      width: 53%;\n      .abt-boder {\n        border: 1px solid #f9ad09;\n        width: 94%;\n      }\n    }\n    .cont-r {\n      width: 47%;\n      p {\n        font-size: rem(16px);\n        font-weight: var(--font-r);\n        color: #fefefe;\n        line-height: rem(22px);\n        padding-top: rem(30px);\n      }\n    }\n  }\n\n  // Accordion\n\n  .split-container {\n    width: 100%;\n    display: flex;\n    gap: 2rem;\n    align-items: stretch;\n  }\n\n  .accordion-container {\n    width: 50%;\n  }\n\n  .image-container {\n    flex: 1;\n    position: relative;\n    min-height: 500px;\n    border-radius: rem(32px);\n    overflow: hidden;\n  }\n\n  .split-container.reverse {\n    // flex-direction: row-reverse; /* Reverse the order of the flex items */\n    padding-top: rem(90px);\n  }\n\n  .split-container.reverse .accordion-container {\n    width: 40%;\n    margin-top: rem(-60px);\n  }\n  .abt-boder {\n    border: 1px solid F9AD09;\n    width: rem(224px);\n    margin-bottom: rem(20px);\n  }\n\n  .split-container.reverse .image-container {\n    flex: 1;\n    position: relative;\n    min-height: 500px;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n\n  .feature-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    transition: opacity 0.3s ease-in-out;\n    display: none;\n\n    &.active {\n      opacity: 1;\n      display: block;\n    }\n  }\n  .img-blur {\n    filter: blur(3px);\n  }\n\n  .accordion {\n    background: linear-gradient(\n      123.55deg,\n      hsla(0, 0%, 40%, 0.4) -16.26%,\n      hsla(0, 0%, 29%, 0.1) 83.03%\n    );\n    border-radius: 10px;\n    overflow: hidden;\n\n    .accordion-item {\n      border-bottom: 1px solid hsla(0, 0%, 50%, 0.2196078431);\n\n      &:last-child {\n        border-bottom: none;\n      }\n\n      .accordion-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        // padding: rem(0px) rem(20px);\n        cursor: pointer;\n        // background: linear-gradient(123.55deg, rgba(255, 255, 255, 0.4) 11.74%, rgba(255, 255, 255, 0.1) 87.03%);\n        transition: background-color 0.3s ease;\n\n        h3 {\n          font-size: rem(28px);\n          font-weight: var(--font-r);\n          color: #fefefe;\n          line-height: rem(28px);\n          font-family: $sf-font;\n        }\n        .flr {\n          font-family: $pf-font;\n        }\n\n        .icon {\n          color: #646cff;\n          font-size: 1.5rem;\n          font-weight: bold;\n          transition: transform 0.3s ease;\n        }\n      }\n\n      .accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition:\n          max-height 0.5s ease-out,\n          opacity 0.5s ease-out !important; /* Smooth transition for max-height and opacity */\n        opacity: 0;\n        padding: 0 rem(20px);\n\n        &.active {\n          max-height: 500px; /* Adjust based on your content */\n          opacity: 1;\n          padding-bottom: rem(10px);\n        }\n\n        p {\n          font-size: rem(16px);\n          font-weight: var(--font-r);\n          color: #fefefe;\n          line-height: rem(21px);\n          padding-bottom: rem(16px);\n        }\n      }\n\n      .property-card {\n        // background: linear-gradient(to right, #121212, #1a1a1a);\n        background: linear-gradient(4deg, #444444ba, #1a1a1a);\n        color: white;\n        padding: 20px;\n        border-radius: 12px;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n\n        .property-info {\n          .pro-dice {\n            display: flex;\n            justify-content: space-between;\n            .price-dics {\n              display: flex;\n              align-items: center;\n            }\n\n            .contact-btn {\n              background: #b98b44;\n              color: var(--white);\n              border: none;\n              padding: rem(10px) rem(20px);\n              border-radius: rem(27.5px);\n              font-size: rem(18px);\n              cursor: pointer;\n              transition: all 0.6s ease-in-out;\n              transform: translateX(0);\n            }\n\n            .contact-btn-arrow {\n              background: #b98b44;\n              color: var(--white);\n              border: none;\n              padding: rem(20px);\n              border-radius: 50%;\n              font-size: rem(18px);\n              cursor: pointer;\n              transition: all 0.6s ease-in-out;\n              transform: translateX(0);\n            }\n\n            .button-container {\n              display: flex;\n              position: relative;\n            }\n\n            .button-container:hover .contact-btn {\n              transform: translateX(calc(100% - 74px));\n            }\n\n            .button-container:hover .contact-btn-arrow {\n              transform: translateX(calc(-100% - 74px));\n            }\n          }\n        }\n      }\n    }\n  }\n  .acc {\n    background: unset;\n  }\n}\n\n// end\n\n.group {\n  position: relative;\n  margin-bottom: rem(60px);\n  img {\n    background-size: cover; /* Ensures the image covers the whole page */\n    background-position: center; /* Centers the image */\n    background-repeat: no-repeat; /* Prevents the image from repeating */\n    width: 100%;\n    height: auto;\n  }\n  .content-group {\n    position: absolute;\n    top: 20%;\n\n    p {\n      width: 60%;\n      font-size: rem(16px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(21px);\n      padding-top: rem(30px);\n    }\n  }\n}\n\nfooter {\n  .foot {\n    position: relative;\n    .footer-cont {\n      background-color: #000000;\n      border-radius: rem(20px);\n      position: absolute;\n      bottom: 0;\n      padding: 20px;\n      left: 26%;\n      p {\n        font-size: rem(20px);\n        font-weight: 400;\n        color: #fefefe;\n        line-height: rem(33px);\n        padding-top: rem(15px);\n        padding-bottom: rem(30px);\n        text-align: center;\n      }\n    }\n  }\n}\n/* Timeline Container */\n#timeline {\n  display: flex;\n  height: rem(680px);\n  background-color: #000000;\n  position: relative;\n  gap: 20px;\n}\n\n.tl-item {\n  position: relative;\n  width: 6%;\n  // padding: 50px;\n  transition: width 0.8s ease-in-out;\n  display: flex;\n  align-items: flex-end;\n  // justify-content: center;\n  background: #010101;\n  border: 1px solid #5a5a5a;\n  border-radius: rem(20px);\n  height: rem(580px);\n}\n\n/* Active state */\n.tl-item.active {\n  width: rem(820px);\n}\n\n.tl-item.active .tl-bg {\n  opacity: 1;\n}\n\n.tl-item.active .tl-bg img {\n  filter: grayscale(0);\n}\n\n.tl-item.active .tl-content {\n  opacity: 1;\n}\n\n.tl-item.active .tl-year {\n  opacity: 0;\n}\n\n.tl-year {\n  border-radius: 10px;\n  transition: opacity 0.5s ease-in-out;\n  transform-origin: left center;\n  position: absolute;\n  z-index: 2;\n  transform: rotate(-90deg);\n  white-space: nowrap;\n  color: #fefefe;\n  font-size: rem(26px);\n  vertical-align: bottom;\n  width: 100%;\n    // padding-left: rem(67px);\n    padding-top: rem(100px);\n    cursor: pointer;\n  \n}\n\n.tl-bg {\n  position: absolute;\n  width: 100%;\n  height: rem(580px);\n  opacity: 0;\n  transition: opacity 0.8s ease-in-out;\n}\n\n.tl-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: grayscale(100%);\n  transition: filter 0.8s ease;\n  border-radius: rem(20px);\n}\n\n/* Content */\n.tl-content {\n  position: absolute;\n  bottom: 0;\n  left: 45%;\n  transform: translateX(-50%);\n  text-align: left;\n  opacity: 0;\n  transition: opacity 0.8s ease-in-out;\n  width: 80%;\n  cursor: pointer;\n\n  h4{\n    font-size: rem(26px);\n    font-weight: 700;\n    margin-block: 0;\n    padding-bottom: rem(20px);\n  }\n}\n\n.tl-content p {\n  font-size: rem(20px);\n  color: #fefefe;\n  margin: 0;\n  margin-bottom: 30px;\n  line-height: rem(33px);\n}\n\n@media (max-width: 768px) {\n  #timeline {\n    gap: 25;\n  }\n  .tl-item {\n    border-radius: rem(10px) !important;\n  }\n}\n\n// Home section and floor\n#mob-view {\n  display: none;\n}\n.accordion-item .accordion-content.active + .accordion-item,\n.accordion-item .accordion-content.active {\n  border-bottom: none;\n}\n/* Add this to your CSS */\n.accordion-item .accordion-content.active {\n  max-height: none !important;\n  // padding-bottom: 70px !important;\n}\n\n.accordion-item .accordion-content.active ~ .accordion-item,\n.accordion-item:has(.accordion-content.active) {\n  border-bottom: none !important;\n}\n\n.mobile-image {\n  display: none;\n}\n\n.accordion-content.active .mobile-image {\n  display: block !important;\n}\n.home {\n  padding-top: rem(100px);\n  padding-bottom: rem(60px);\n\n  .split-container {\n    width: 100%;\n    display: flex;\n    gap: 2rem;\n\n    @media (max-width: 768px) {\n      flex-direction: column;\n      gap: 1rem;\n    }\n  }\n\n  .accordion-container {\n    width: 50%;\n\n    @media (max-width: 768px) {\n      width: 100%;\n    }\n  }\n\n  .desktop-image-container {\n    flex: 1;\n    position: relative;\n    min-height: 500px;\n    border-radius: 10px;\n    overflow: hidden;\n\n    @media (max-width: 768px) {\n      display: none;\n    }\n  }\n\n  .mobile-image {\n    display: none;\n    width: 100%;\n    margin-top: 1rem;\n    border-radius: 8px;\n    overflow: hidden;\n\n    @media (max-width: 768px) {\n      display: block;\n\n      img {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n      }\n    }\n  }\n\n  .accordion {\n    background: linear-gradient(\n      123.55deg,\n      hsla(0, 0%, 40%, 0.4) -16.26%,\n      hsla(0, 0%, 29%, 0.1) 83.03%\n    );\n    border-radius: rem(32px);\n    overflow: hidden;\n    padding: rem(20px);\n\n    .accordion-item {\n      border-bottom: 1px solid hsla(0, 0%, 50%, 0.2196078431);\n\n      .accordion-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        // padding: rem(20px);\n        cursor: pointer;\n        .flr {\n          font-size: rem(21px);\n          font-family: $pf-font;\n        }\n        h3 {\n          font-size: rem(28px);\n\n          @media (max-width: 768px) {\n            font-size: rem(18px);\n            line-height: rem(18px);\n          }\n        }\n      }\n\n      .accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        padding: 0;\n        transition: max-height 0.3s ease-out;\n\n        &.active {\n          max-height: none;\n          padding-bottom: rem(0px);\n        }\n\n        p {\n          font-size: rem(16px);\n          line-height: rem(21px);\n          padding-bottom: rem(16px);\n          span {\n            color: rgba(185, 139, 68, 1);\n            font-weight: 900;\n          }\n\n          @media (max-width: 768px) {\n            font-size: rem(14px);\n            line-height: rem(20px);\n            padding: 5px 0;\n          }\n        }\n      }\n    }\n  }\n\n  // Floor plans section styles\n  .split-container.reverse {\n    padding-top: rem(90px);\n\n    @media (max-width: 768px) {\n      padding-top: rem(40px);\n    }\n\n    .accordion-container {\n      width: 40%;\n      margin-top: rem(-60px);\n\n      @media (max-width: 768px) {\n        width: 100%;\n        margin-top: 0;\n      }\n    }\n  }\n}\n\n//floor\n\n.split-container.reverse {\n  width: 100%;\n  display: flex;\n  gap: 2rem;\n  padding-top: rem(90px);\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n    padding-top: rem(40px);\n    gap: 1rem;\n  }\n\n  .image-container {\n    flex: 1;\n    position: relative;\n    min-height: 500px;\n    border-radius: 10px;\n    overflow: hidden;\n\n    @media (max-width: 768px) {\n      display: none;\n    }\n\n    picture {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n    .feature-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0;\n      transition: opacity 0.5s ease-in-out; /* Smooth transition for opacity */\n      display: none;\n\n      &.active {\n        opacity: 1;\n        display: block;\n      }\n    }\n  }\n\n  .accordion-container {\n    width: 40%;\n    margin-top: rem(-60px);\n\n    @media (max-width: 768px) {\n      width: 100%;\n      margin-top: 0;\n    }\n\n    h2 {\n      color: #fefefe;\n      margin-bottom: rem(20px);\n    }\n\n    .accordion.acc {\n      background: unset;\n\n      .accordion-item {\n        .accordion-content {\n          .property-card {\n            margin-bottom: rem(20px);\n          }\n\n          .mobile-floor-image {\n            display: none;\n            width: 100%;\n            margin-top: 20px;\n            border-radius: 30px;\n            overflow: hidden;\n          }\n\n          @media (max-width: 768px) {\n            .mobile-floor-image {\n              display: block;\n            }\n            .mobile-floor-image img {\n              width: 100%;\n              height: auto;\n              object-fit: cover;\n              filter: blur(3px); /* Initial blur effect */\n              transition: filter 0.3s ease; /* Smooth transition for filter changes */\n            }\n          }\n        }\n\n        .property-card {\n          .property-info {\n            .pro-dice {\n              margin-bottom: rem(15px);\n\n              @media (max-width: 768px) {\n                margin-bottom: rem(10px);\n              }\n\n              &:last-child {\n                margin-bottom: 0;\n              }\n\n              .button-container {\n                @media (max-width: 768px) {\n                  flex-direction: row;\n                  // gap: rem(10px);\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n// popup\n\n// Variables\n$primary: #b98b44;\n$dark: #2f2f2f;\n$darker: #1a1a1a;\n$error: #ff4444;\n$white: #fff;\n$border: #444;\n\n// Button styles\n\n// Popup styles\n// .popup {\n//   display: none;\n//   position: fixed;\n//   inset: 0;\n//   background: rgba(0, 0, 0, 0.5);\n//   z-index: 1000;\n\n//   &.active {\n//     display: flex;\n//     align-items: center;\n//     justify-content: center;\n//   }\n// }\n\n// .popup-content {\n//   background: $dark;\n//   color: $white;\n//   padding: 20px;\n//   border-radius: 8px;\n//   width: 100%;\n//   max-width: 500px;\n//   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n// }\n\n// .popup-header {\n//   display: flex;\n//   justify-content: space-between;\n//   align-items: center;\n//   margin-bottom: 20px;\n\n//   h2 {\n//     margin: 0;\n//     font-size: 24px;\n//     padding-left: rem(13px);\n//   }\n\n//   .close {\n//     cursor: pointer;\n//     font-size: 24px;\n//     color: #888;\n\n//     &:hover {\n//       color: $white;\n//     }\n//   }\n// }\n\n// Form styles\n// .form-group {\n//   margin-bottom: 20px;\n\n//   label {\n//     display: block;\n//     margin-bottom: 8px;\n//     color: $white;\n//   }\n\n//   input, select {\n//     width: 100%;\n//     padding: 8px 12px;\n//     border: 1px solid $border;\n//     border-radius: 4px;\n//     background: $darker;\n//     color: $white;\n//     font-size: 16px;\n\n//     appearance: menulist; /* Ensure default dropdown arrow is visible */\n//     -webkit-appearance: menulist; /* For Safari */\n//     -moz-appearance: menulist; /* For Firefox */\n//     width: 100%; /* Ensure it has a proper width */\n//     padding: 8px; /* Add padding for better appearance */\n//     border: 1px solid #ccc; /* Add a border */\n//     border-radius: 4px; /* Optional: Add rounded corners */\n\n//     &:focus {\n//       outline: none;\n//       border-color: $primary;\n//     }\n//   }\n\n//   &.error {\n//     input, select {\n//       border-color: $error;\n//     }\n\n//     .error-message {\n//       display: block;\n//     }\n//   }\n// }\n\n// .phone-input {\n//   display: flex;\n//   gap: 10px;\n\n//   select {\n//     width: auto;\n//   }\n\n//   input {\n//     flex: 1;\n//   }\n// }\n\n// .error-message {\n//   display: none;\n//   color: $error;\n//   font-size: 14px;\n//   margin-top: 4px;\n// }\n\n// .checkbox {\n//   display: flex;\n//   align-items: flex-start;\n//   gap: 10px;\n\n//   input {\n//     margin-top: 4px;\n//     width: auto;\n//   }\n// }\n\n.success-message {\n  color: green;\n  font-size: 14px;\n  margin-top: 10px;\n  text-align: center;\n}\n\n.form-error {\n  color: #ff4444;\n  background: rgba(255, 68, 68, 0.1);\n  border: 1px solid #ff4444;\n  padding: rem(12px);\n  border-radius: rem(10px);\n  font-size: rem(14px);\n  margin-top: rem(10px);\n  text-align: center;\n}\n\n.submit-btn {\n  width: 100%;\n  padding: 12px;\n  background: $primary;\n  color: $white;\n  border: none;\n  border-radius: 4px;\n  font-size: 16px;\n  cursor: pointer;\n\n  &:hover {\n    background: darken($primary, 10%);\n  }\n}\n\n// form css new\n\n.popup-content .title {\n  display: none;\n}\n\n.popup-content .selldof_field-container {\n  width: 100%;\n}\n\n.popup-content .form-group label {\n  font-size: rem(19px);\n}\n\n.popup-content .form-group .btn {\n  font-size: rem(16px);\n  background-color: #b98b44;\n  border: none;\n}\n.popup-content .form-group select {\n  font-size: rem(19px);\n}\n.popup-content .form-group {\n  margin-bottom: rem(10px) !important;\n}\n.popup-content .form-group input,\n.popup-content .form-group select {\n  height: rem(40px);\n  background-color: #1a1a1a;\n  color: #fff;\n  font-size: rem(19px);\n}\n\n.selldof .checkbox input[type=\"checkbox\"] {\n  margin-top: rem(-15px);\n}\n\n.sell_do_form_actual_container {\n  .selldof_row:nth-child(6) {\n    label {\n      font-size: rem(14px);\n      font-weight: 400;\n    }\n  }\n}\n\n// privacy-sections\n\n.privacy-sec {\n  padding-top: rem(60px);\n  padding-bottom: rem(90px);\n  p {\n    color: #fff;\n    font-size: rem(19px);\n    line-height: 25px;\n    font-weight: 400;\n    padding-bottom: rem(20px);\n  }\n}\n\n.privacy-title {\n  font-size: rem(25px);\n  line-height: rem(25px);\n  font-weight: 400;\n  text-align: start;\n}\n\n.prvicy-img {\n  display: flex;\n  justify-self: start;\n}\n\n.pravc-cont {\n  display: flex;\n  padding-top: 13px;\n  justify-content: center;\n  padding-left: 17px;\n}\n\n// 404 page\n\n.error-sec {\n  position: relative;\n  height: 90vh; /* Ensure container takes full viewport height */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .error-cont {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center; /* Center text content */\n    z-index: 2; /* Ensure it appears above the image */\n    p {\n      font-size: rem(168px);\n      line-height: 100%;\n      font-weight: 700;\n      color: #ffff;\n      font-family: Copperplate;\n    }\n    h3 {\n      font-weight: 400;\n      font-size: 32px;\n      line-height: 100%;\n      font-family: Copperplate;\n    }\n    span {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 100%;\n    }\n  }\n  picture {\n    width: 100%;\n    padding-top: rem(250px);\n  }\n  picture img {\n    width: 100%;\n    height: 100%;\n    // padding-top: rem(100px);\n  }\n  .err-btn {\n    justify-content: center;\n    padding-top: rem(30px);\n  }\n}\n\n// Footer styling goes here\n\nfooter {\n  .container {\n    .main-wrapper {\n      p {\n        color: $white;\n        text-align: center;\n        margin-block: rem(20px);\n      }\n    }\n  }\n}\n\n// FAQ styling goes here\n.faq {\n  padding-top: rem(100px);\n  padding-bottom: rem(60px);\n\n  @include max(d-600) {\n    padding-block: mrem(50px);\n    padding-bottom: mrem(10px);\n  }\n\n  .container {\n    .row {\n      text-align: center;\n\n      h3{\n        margin-bottom: rem(20px);\n      }\n      .abt-boder {\n      border: 1px solid #f9ad09;\n      width:rem(224px);\n      margin: auto;\n      \n    }\n      .section_heading {\n    \n        font: rem(48px) normal 400 rem(48px) inherit;\n        color: $white;\n        margin: 0 0 rem(30px);\n\n        @include max(d-600) {\n          font-size: 24px;\n          line-height: 32px;\n          font-weight: 700;\n          margin-bottom: mrem(30px);\n        }\n   \n      }\n\n      .faq-container {\n\n        width: 100%;\n        background: linear-gradient(135deg, #292929 0%, #0B0B0B 100%);\n        padding-inline: rem(30px);\n        border-radius: rem(30px);\n        margin-top: rem(50px);\n      }\n\n      /* Individual FAQ Item */\n      .faq-item {\n        background-color: linear-gradient(\n          116deg,\n          #292929 8.02%,\n          #0b0b0b 98.48%\n        );\n        // border-bottom: 1px solid #5A5A5A;\n\n        margin-bottom: rem(20px);\n        border-radius: 4px;\n        overflow: hidden;\n        padding: rem(20px);\n        transition: box-shadow 0.3s ease;\n      }\n      .faq-border{\n         border-bottom: 1px solid #5a5a5ac2;\n      }\n\n      .faq-item:hover {\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n      }\n\n      /* Question Button */\n      .faq-question {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: none;\n        border: none;\n        outline: none;\n        cursor: pointer;\n        padding-left: rem(0px);\n        text-align: left;\n        font-size: rem(26px);\n        font-weight: 300;\n        color: $white;\n        transition: color 0.3s ease;\n        margin:0;\n      }\n\n      /* Icon (The Arrow) */\n      .icon {\n        width: rem(30px);\n        height: rem(60px);\n        transition: transform 0.3s ease;\n\n        svg {\n          width: 100%;\n          height: 100%;\n          // stroke: #333;\n          stroke-width: 2;\n          fill: #f9ad09;\n          position: relative;\n          bottom: mrem(10px);\n\n          @include max(d-600) {\n            height: mrem(20px);\n            width: mrem(26px);\n          }\n        }\n      }\n\n      /* Active State Styles */\n      .faq-item.active .icon {\n        transform: scaleY(-1);\n      }\n\n      .faq-item.active .icon svg rect {\n        fill: #f9ad09;\n      }\n\n      /* Answer Section */\n      .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);\n        background-color: linear-gradient(\n          116deg,\n          #292929 8.02%,\n          #0b0b0b 98.48%\n        );\n\n        p {\n          font-family: inherit;\n        }\n      }\n\n      .faq-item.active .faq-answer {\n        max-height: rem(500px);\n        /* Large enough to fit content */\n        transition: max-height 0.4s cubic-bezier(1, 0, 1, 0);\n        padding-top: rem(5px);\n      }\n\n      .faq-answer p {\n        // padding: 0 rem(25px) rem(25px) rem(25px);\n        margin: 0;\n        font-size: rem(20px);\n        line-height: 1.6;\n        font-weight: 400;\n        color: $white;\n        line-height: rem(33px);\n        text-align: left;\n\n        @include max(d-600) {\n          font-size: mrem(16px);\n          max-width: 98%;\n          line-height: mrem(20px);\n          font-family: $pf-font;\n        }\n      }\n\n      /* Mobile Adjustments */\n      @media (max-width: 600px) {\n        .faq-question {\n          font-size: mrem(22px);\n          font-weight: 700 !important;\n          line-height: normal;\n          // padding: rem(15px) rem(20px);\n        }\n        .faq-answer p{\n          font-size: rem(17px);\n           line-height: rem(21px) !important;\n        }\n        .icon {\n        width: rem(10px);\n        height: rem(10px);\n        }\n      }\n    }\n  }\n}\n\n.form-success{\n  color: green;\n  margin-top: rem(20px);\n}\n","$media-max: (\n  \"d-1920\": \"1920px\",\n  \"d-1680\": \"1680px\",\n  \"d-1600\": \"1600px\",\n  \"d-1366\": \"1366px\",\n  \"d-1500\": \"1500px\",\n  \"d-1440\": \"1440px\",\n  \"d-1400\": \"1400px\",\n  \"d-1300\": \"1300px\",\n  \"d-1200\": \"1200px\",\n  \"d-1024\": \"1024px\",\n  \"d-991\": \"991px\",\n  \"d-820\": \"820px\",\n  \"d-768\": \"768px\",\n  \"d-720\": \"720px\",\n  \"d-767\": \"767px\",\n  \"d-640\": \"640px\",\n  \"d-600\": \"600px\",\n  \"d-480\": \"480px\",\n  \"d-400\": \"400px\",\n  \"d-375\": \"375px\",\n);\n@mixin max($size) {\n  //1\n  @media (max-width: map-get($media-max, $size)) {\n    @content;\n  }\n}\n\n@mixin min($size) {\n  //1\n  @media (min-width: map-get($media-max, $size)) {\n    @content;\n  }\n}\n\n@mixin minmax($size, $size-2) {\n  //2\n  @media screen and (min-width: map-get($media-max, $size)) and (max-width: map-get($media-max, $size-2)) {\n    @content;\n  }\n}\n\n@mixin grid($items, $gap, $gap-2: $gap) {\n  display: grid;\n  grid-template-columns: repeat($items, 1fr);\n  grid-gap: $gap $gap-2;\n}\n\n@mixin grid-fluid($minw, $gap, $gap-2: $gap) {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax($minw, 1fr));\n  grid-gap: $gap $gap-2;\n}\n\n$d-flex-v: (\n  \"f\": flex,\n  \"if\": inline-flex,\n  \"ac\": center,\n  \"as\": flex-start,\n  \"ae\": flex-end,\n  \"jc\": center,\n  \"js\": flex-start,\n  \"je\": flex-end,\n  \"jb\": space-between,\n  \"dc\": column,\n  \"dcr\": column-reverse,\n  \"dr\": row,\n  \"drr\": row-reverse,\n);\n@mixin flex(\n  $display: map-get($d-flex-v, f),\n  $direction: map-get($d-flex-v, dc),\n  $justify-contant: map-get($d-flex-v, jc),\n  $align-item: map-get($d-flex-v, ac)\n) {\n  display: map-get($d-flex-v, $display);\n  flex-direction: map-get($d-flex-v, $direction);\n  align-items: map-get($d-flex-v, $align-item);\n  justify-content: map-get($d-flex-v, $justify-contant);\n}\n\n@mixin flex-center($direction: map-get($d-flex-v, dc)) {\n  display: flex;\n  flex-direction: map-get($d-flex-v, $direction);\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n@mixin flex-w($flex-wi) {\n  flex: 0 0 $flex-wi;\n  width: $flex-wi;\n}\n\n@mixin flex-equal($flexe: 1, $mine: null, $maxq: null) {\n  flex: $flexe;\n  min-width: $mine;\n  max-width: $maxq;\n}\n\n@mixin flex-gap($flex-g, $flex-g-c: $flex-g) {\n  gap: $flex-g $flex-g-c;\n  grid-gap: $flex-g $flex-g-c;\n}\n\n@mixin typo($fs: null, $fw: null, $c: null, $lh: null) {\n  font-size: $fs;\n  font-weight: $fw;\n  color: $c;\n  line-height: $lh;\n}\n\n@mixin sf-typo($fs: null, $fw: null, $c: null, $lh: null) {\n  font-family: $sf-font;\n  font-size: $fs;\n  font-weight: $fw;\n  color: $c;\n  line-height: $lh;\n  * {\n    font-family: inherit;\n  }\n}\n\n@mixin tm-same() {\n  position: absolute;\n  display: block;\n}\n\n@mixin tm-c() {\n  @include tm-same();\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@mixin tm-jc() {\n  @include tm-same();\n  left: 50%;\n  transform: translate(-50%, 0%);\n}\n\n// _____________________________advance______________________\n// @mixin tm-l() {\n//     @include tm-same();\n//     top: 50%;\n//     left: 0;\n//     transform: translate(0, -50%);\n// }\n// @mixin tm-r() {\n//     @include tm-same();\n//     top: 50%;\n//     right: 0;\n//     transform: translate(0, -50%);\n// }\n@mixin tm-side($rltranfo) {\n  @include tm-same();\n  top: 50%;\n  #{$rltranfo}: 0;\n  transform: translate(0, -50%);\n}\n\n// ______________________________Background Images Mixin____________________\n// @mixin bg-i($link-h) {\n//     background-image: url($link-h);\n//     background-size: cover;\n//     background-position: center;\n//     background-repeat: no-repeat;\n// }\n@mixin bg-i-l($link-h, $ee: false) {\n  background-image: url(\"#{$localbg}/#{$link-h}\");\n  background-repeat: no-repeat;\n  background-position: center;\n  @if $ee==w-100 {\n    background-size: 100%;\n  } @else {\n    background-size: cover;\n  }\n}\n\n@mixin bg-i-100($link-h, $ee: false) {\n  background-image: url($link-h);\n  background-repeat: no-repeat;\n  background-position: center;\n  @if $ee==w-100 {\n    background-size: 100%;\n  } @else {\n    background-size: cover;\n  }\n}\n\n// .hh{\n//     @include bg-i(\"lc.png\",w-100);\n// }\n// ______________________________Background Images Mixin end____________________\n@mixin w-h($width, $height: $width) {\n  width: $width;\n  height: $height;\n}\n\n@mixin max-w($maxwidth, $ml: auto) {\n  max-width: $maxwidth;\n  margin-inline: $ml;\n}\n\n@mixin minmax-w($maxwidth, $minwidth, $ml: auto) {\n  max-width: $maxwidth;\n  min-width: $minwidth;\n  margin-inline: $ml;\n}\n\n@mixin btn-same {\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  border: 1px solid;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  border-radius: 0.25rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@mixin btn-bg($color) {\n  @include btn-same();\n  color: #fff;\n  background-color: $color;\n  border-color: $color;\n  &:hover {\n    background-color: mix($color, #000000);\n  }\n}\n\n@mixin btn-li($hw-same) {\n  @extend %btn-same;\n  color: $hw-same;\n  background-color: transparent;\n  border-color: $hw-same;\n  &:hover {\n    background-color: $hw-same;\n    color: #fff;\n  }\n}\n\n@mixin prefix-css($prop, $value) {\n  -webkit-#{$prop}: #{$value};\n  -moz-#{$prop}: #{$value};\n  -ms-#{$prop}: #{$value};\n  -o-#{$prop}: #{$value};\n  #{$prop}: #{$value};\n}\n\n// ------------------Placeholder Ui---------------\n@mixin i-placeholder {\n  &.placeholder {\n    @content;\n  }\n  &:-moz-placeholder {\n    @content;\n  }\n  &::-moz-placeholder {\n    @content;\n  }\n  &:-ms-input-placeholder {\n    @content;\n  }\n  &::-webkit-input-placeholder {\n    @content;\n  }\n}\n\n// .global {\n//     @include i-placeholder{\n//         color:red; // you css here for Placeholder...\n//     }\n// }\n// ------------------line Limite---------------\n@mixin line-show($line) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: $line;\n  -webkit-box-orient: vertical; // this Css After Sass compile remove this css\n}\n\n// ------------------Background images---------------\n@mixin bg-ab {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n// slider gap\n@mixin slider-gap-2($slide-gap) {\n  &.slick-slider {\n    margin: 0 -#{calc($slide-gap / 2)};\n  }\n\n  .slick-slide {\n    margin-right: #{calc($slide-gap / 2)};\n    margin-left: #{calc($slide-gap / 2)};\n  }\n}\n\n// ------------------scroll Bar---------------\n@mixin scroll {\n  &::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    border-radius: 10px;\n    background-color: #f5f5f5;\n  }\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: #f5f5f5;\n  }\n  &::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    background-color: #555;\n  }\n}\n\n// tc\n// lt lc lb\n// bc\n// rb rc rt\n@mixin text-color($val) {\n  position: absolute;\n  display: block;\n  // ------------------Top Bottom Center---------------\n  @if $val==tc {\n    left: 50%;\n    transform: translate(-50%, 0px);\n  } @else if $val==bc {\n    left: 50%;\n    bottom: 0;\n    transform: translate(-50%, 0px);\n  }\n  // ------------------Right Left Center---------------\n  @else if $val==rc {\n    top: 50%;\n    right: 0;\n    transform: translate(0%, -50%);\n  } @else if $val==lc {\n    top: 50%;\n    left: 0;\n    transform: translate(0%, -50%);\n  }\n  // ------------------Right Left Bottom---------------\n  @else if $val==rb {\n    right: 0;\n    bottom: 0;\n  } @else if $val==lb {\n    left: 0;\n    bottom: 0;\n  }\n  // ------------------Right Left top---------------\n  @else if $val==rt {\n    right: 0;\n    top: 0;\n  } @else if $val==lt {\n    left: 0;\n    top: 0;\n  }\n}\n\n// _______________________Class Generator_____________\n@mixin config-class($preclass, $preval, $colors...) {\n  @each $i in $colors {\n    .#{$preclass}#{nth($i, 1)} {\n      #{$preval}: nth($i, 2);\n    }\n  }\n}\n\n// @include config-class('icon-',color,\n//     'save' green,\n//     'cancel' gray,\n//     'delete' red);\n",".german-Precision {\n  position: relative;\n  width: 100%;\n  min-height: rem(620px);\n  margin-top: rem(100px);\n  overflow: hidden;\n\n  .german-wrapper {\n    height: 100%;\n    // position: relative; // ✅ REQUIRED FOR ABSOLUTE BG IMAGES\n  }\n\n  .german-image {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    height: 100%;\n\n    .mob-german {\n      display: none;\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n  }\n\n  .german-content {\n    position: relative;\n    z-index: 3;\n    max-width: rem(1200px);\n    color: #fff;\n\n    h3 {\n      margin-bottom: rem(20px);\n    }\n\n    .abt-boder {\n      border: 1px solid #f9ad09;\n      width: rem(224px);\n      margin-bottom: rem(16px);\n    }\n\n    p {\n      color: #fff;\n      line-height: 1.7;\n      opacity: 0.9;\n    }\n  }\n}\n\n@media (max-width: 600px) {\n  .german-Precision {\n     margin-top: rem(10px);\n     .german-content{\n         p{\n          line-height: rem(25px);\n         }\n     }\n    .german-image {\n      .mob-german {\n        display: block !important;\n      }\n\n      .desktop-german {\n        display: none !important;\n      }\n    }\n    .german-content {\n        .abt-boder{\n          margin-bottom: rem(20px);\n          margin-top: rem(20px);\n        }\n    }\n  }\n}\n",".performance-section {\n  background: #000;\n  padding-block: rem(130px);\n\n\n  /* ---------------- HEADER ---------------- */\n\n  .section-head {\n    text-align: center;\n    margin-bottom: rem(60px);\n\n    h3 {\n      color: #fff;\n      font-size: rem(32px);\n      font-weight: 700;\n      margin-bottom: rem(10px);\n    }\n\n    .underline {\n      display: inline-block;\n      width: rem(224px);\n      height: rem(3px);\n      background: #f4b000;\n    }\n  }\n\n  /* ---------------- GRID / TRACK ---------------- */\n\n  .performance-slider {\n    position: relative;\n  }\n\n  .performance-grid,\n  .performance-track {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: rem(28px);\n  }\n\n  /* ---------------- CARD ---------------- */\n\n  .performance-card {\n    position: relative;\n    border-radius: rem(20px);\n    overflow: hidden;\n    height: rem(580px);\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.7s ease;\n    }\n\n    &:hover img {\n      transform: scale(1.12);\n    }\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        to top,\n        rgba(0, 0, 0, 0.9) 0%,\n        rgba(0, 0, 0, 0.55) 45%,\n        rgba(0, 0, 0, 0.15) 70%,\n        transparent 100%\n      );\n      z-index: 1;\n    }\n\n    .overlay {\n      position: absolute;\n      left: rem(26px);\n      right: rem(26px);\n      bottom: rem(10px);\n      z-index: 2;\n      transform: translateY(0);\n      transition: transform 0.6s ease;\n\n      h4 {\n        font-size: rem(26px);\n        font-weight: 300;\n        color: #fff;\n        margin-bottom: rem(8px);\n      }\n\n      p {\n        font-size: rem(20px);\n        font-weight: 400;\n        line-height: 1.5;\n        color: rgba(255, 255, 255, 0.85);\n      }\n\n      .know-more {\n        display: inline-block;\n        margin-top: rem(14px);\n        font-size: rem(16px);\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        color: #f4b000;\n\n        opacity: 0;\n        transform: translateY(rem(12px));\n        transition: all 0.5s ease;\n      }\n    }\n\n    &:hover .overlay {\n      transform: translateY(rem(-26px));\n    }\n\n    &:hover .know-more {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n\n \n}\n  @media (max-width: 1440px) {\n      .performance-section{\n    padding-top: rem(170px) !important;\n   }\n  }\n\n      @media (max-width: 1368px) {\n      .performance-section{\n    padding-top: rem(150px) !important;\n   }\n   \n  }\n   @media (max-width: 1366px) {\n      .performance-section{\n    padding-top: rem(170px) !important;\n    padding-bottom: rem(50px);\n   }\n   .german-Precision{\n    margin-top: rem(30px);\n   }\n  }\n\n  @media (max-width: 1280px) {\n     .performance-section{\n    padding-top: rem(180px) !important;\n   }\n    .performance-grid,\n    .performance-track {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n\n@media (max-width: 768px) {\n  \n   .performance-section{\n    padding-block: rem(20px);\n   }\n  .performance-slider {\n    overflow: hidden;\n  }\n\n  /* ✅ Real horizontal scroll */\n  .performance-track {\n    display: flex;\n    gap: rem(18px);\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none; /* Firefox */\n  }\n\n  .performance-track::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .performance-card {\n    flex: 0 0 85%;\n    scroll-snap-align: start;\n    height: rem(420px);\n  }\n\n  .performance-card img {\n    transform: none !important;\n  }\n\n  .performance-card .overlay {\n    transform: translateY(0) !important;\n  }\n\n  .performance-card .know-more {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  .slider-dots {\n    display: flex;\n    justify-content: center;\n    margin-top: rem(26px);\n    gap: rem(10px);\n\n    .dot {\n      width: rem(8px);\n      height: rem(8px);\n      background: #555;\n      border-radius: 50%;\n      cursor: pointer;\n      margin-bottom: rem(30px);\n\n      &.active {\n        background: #fff;\n      }\n    }\n  }\n}\n\n\n\n  @media (max-width: 600px) {\n      .performance-section {\n        padding-block: 0;\n        \n      \n    .performance-card {\n      width: rem(420px);\n      height: rem(500px);\n    }\n\n    .section-head{\n      margin-bottom: rem(30px);\n      margin-top: rem(50px);\n     h3 {\n      font-size: rem(26px);\n      margin-bottom: rem(10px) !important;\n    }\n  }\n\n    .section-head .underline {\n      width: rem(180px);\n    }\n    .overlay{\n      p{\n        line-height: rem(21px) !important;\n      }\n    }\n  }\n}\n",".slider-section {\n  background-color: #000;\n\n  .section-header {\n    margin-bottom: rem(48px);\n\n    h2{\n    font-size: rem(58px);\n      margin-bottom: rem(10px);\n      margin-inline: auto;\n      font-weight: 700;\n      max-width: rem(920px);\n      .text-highlight{\n        font-weight: 700;\n      }\n  }\n}\n.slider-class .slick-slide {\n  padding:12px;\n \n}\n\n.slider-class .slide-img img {\n  margin: auto;\n}\n}\n\n@media (max-width: 1440px){\n  .slider-section {\n    .slick-slide {\n       margin-inline: 50px;\n    }\n  }\n\n}\n@media (max-width: 820px) {\n  .slider-section {\n    height: rem(280px);\n  }\n}\n@media (max-width: 640px) {\n  .slider-section {\n     height: rem(150px) !important;\n   \n    .container {\n      .section-header {\n       margin-bottom: rem(20px);\n    \n      h2 {\n        font-size: mrem(24px);\n        // max-width: rem(300px);\n      }\n    }\n    \n\n  }\n}\n\n}\n\n\n.mob-contact-btn {\n  position: fixed;\n  right: 0;\n  top: 40%;\n  transform: rotate(-90deg) translateY(50%);\n  transform-origin: right center;\n \n\n  background: #F9AD09;\n  color: #003A7D;\n  padding: 14px 28px;\n  text-decoration: none;\n  border-radius: 6px 6px 0 0;\n  z-index: 9999;\n  transition: background 0.3s ease;\n}\n\n\n@media (max-width: 830px) {\n\n  .mob-contact-btn {\n    position: static;\n    transform: none;\n     font-size: rem(20px) !important;\n  font-weight: 700;\n\n    background: #F9AD09;\n    padding: 10px 18px;\n    border-radius: 6px;\n    margin-left: auto;\n  }\n}\n\n.home-side-btn {\n  position: fixed;\n  right: 0px;\n  top: rem(80px);\n  transform: rotate(-90deg) translateY(-50%);\n  transform-origin: right center;\n  background: #F9AD09;\n  color: #003A7D;\n  font-weight: 700;\n  letter-spacing: 1px;\n  padding: rem(24px) rem(50px);\n  border-radius: 10px 10px 0 0;\n  text-decoration: none;\n  z-index: 9999;\n  transition: all 0.3s ease;\n  font-size: rem(16px);\n}\n\n\n@media (max-width: 830px) {\n  .home-side-btn {\n    display: none;\n  }\n}\n\n// Form style\n\n\n\n.popup-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.438);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.35s ease;\n\n  &.active {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n\n\n.popup-box {\n  background: #000;\n  width: rem(720px);\n  max-width: 92%;\n  padding: rem(30px);\n  border-radius: rem(14px);\n  position: relative;\n}\n\n\n.popup-close {\n  position: absolute;\n  top: rem(22px);\n  right: rem(26px);\n  font-size: rem(26px);\n  color: #fff;\n  cursor: pointer;\n}\n\n\n.popup-box {\n\n\n    h3{\n        margin: 0;\n        margin-bottom: rem(20px);\n    }\n\n  .underline {\n    display: block;\n    width: rem(90px);\n    height: rem(3px);\n    background: #F9AD09;\n    margin-bottom: rem(30px);\n  }\n\n}\n\n\n.consult-form {\n\n  input,\n  select {\n    width: 100%;\n    height: rem(58px);\n    border-radius: rem(10px);\n    border: none;\n    padding: 0 18px;\n    background-color: #262626;\n    color: #fff;\n    font-size: rem(20px);\n    outline: none;\n  }\n\n  select {\n    position: relative;\n    z-index: 10;\n    appearance: none;\n    background-image: url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.5 5.25L7 8.75L10.5 5.25\" stroke=\"white\" stroke-width=\"1.16667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n    background-repeat: no-repeat;\n    background-position: right 18px center;\n    padding-right: 40px;\n  }\n\n  input::placeholder {\n    color: #aaa;\n  }\n\n  > input {\n    margin-bottom: rem(10px);\n  }\n\n}\n\n  .error-msg{\n    color: red ;\n    font-size: rem(14px);\n    margin: 0;\n\n  }\n\n.two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: rem(18px);\n  margin-bottom: rem(10px);\n\n}\n.form-col{\n    display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.two-col-2{\n  display: flex;\n  flex-direction: column;\n  gap: rem(18px);\n  margin-bottom: rem(10px);\n}\n\n@media (max-width: 640px) {\n  .two-col {\n    grid-template-columns: 1fr;\n  }\n  .form-col {\n    grid-template-columns: 1fr;\n  }\n  .two-col-2{\n  display: flex;\n  flex-direction: rwo;\n}\n}\n\n\n.consult-form button {\n  margin-top: rem(18px);\n  background-color: #F9AD09;\n  color: #003A7D;\n  border: none;\n  padding: 16px 38px;\n  border-radius: rem(10px);\n  font-size: rem(20px);\n  font-weight: 700;\n  letter-spacing: 1px;\n  cursor: pointer;\n  transition: 0.25s;\n\n}\n\n.col-desc-space{\n  margin-bottom: rem(20px);\n}\n\n.consult-form .form-message {\n  font-size: rem(14px);\n  margin-top: rem(12px);\n  display: block;\n  text-align: center;\n  min-height: rem(20px);\n}\n\n.consult-form .form-message.success {\n  color: #4caf50;\n}\n\n.consult-form .form-message.error {\n  color: #ff5252;\n}\n}\n\n/* Hide on desktop */\n\n@media (min-width: 830px) {\n  .mob-popup-overlay {\n    display: none !important;\n  }\n}\n\n/* Overlay */\n.mob-popup-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.55);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n\n  opacity: 0;\n  pointer-events: none;\n  transition: 0.35s ease;\n}\n\n/* ACTIVE STATE */\n.mob-popup-overlay.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Popup Box */\n.mob-popup-box {\n  background: #000;\n  width: 92%;\n  max-height: 90vh;\n  padding: rem(26px);\n  border-radius: rem(28px);\n  position: relative;\n  overflow-y: auto;\n}\n\n/* Close */\n.mob-popup-close {\n  position: absolute;\n  top: rem(18px);\n  right: rem(18px);\n  font-size: rem(26px);\n  color: #fff;\n  cursor: pointer;\n}\n\n/* Heading */\n.mob-popup-box h3 {\n  font-size: rem(28px);\n  font-weight: 700;\n  margin-bottom: rem(12px);\n  color: #fff;\n}\n\n.mob-underline {\n  width: rem(120px);\n  height: rem(3px);\n  background-color: #f9ad09;\n  display: block;\n  margin-bottom: rem(24px);\n}\n\n/* FORM */\n.mob-consult-form span{\n    color: red ;\n    font-size: rem(14px);\n    margin: 0;\n    display: block;\n    margin-bottom: rem(8px);\n    min-height: rem(14px);\n}\n\n.mob-consult-form input,\n.mob-consult-form select {\n  width: 100%;\n  height: rem(54px);\n  border-radius: rem(14px);\n  border: none;\n  padding: 0 16px;\n  background: #262626;\n  color: #fff;\n  font-size: rem(16px);\n  outline: none;\n  margin-bottom: rem(4px);\n}\n\n\n\n.mob-consult-form select {\n  appearance: none;\n   background-image: url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.5 5.25L7 8.75L10.5 5.25\" stroke=\"white\" stroke-width=\"1.16667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\n    background-repeat: no-repeat;\n    background-position: right 18px center;\n}\n\n/* Button */\n.mob-consult-form button {\n  margin-top: 12px;\n  background: #f9ad09;\n  color: #003a7d;\n  border: none;\n  padding: 14px 26px;\n  border-radius: rem(14px);\n  font-size: rem(16px);\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.mob-consult-form .form-message {\n  font-size: rem(14px);\n  margin-top: rem(12px);\n  display: block;\n  text-align: center;\n  min-height: rem(20px);\n}\n\n.mob-consult-form .form-message.success {\n  color: #4caf50;\n}\n\n.mob-consult-form .form-message.error {\n  color: #ff5252;\n}\n","@include min(d-1366) {\n  .banner-container {\n    .banner-content {\n      width: 45%;\n      \n    }\n    .banner-img {\n      margin: 0;\n      width: rem(650px);\n     \n    }\n  }\n  .powerful-storytelling-container {\n    .powerful-storytelling-img {\n      margin: 0;\n      img {\n        width: rem(650px);\n      }\n    }\n  }\n}\n@media (max-width: 1400px) {\n  .urban-living .text-content h2 {\n    width: 77%;\n  }\n}\n@media (max-width: 1400px) and (max-width: 1440px) {\n  .building-image {\n    width: 56% !important;\n  }\n  #timeline {\n    height: rem(430px);\n  }\n  \n}\n@media (max-width: 1300px) and (max-width: 1366px) {\n  .building-image {\n    width: 56% !important;\n    right: rem(-160px) !important;\n  }\n  .content-l{\n      margin-top: rem(30px) !important;\n      height: rem(470px) !important;\n  }\n  \n  .amentites{\n    padding-bottom: 0 !important;\n  }\n \n  \n}\n@media (max-width: 1366px) {\n   .building-image {\n    width: 56% !important;\n    right: rem(-160px) !important;\n  }\n  .content-l{\n      margin-top: rem(40px) !important;\n      height: rem(470px) !important;\n  }\n  .epicenter-section {\n    padding-top: rem(10px) !important;\n  }\n   .urban-living  {\n    padding-top: rem(10px) !important;\n  }\n  .tl-year{\n    padding-top: rem(60px);\n  }\n}\n@media (max-width: 1368px) {\n   .building-image {\n    right: rem(-160px) !important;\n   \n  }\n  .epicenter-section{\n    padding-top: rem(20px);\n  }\n  .amentites{\n    padding-top: rem(30px);\n  }\n}\n\n@media (max-width: 1024px) {\n  .building-image {\n    width: 55% !important;\n    right: rem(-96px) !important;\n  }\n  .tl-year{\n    padding-top: rem(68px);\n  }\n  \n  #timeline {\n    height: rem(425px);\n  }\n}\n@media (min-width: 800px) and (max-width: 820px) {\n  .building-image {\n    width: 55% !important;\n    right: rem(-216px) !important;\n  }\n   .content-l{\n      margin-top: rem(30px) !important;\n      height: rem(570px) !important;\n      padding-left: 0 !important;\n  }\n  .urban-living{\n    padding-top: 0 !important;\n  }\n   .tl-year{\n    padding-top: rem(68px);\n  }\n\n  #timeline {\n    height: rem(425px);\n  }\n}\n@media (max-width: 600px){\n   .building-image {\n    width: 100% !important;\n    right: 0 !important;\n  }\n  .performance-section{\n    padding-top: 0 !important;\n  }\n}\n@media (min-width: 1200px) and (max-width: 1280px) {\n  .banner{\n    height: rem(530px) !important;\n  }\n  .building-image {\n    width: 55% !important;\n    right: rem(-96px) !important;\n  }\n   .content-l{\n      margin-top: rem(30px) !important;\n      height: rem(470px) !important;\n  }\n  .urban-living{\n    padding-top: 0 !important;\n  }\n   .tl-year{\n    padding-top: rem(68px);\n  }\n\n  #timeline {\n    height: rem(425px);\n  }\n}\n@media (min-width: 1600px) and (max-width: 1680px) {\n  .building-image {\n    width: 55% !important;\n    right: rem(-54px) !important;\n  }\n  .content-l{\n      height: rem(520px) !important;\n  }\n  #timeline {\n    height: rem(450px);\n  }\n  .urban-living{\n    padding-top: rem(100px);\n  }\n}\n@media (min-width: 1400px) and (max-width: 1480px) {\n  .building-image {\n    width: 55% !important;\n    height: rem(800px) !important;\n    right: rem(-54px) !important;\n  }\n  .content-l{\n      height: rem(520px) !important;\n  }\n  #timeline {\n    height: rem(450px);\n  }\n}\n@media (min-width: 1800px) and (max-width: 1920px) {\n  .building-image {\n    width: 58% !important;\n  }\n  #timeline {\n    height: rem(470px);\n  }\n}\n@media (min-width: 1940px) and (max-width: 3840px) {\n  .building-image {\n    width: 55% !important;\n    right: rem(-300px) !important;\n  }\n  #timeline {\n    height: rem(470px);\n  }\n}\n@media (min-width: 1920px){\n    .building-image {\n    width: 55% !important;\n    right: rem(-300px) !important;\n  }\n}\n@media (min-width: 1900px){\n    .building-image {\n    width: 55% !important;\n    right: rem(-300px) !important;\n  }\n}\n\n@include max(d-1200) {\n  .powerful-storytelling {\n    &-container {\n      gap: rem(40px);\n    }\n  }\n  .agenda-overview img {\n    width: 75%;\n    object-fit: cover;\n  }\n\n  .home .feature-image {\n    height: auto;\n  }\n\n  .split-container.reverse .image-container .feature-image {\n    height: auto;\n  }\n}\n\n@include min(d-600) {\n  .btn-mb {\n    display: none;\n  }\n}\n\n@include max(d-600) {\n  // .banner {\n  //   display: flex;\n  //   align-items: start;\n  //   flex-direction: column;\n  //   .content{\n  //     .content-l {\n  //         h1{\n  //           font-size: rem(40px);\n  //           font-weight: var(--font-r);\n  //           color: #FEFEFE;\n  //           line-height:  rem(41px);\n  //           span{\n  //             font-size: rem(40px);\n  //             font-weight: var(--font-r);\n  //             color: #FEFEFE;\n  //             line-height:  rem(41px);\n  //           }\n  //               }\n  //         }\n  //     }\n  // banner\n  // .banner .content .content-l {\n  //   h1{\n  //     font-size: rem(40px);\n  //     font-weight: var(--font-r);\n  //     color: #FEFEFE;\n  //     line-height:  rem(41px);\n  //     span{\n  //       font-size: rem(40px);\n  //       font-weight: var(--font-r);\n  //       color: #FEFEFE;\n  //       line-height:  rem(41px);\n  //     }\n  //   }\n  // }\n\n  // }\n}\n.building-image .desk-banner {\n  display: none;\n}\n.building-image .mb-banner {\n  display: none;\n}\n@media (min-width: 600px) {\n  .building-image .desk-banner {\n    display: block;\n  }\n  \n}\n@media (max-width: 600px) {\n  .building-image .mb-banner {\n    display: block;\n  }\n  .banner {\n    // height: set !important;\n    height: rem(730px) !important;\n  }\n  .content-l{\n    height: rem(150px) !important;\n  }\n}\n@media (max-width: 768px) {\n  #home {\n    .home-container-mb {\n      padding: 0;\n      max-width: -webkit-fill-available;\n    }\n  }\n  // banner section\n  .banner {\n    flex-direction: column;\n    height: unset;\n    .container {\n      /* Stack elements vertically */\n      align-items: center;\n    }\n  }\n  // .content-l{\n  //   height: rem(160px) !important;\n  // }\n\n  .banner .content {\n    width: 100%; /* Full width for mobile */\n    padding: rem(40px) rem(40px) rem(40px) rem(40px); /* Add padding for better spacing */\n    order: 2; /* Move content to the bottom */\n    bottom: rem(200px);\n  }\n\n  .banner .building-image {\n    position: relative; /* Reset positioning */\n    width: 100%; /* Full width for mobile */\n    order: 1; /* Move video to the top */\n    right: 0;\n\n    .mb-banner img {\n      width: -webkit-fill-available;\n    }\n  }\n\n  .banner .building-image video {\n    height: auto; /* Adjust height for mobile */\n    border-radius: rem(0px) rem(0px) rem(10px) rem(10px); /* Reset border radius */\n    height: rem(332px);\n  }\n  .custom-prev {\n    left: 0;\n  }\n  .custom-next {\n    right: 0;\n  }\n  .custom-prev,\n  .custom-next {\n    top: 50%; /* Adjust arrow position for mobile */\n  }\n\n  .banner .content .content-l {\n    padding-left: rem(30px);\n    padding-right: rem(30px);\n    // margin-top: rem(-380px);\n    h1 {\n      font-size: rem(40px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(41px);\n      margin-bottom: 0;\n    }\n\n    .price {\n      font-size: rem(16px);\n      font-weight: var(--font-r);\n      color: #fefefe;\n      line-height: rem(16px);\n      span {\n        font-size: rem(11px);\n        line-height: rem(15px);\n      }\n    }\n    .amenities {\n      font-size: rem(14px);\n      line-height: rem(14px);\n    }\n    .img-indx img {\n      padding: rem(2px);\n    }\n    .image::before,\n    .image::after {\n      content: \"\";\n      position: absolute;\n      width: rem(50px);\n      height: rem(200px);\n      background-repeat: no-repeat;\n      background-size: contain;\n      padding: rem(12px);\n    }\n    .image::before {\n      background-image: url(\"../images/left_border.svg\"); /* Replace with actual image */\n      top: -120%;\n      left: rem(-30px);\n    }\n\n    .image::after {\n      background-image: url(\"../images/right_border.svg\"); /* Replace with actual image */\n      top: -120%;\n      right: rem(-70px);\n    }\n  }\n\n  .banner .content .content-l h2  {\n    font-size: rem(40px);\n    line-height: rem(40px);\n    padding-top: rem(20px);\n  }\n  .banner .content .content-l .amenities{\n     font-size: rem(17px);\n     line-height: rem(21px);\n     \n  }\n\n  .banner .content .content-l .image {\n    top: rem(20px); /* Adjust image position for mobile */\n    height: rem(120px); /* Adjust image height for mobile */\n  }\n\n  .banner .content .content-l .image .img-indx {\n    // height: rem(120px); /* Adjust image height for mobile */\n  }\n\n  // about section\n\n  .urban-living {\n    padding-top: rem(10px); /* Reduce padding for smaller screens */\n    background-position: 96% 81%;\n    .text-content {\n      .abt-left,\n      .abt-right {\n        width: 100%; /* Full width for both sections */\n        p {\n          font-size: rem(14px);\n          line-height: rem(21px);\n        }\n      }\n\n      .abt-left {\n        .abt-boder {\n          width: 30%;\n        }\n        h2 {\n          font-weight: 400;\n          font-size: rem(22px);\n          line-height: rem(22px); /* Reduce font size for smaller screens */\n          max-width: 100%; /* Allow full width for the heading */\n          text-align: center;\n        }\n\n        .button-container-abt {\n          justify-content: center; /* Center buttons */\n        }\n        .btn-mbs {\n          display: none;\n        }\n      }\n\n      .abt-right {\n        margin-top: rem(10px); /* Add spacing between sections */\n        padding-bottom: rem(30px);\n        padding-top: rem(14px);\n        h4 {\n          font-family: $sf-font;\n        }\n        p {\n          font-size: rem(14px);\n        }\n      }\n    }\n\n    .image-container {\n      // flex-direction: column; /* Stack images vertically */\n      gap: rem(10px); /* Reduce gap between images */\n      padding-top: rem(0px);\n      .image-left,\n      .image-right {\n        height: rem(250px);\n        width: 50%;\n      }\n      // .image-left,\n      // .image-right {\n      //   width: 100%; /* Full width for both images */\n      //   height: auto; /* Allow height to adjust based on content */\n      // }\n\n      // .image-right:hover {\n      //   width: 100%; /* Disable hover effect on smaller screens */\n      // }\n    }\n    .Urban-slider{\n      .Urban-item{\n        h3{\n          font-size: rem(27px);\n        }\n        p{\n          font-size: rem(17px);\n          line-height: rem(21px);\n        }\n      }\n    }\n  }\n\n  // Addres\n\n  .address-section {\n    padding-top: rem(30px); /* Reduce padding for smaller screens */\n\n    .address-box {\n      flex-direction: column; /* Stack content vertically */\n      gap: rem(20px); /* Reduce gap between sections */\n      background-image: unset;\n      .content {\n        width: 100%; /* Full width for content */\n        text-align: center; /* Center-align text */\n\n        h2 {\n          font-size: rem(22px); /* Reduce font size for smaller screens */\n          padding-top: rem(10px); /* Adjust padding */\n        }\n\n        .abt-boder {\n          margin: 0 auto rem(20px); /* Center the border */\n        }\n\n        p {\n          font-size: rem(14px); /* Reduce font size for smaller screens */\n        }\n\n        .button-container-abt {\n          justify-content: center; /* Center buttons */\n        }\n        .btn-mb {\n          display: none;\n        }\n\n        picture img {\n          position: static; /* Remove absolute positioning */\n          width: 100%; /* Full width for image */\n          margin-top: rem(20px); /* Add spacing */\n        }\n      }\n\n      .info-boxes {\n        width: 100%; /* Full width for info boxes */\n        // grid-template-columns: 1fr; /* Single column layout */\n        gap: rem(15px); /* Reduce gap between boxes */\n        margin-top: rem(20px); /* Adjust margin */\n\n        .info-box {\n          padding: rem(15px); /* Reduce padding */\n          p {\n            font-size: rem(14px); /* Reduce font size for smaller screens */\n            line-height: rem(19px);\n          }\n        }\n      }\n    }\n\n    .add-img .add-img-2 {\n      display: block; /* Hide background image on smaller screens */\n      width: 58%;\n      right: -39%;\n      top: 107%;\n    }\n  }\n  .abt-btn-arrow img {\n    width: rem(13px);\n  }\n  .button-container-abt {\n    display: flex;\n    position: relative;\n    max-width: fit-content;\n    margin: auto;\n\n    .abt-btn,\n    .abt-btns {\n      background: #000000;\n      color: var(--white);\n      border: rem(1px) solid #fefefe;\n      padding: rem(4px) rem(30px);\n      border-radius: rem(27.5px);\n      font-size: rem(12px);\n      line-height: rem(16px);\n      cursor: pointer;\n      transition: all 0.6s ease-in-out;\n      transform: translateX(0);\n    }\n\n    .abt-btn-arrow,\n    .abt-btn-arrows {\n      background: #000000;\n      color: var(--white);\n      border: rem(1px) solid #fefefe;\n      padding: rem(8px);\n      border-radius: 50%;\n      font-size: rem(18px);\n      cursor: pointer;\n      transition: all 0.6s ease-in-out;\n      transform: translateX(0);\n    }\n  }\n\n  .button-container-abt:hover .abt-btn {\n    transform: translateX(calc(100% - 91px));\n  }\n\n  .button-container-abt:hover .abt-btn-arrow {\n    transform: translateX(calc(-100% - 91px));\n  }\n  .button-container-abt:hover .abt-btns {\n    transform: translateX(calc(100% - 126px));\n  }\n\n  .button-container-abt:hover .abt-btn-arrows {\n    transform: translateX(calc(-100% - 126px));\n  }\n  h2 {\n    display: block;\n    font-size: rem(22px);\n    // line-height: rem(22px);\n    text-align: center;\n  }\n\n  // epicenter\n\n  .epicenter-section {\n    padding-top: rem(10px); /* Reduce padding for smaller screens */\n    padding-bottom: rem(20px);\n\n    .highlights {\n      margin-top: 20px;\n\n      .abt-boder {\n        width: 100%; /* Full width for the border */\n      }\n\n      h4 {\n        font-size: rem(18px); /* Reduce font size for smaller screens */\n        text-align: start;\n      }\n\n      .highlights-box {\n        // flex-direction: column;\n        display: flex;\n\n        gap: rem(20px);\n        .cont-l {\n          h3 {\n            margin: 0;\n            margin-bottom: rem(20px);\n          }\n          .abt-boder {\n            width: 50%;\n            margin: 0 auto;\n            margin-bottom: rem(20px);\n          }\n          .highlight-boxes {\n            // grid-template-columns: 1fr; /* Single column layout for highlight boxes */\n            gap: rem(15px); /* Reduce gap between boxes */\n            padding-bottom: rem(10px);\n            padding-top: rem(20px);\n            // padding-left: 24px;\n            .box-line {\n              &::before {\n                display: none; /* Hide the vertical line on smaller screens */\n              }\n            }\n\n            .highlight-box {\n              padding: rem(15px); /* Reduce padding */\n              text-align: center; /* Center-align text */\n\n              .icon{\n                  width: rem(50px);\n                  height: 0 !important;\n                  margin-bottom: rem(20px);\n                \n              }\n\n              p {\n                font-size: rem(20px); /* Reduce font size for smaller screens */\n                line-height: rem(\n                  21px\n                ); /* Reduce font size for smaller screens */\n                text-align: start;\n              }\n\n              ul li {\n                font-size: rem(17px); /* Reduce font size for smaller screens */\n                line-height: rem(21px);\n                text-align: start;\n              }\n            }\n          }\n        }\n        .highlisht-map {\n          order: 1;\n        }\n        .highlisht-map {\n          width: 100%; /* Full width for the map section */\n          h2 {\n            display: block;\n            font-size: rem(22px);\n            line-height: rem(22px);\n            text-align: center;\n          }\n          .abt-boder {\n            display: block;\n          }\n          p {\n            font-size: rem(14px); /* Reduce font size for smaller screens */\n            padding-top: rem(0px);\n            padding-bottom: rem(20px);\n          }\n\n          iframe {\n            height: 300px; /* Set a fixed height for the map */\n          }\n        }\n      }\n    }\n  }\n\n  //Amenites\n  .amentites {\n    padding-top: rem(30px);\n  }\n  .amentites .ament-contents {\n    padding-bottom: rem(20px);\n    h3 {\n      padding-bottom: rem(5px);\n\n    }\n    p {\n      padding-top: rem(10px);\n      font-size: rem(17px);\n      line-height: rem(21px);\n      text-align: center;\n      width: 100%;\n    }\n    .abt-boder {\n      width: 100%;\n      margin-bottom: rem(10px);\n    }\n  }\n  #timeline {\n    flex-direction: column;\n    height: auto;\n    // padding: 16px;\n    gap: rem(10px);\n  }\n\n  .tl-item {\n    width: 100% !important;\n    height: 44px;\n    margin: 0;\n    border-radius: 26px;\n    overflow: hidden;\n    transition: height 0.8s ease-in-out;\n  }\n\n  .tl-item.active {\n    height: rem(240px);\n  }\n\n  .tl-year {\n    transform: none;\n    position: relative;\n    top: auto;\n    left: auto;\n    text-align: left;\n    padding: 20px;\n    background: transparent;\n    border-radius: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    transition: opacity 0.8s ease;\n    font-size: rem(17px);\n    line-height: rem(19px);\n  }\n  .floor-pd {\n    padding: 0 !important;\n  }\n  .home .abt-boder {\n    width: 100%;\n  }\n  .floor-icon img {\n    width: rem(24px) !important;\n  }\n  .tl-bg {\n    opacity: 0;\n  }\n\n  .tl-content {\n    width: 100%;\n    padding-left: rem(40px);\n    // padding: 16px;\n    border-radius: 0;\n    pointer-events: none;\n    h4{\n      font-size: rem(29px);\n      margin-block: 0;\n      padding-bottom: rem(5px);\n    }\n    p{\n      font-size: rem(17px);\n      line-height: rem(23px) !important;\n      margin-bottom: rem(10px);\n      max-width: rem(400px);\n    }\n  }\n\n  .tl-item.active .tl-bg {\n    opacity: 1;\n  }\n\n  .tl-item.active .tl-content {\n    opacity: 1;\n  }\n\n  .tl-item.active .tl-year {\n    opacity: 0;\n  }\n\n  // Home section\n  #mob-view {\n    display: block;\n  }\n  .home {\n    padding-top: rem(30px);\n    .home-contents {\n      flex-direction: column;\n      .cont-l {\n        width: 100% !important;\n        .abt-boder {\n          width: 100% !important;\n        }\n      }\n      .cont-r {\n        width: 100% !important;\n        p {\n          text-align: center;\n          padding-top: 0;\n        }\n      }\n    }\n    .desk-view {\n      display: none !important;\n    }\n\n    .acc-pad {\n      padding: 0 !important;\n      .button-container {\n        .contact-btn {\n          font-size: rem(11px) !important;\n          line-height: rem(16px);\n          font-weight: 400;\n        }\n        .contact-btn-arrow {\n          padding: 0 12px !important;\n          img {\n            width: 13px;\n          }\n        }\n      }\n    }\n  }\n  .home .accordion .accordion-item .accordion-header .icon img {\n    width: rem(18px);\n  }\n\n  // Group\n\n  .group {\n    margin-bottom: 0;\n    padding-bottom: rem(96px);\n    .content-group {\n      top: 6%;\n      padding-right: rem(20px);\n      .abt-boder {\n        border: 1px solid hsl(0deg 0% 100% / 11%);\n        width: 100%;\n      }\n      h2 {\n        br {\n          display: none;\n        }\n      }\n      p {\n        width: 100%;\n        text-align: center;\n        font-size: rem(14px) !important;\n        line-height: rem(19px) !important;\n      }\n    }\n  }\n\n  // footer\n  footer {\n    \n      .main-wrapper{\n        left: 4%;\n        right: 4%;\n        bottom: 0;\n      \n      p {\n        font-size: rem(14px) !important;\n        line-height: rem(21px) !important;\n        padding: rem(0px) rem(20px);\n        font-weight: 300;\n        text-align: left;\n        svg{\n          width: rem(12px);\n        }\n      }\n      \n    }\n  }\n\n  .popup.active {\n    padding: rem(20px);\n  }\n\n  .tl-bg {\n    height: 105%;\n  }\n  .pro-dice .button-container:hover .contact-btn {\n    transform: translateX(calc(100% - 54px)) !important;\n  }\n  .pro-dice .button-container:hover .contact-btn-arrow {\n    transform: translateX(calc(-100% - 54px)) !important;\n  }\n\n  .floor-pd .accordion-item {\n    padding-bottom: 30px;\n  }\n  .popup-content {\n    padding: 10px;\n    .popup-header {\n      padding: 10px;\n    }\n  }\n\n  .privacy-sec {\n    padding-top: rem(60px);\n    padding-bottom: rem(120px);\n    p {\n      color: #fff;\n      font-size: rem(14px);\n      line-height: 19px;\n      font-weight: 400;\n      padding-bottom: rem(10px);\n    }\n  }\n\n  .privacy-title {\n    font-size: rem(22px);\n    line-height: rem(22px);\n    font-weight: 400;\n    text-align: start;\n  }\n\n  // 404 page\n\n  .error-sec {\n    .error-cont {\n      width: 280px;\n      top: 30%;\n      p {\n        font-size: rem(120px);\n        line-height: 100%;\n        font-weight: 700;\n        color: #ffff;\n        font-family: Copperplate;\n      }\n      h3 {\n        font-weight: 400;\n        font-size: 22px;\n        line-height: 100%;\n        font-family: Copperplate;\n        margin-bottom: 10px;\n      }\n      span {\n        font-weight: 400;\n        font-size: 14px;\n        line-height: 100%;\n      }\n    }\n    picture {\n      width: 100%;\n      padding-top: rem(250px);\n    }\n    picture img {\n      width: 100%;\n      height: 100%;\n      // padding-top: rem(100px);\n    }\n    .err-btn {\n      justify-content: center;\n      padding-top: rem(30px);\n      display: block;\n      .contact-btn-arrow {\n        padding: rem(16px);\n      }\n    }\n  }\n}\n@media (min-width: 821px) and (max-width: 1440px) {\n  #home .building-image .desk-banner img {\n    height: 76vh;\n  }\n}\n@media  (max-width: 1368px) {\n  #home .building-image .desk-banner img {\n    height: 77vh;\n  }\n}\n@media  (max-width: 1280px) {\n  #home .building-image .desk-banner img {\n    height: 65vh;\n  }\n}\n\n@media  (max-width: 1024px) {\n  #home .building-image .desk-banner img {\n    height: 28vh;\n  }\n}\n\n\n\n@media (min-width: 768px) and (max-width: 820px) {\n  #home .building-image .desk-banner img {\n    height: 26vh !important;\n    width: -webkit-fill-available;\n  }\n}\n\n@media (max-width: 600px) {\n  .german-Precision {\n    margin-top: rem(10px);\n  }\n  .faq-container{\n    padding-inline: 0 !important;\n    margin-top: rem(30px) !important;\n  }\n  .urban-living {\n    padding-top: rem(30px) !important;\n    .Urban-slider {\n      padding-top: rem(50px);\n      // overflow: scroll;\n    }\n    .text-content {\n      flex-direction: column;\n      h3 {\n        text-align: center;\n      }\n      .abt-boder {\n        text-align: center;\n        align-items: center;\n        margin-inline: auto;\n      }\n      .abt-right {\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n\n        p {\n          font-size: mrem(17px);\n        }\n      }\n    }\n  }\n  .highlisht-map {\n    p {\n      display: none;\n    }\n  }\n  .highlights-box {\n    flex-direction: column;\n    h3 {\n      text-align: center;\n    }\n    .mb-pra {\n      display: block !important;\n      font-size: rem(17px);\n      font-weight: 400;\n      text-align: center;\n      line-height: rem(21px);\n    }\n  }\n  .ament-contents{\n    h3{\n      font-size: rem(26px);\n    }\n    .abt-boder{\n       width: 30% !important;\n    }\n    p{\n      font-size: rem(14px);\n      font-weight: 400;\n      line-height: rem(21px);\n    }\n  }\n  .col-space{\n    padding-bottom: rem(10px);\n  }\n  .popup-overlay .col-desc-space{\n    margin-bottom: 10px;\n  }\n}\n","@include max(d-1680) {\n  html,\n  body {\n    $rem-size: 18px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1680px);\n  }\n}\n\n@include max(d-1600) {\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1600px);\n  }\n}\n\n@include max(d-1440) {\n  html,\n  body {\n    $rem-size: 16px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1580px);\n  }\n}\n\n@include max(d-1400) {\n  html,\n  body {\n    $rem-size: 16px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1500px);\n  }\n}\n\n@include max(d-1366) {\n  html,\n  body {\n    $rem-size: 16px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1440px); \n    // max-width: rem(1206px); \n  }\n}\n\n@include max(d-1300) {\n  html,\n  body {\n    $rem-size: 16px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1360px);\n  }\n}\n\n@include max(d-1200) {\n  html,\n  body {\n    $rem-size: 13px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1180px);\n  }\n}\n@include max(d-1024) {\n  html,\n  body {\n    $rem-size: 13px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1380px);\n  }\n}\n\n@include max(d-991) {\n  html,\n  body {\n    $rem-size: 10px;\n    font-size: $rem-size;\n  }\n}\n\n@include max(d-820) {\n  html,\n  body {\n    $rem-size: 9px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1580px);\n  }\n}\n\n@include max(d-768) {\n  html,\n  body {\n    $rem-size: 9px;\n    font-size: $rem-size;\n  }\n   .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: rem(1380px);\n  }\n}\n\n@include max(d-600) {\n  html,\n  body {\n    $rem-size: 16px;\n    font-size: $rem-size;\n  }\n  .container,\n  .container-lg,\n  .container-md,\n  .container-sm,\n  .container-xl,\n  .container-xxl {\n    max-width: 100%;\n    padding-inline: mrem(22px);\n  }\n\n  .sec-title {\n    font-size: mrem(24px);\n    line-height: 1.4;\n    margin-bottom: mrem(20px);\n  }\n  .btn {\n    padding: mrem(10px) mrem(20px);\n    font-size: mrem(16px);\n  }\n}\n","@include max(d-820) {\n\n    .header {\n        background-color: #161515; /* Default background is removed */\n        transition: background-color 0.3s ease-in-out; /* Smooth transition */\n\n        nav{\n            padding: rem(16px);\n\n            .logo{\n                img{\n                    width: rem(180px);\n                }\n            }\n        }\n    }\n    \n    .header.menu-open {\n        background-color: #161515 !important; /* Background turns red when menu is open */\n    }\n    .nav-border{\n        border-top: 1px solid hsla(0, 0%, 100%, .2196078431);\n        // width: 90%;\n    }\n    .nav-links {\n        background-color: transparent; /* Default */\n    }\n    \n    .nav-links.active {\n        background-color: #161515 !important; /* Turns red when active */\n    }\n    \n    \n\n    .button-container {\n        display: none;\n    }\n    .nav-links {\n        display: none;\n    }\n    .mobile-menu{\n        display: block;\n    }\n    .nav-links {\n        display: none; /* Hide the nav links by default on mobile */\n        flex-direction: column;\n        position: absolute;\n        top: 60px; /* Adjust based on your header height */\n        left: 0;\n        width: 100%;\n        background: rgba(255, 255, 255, 0.9); /* Semi-transparent background */\n        padding: 1rem;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        \n    }\n\n    .nav-links.active {\n        display: flex; /* Show the nav links when the 'active' class is added */\n        z-index: 33;\n        height: 100vh;\n    }\n    \n    .nav-links a {\n        text-decoration: none;\n        color:var(--white);\n        font-size: rem(18px);\n        line-height: rem(21px);\n        font-weight: 400;\n        transition: color 0.3s ease;\n        &:hover {\n            color: var(--primary-color , rgba(185, 139, 68, 1));\n        }\n    \n    }\n\n    .mobile-menu {\n        display: block; /* Show the mobile menu button on mobile */\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 10px;\n        position: relative;\n        z-index: 1001; /* Ensure it's above other elements */\n        display: none;\n    }\n\n    .mobile-menu img {\n        width: 24px; /* Adjust size as needed */\n        height: 24px;\n        transition: transform 0.3s ease;\n    }\n\n    .mobile-menu.active img {\n        transform: rotate(45deg); /* Rotate the icon to create a cross effect */\n    }\n\n    .button-container {\n        display: none; /* Hide the button container on mobile */\n    }\n}\n"]}