{"id":9,"date":"2026-10-07T14:13:39","date_gmt":"2026-10-07T14:13:39","guid":{"rendered":"https:\/\/kohinoorcity.com.pk\/?page_id=9"},"modified":"2026-10-08T20:33:22","modified_gmt":"2026-10-08T20:33:22","slug":"home","status":"publish","type":"page","link":"https:\/\/kohinoorcity.com.pk\/","title":{"rendered":"Home"},"content":{"rendered":"<p><!-- =========================================================\n     KOHINOOR CITY CHAKWAL - CUSTOM HEADER\n========================================================= --><\/p>\n<header><!-- =========================\n         LOGO\n    ========================== --><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/kohinoorcity.com.pk\/wp-content\/uploads\/2026\/10\/cropped-logo-scaled-1.png\" alt=\"Kohinoor City Chakwal\" \/><br \/>\nKohinoor City<br \/>\n<small>Chakwal<\/small><br \/>\n<\/a><br \/>\n<!-- =========================\n         DESKTOP NAVIGATION\n    ========================== --><\/p>\n<nav><a href=\"https:\/\/kohinoorcity.com.pk\/\" data-page=\"home\"><br \/>\nHome<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=32\" data-page=\"about\"><br \/>\nAbout<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\" data-page=\"services\"><br \/>\nServices<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=38\" data-page=\"gallery\"><br \/>\nGallery<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=40\" data-page=\"blog\"><br \/>\nBlog<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=42\" data-page=\"contact\"><br \/>\nContact<br \/>\n<\/a><br \/>\n<!-- BOOK NOW \/ WHATSAPP --><br \/>\n<a href=\"https:\/\/api.whatsapp.com\/send\/?phone=923219308930&amp;text=Hello%2C+I%E2%80%99m+interested+in+Kohinoor+City+Chakwal.+I+would+like+to+get+more+information+about+the+available+residential+and+commercial+plots.&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\nBook Now<br \/>\n<\/a><\/nav>\n<p><!-- =========================\n         MOBILE MENU BUTTON\n    ========================== --><br \/>\n<button type=\"button\" aria-label=\"Open Menu\" aria-expanded=\"false\"><br \/>\n<\/button><br \/>\n<!-- =========================\n       MOBILE NAVIGATION\n  ========================== --><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/\"><br \/>\nHome<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=32\"><br \/>\nAbout<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\"><br \/>\nServices<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=38\"><br \/>\nGallery<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=40\"><br \/>\nBlog<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=42\"><br \/>\nContact<br \/>\n<\/a><br \/>\n<!-- MOBILE BOOK NOW \/ WHATSAPP --><br \/>\n<a href=\"https:\/\/api.whatsapp.com\/send\/?phone=923219308930&amp;text=Hello%2C+I%E2%80%99m+interested+in+Kohinoor+City+Chakwal.+I+would+like+to+get+more+information+about+the+available+residential+and+commercial+plots.&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\nBook Now<br \/>\n<\/a><\/p>\n<\/header>\n<style>\n\/* =========================================================<br \/>\n   KOHINOOR CITY HEADER<br \/>\n========================================================= *\/<br \/>\n.kc-header {<br \/>\n  position: sticky;<br \/>\n  top: 0;<br \/>\n  left: 0;<br \/>\n  width: 100%;<br \/>\n  z-index: 99999;<br \/>\n  background: rgba(255,255,255,0.97);<br \/>\n  backdrop-filter: blur(12px);<br \/>\n  -webkit-backdrop-filter: blur(12px);<br \/>\n  border-bottom: 1px solid rgba(23,59,99,0.08);<br \/>\n  box-shadow: 0 5px 25px rgba(0,0,0,0.06);<br \/>\n  animation: kcHeaderIn 0.7s ease forwards;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MAIN CONTAINER<br \/>\n========================================================= *\/<br \/>\n.kc-nav-container {<br \/>\n  max-width: 1250px;<br \/>\n  margin: 0 auto;<br \/>\n  padding: 10px 25px;<br \/>\n  min-height: 72px;<br \/>\n  display: flex;<br \/>\n  align-items: center;<br \/>\n  justify-content: space-between;<br \/>\n  gap: 25px;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   LOGO<br \/>\n========================================================= *\/<br \/>\n.kc-logo {<br \/>\n  display: flex;<br \/>\n  align-items: center;<br \/>\n  gap: 10px;<br \/>\n  flex-shrink: 0;<br \/>\n  text-decoration: none !important;<br \/>\n}<br \/>\n.kc-logo img {<br \/>\n  width: 52px;<br \/>\n  height: 52px;<br \/>\n  object-fit: contain;<br \/>\n  display: block;<br \/>\n}<br \/>\n.kc-logo span {<br \/>\n  font-family: Arial, sans-serif;<br \/>\n  font-size: 20px;<br \/>\n  font-weight: 800;<br \/>\n  line-height: 1.05;<br \/>\n  color: #173B63;<br \/>\n  white-space: nowrap;<br \/>\n}<br \/>\n.kc-logo small {<br \/>\n  display: block;<br \/>\n  margin-top: 3px;<br \/>\n  font-size: 11px;<br \/>\n  font-weight: 600;<br \/>\n  letter-spacing: 2px;<br \/>\n  color: #4CAF50;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   DESKTOP NAVIGATION<br \/>\n========================================================= *\/<br \/>\n.kc-nav {<br \/>\n  display: flex;<br \/>\n  align-items: center;<br \/>\n  gap: 5px;<br \/>\n}<br \/>\n.kc-nav a {<br \/>\n  position: relative;<br \/>\n  padding: 12px 13px;<br \/>\n  font-family: Arial, sans-serif;<br \/>\n  font-size: 14px;<br \/>\n  font-weight: 600;<br \/>\n  color: #173B63;<br \/>\n  text-decoration: none !important;<br \/>\n  transition:<br \/>\n    color 0.3s ease,<br \/>\n    transform 0.3s ease;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   NAV HOVER<br \/>\n========================================================= *\/<br \/>\n.kc-nav a:not(.kc-book-btn):hover {<br \/>\n  color: #4CAF50;<br \/>\n  transform: translateY(-2px);<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   NAV UNDERLINE<br \/>\n========================================================= *\/<br \/>\n.kc-nav a:not(.kc-book-btn)::after {<br \/>\n  content: \"\";<br \/>\n  position: absolute;<br \/>\n  left: 50%;<br \/>\n  bottom: 5px;<br \/>\n  width: 0;<br \/>\n  height: 2px;<br \/>\n  background: #4CAF50;<br \/>\n  border-radius: 10px;<br \/>\n  transform: translateX(-50%);<br \/>\n  transition: width 0.3s ease;<br \/>\n}<br \/>\n.kc-nav a:not(.kc-book-btn):hover::after {<br \/>\n  width: 65%;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   ACTIVE PAGE<br \/>\n========================================================= *\/<br \/>\n.kc-nav a.kc-active {<br \/>\n  color: #4CAF50;<br \/>\n}<br \/>\n.kc-nav a.kc-active::after {<br \/>\n  width: 65%;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   BOOK NOW BUTTON<br \/>\n========================================================= *\/<br \/>\n.kc-book-btn {<br \/>\n  margin-left: 12px;<br \/>\n  padding: 12px 22px !important;<br \/>\n  border-radius: 30px;<br \/>\n  color: #ffffff !important;<br \/>\n  background: linear-gradient(<br \/>\n    135deg,<br \/>\n    #4CAF50,<br \/>\n    #2E8B57<br \/>\n  );<br \/>\n  box-shadow:<br \/>\n    0 7px 20px rgba(76,175,80,0.25);<br \/>\n  transition:<br \/>\n    transform 0.3s ease,<br \/>\n    box-shadow 0.3s ease;<br \/>\n}<br \/>\n\/* BOOK NOW HOVER *\/<br \/>\n.kc-book-btn:hover {<br \/>\n  color: #ffffff !important;<br \/>\n  transform: translateY(-3px);<br \/>\n  box-shadow:<br \/>\n    0 10px 28px rgba(76,175,80,0.38);<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MOBILE MENU BUTTON<br \/>\n========================================================= *\/<br \/>\n.kc-menu-btn {<br \/>\n  display: none;<br \/>\n  width: 44px;<br \/>\n  height: 44px;<br \/>\n  padding: 8px;<br \/>\n  border: none;<br \/>\n  background: transparent;<br \/>\n  cursor: pointer;<br \/>\n}<br \/>\n.kc-menu-btn span {<br \/>\n  display: block;<br \/>\n  width: 28px;<br \/>\n  height: 3px;<br \/>\n  margin: 5px auto;<br \/>\n  border-radius: 10px;<br \/>\n  background: #173B63;<br \/>\n  transition: 0.3s ease;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MOBILE MENU<br \/>\n========================================================= *\/<br \/>\n.kc-mobile-menu {<br \/>\n  display: none;<br \/>\n  padding: 10px 25px 25px;<br \/>\n  background: #ffffff;<br \/>\n  border-top: 1px solid rgba(23,59,99,0.08);<br \/>\n}<br \/>\n.kc-mobile-menu a {<br \/>\n  display: block;<br \/>\n  padding: 14px 5px;<br \/>\n  color: #173B63;<br \/>\n  font-family: Arial, sans-serif;<br \/>\n  font-size: 16px;<br \/>\n  font-weight: 600;<br \/>\n  text-decoration: none !important;<br \/>\n  border-bottom: 1px solid rgba(23,59,99,0.07);<br \/>\n  transition: 0.3s ease;<br \/>\n}<br \/>\n.kc-mobile-menu a:hover {<br \/>\n  color: #4CAF50;<br \/>\n  padding-left: 10px;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MOBILE BOOK NOW<br \/>\n========================================================= *\/<br \/>\n.kc-mobile-book {<br \/>\n  margin-top: 15px;<br \/>\n  padding: 14px !important;<br \/>\n  text-align: center;<br \/>\n  border: none !important;<br \/>\n  border-radius: 30px;<br \/>\n  background: linear-gradient(<br \/>\n    135deg,<br \/>\n    #4CAF50,<br \/>\n    #2E8B57<br \/>\n  );<br \/>\n  color: #ffffff !important;<br \/>\n  box-shadow:<br \/>\n    0 7px 20px rgba(76,175,80,0.22);<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   HEADER LOAD ANIMATION<br \/>\n========================================================= *\/<br \/>\n@keyframes kcHeaderIn {<br \/>\n  from {<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(-25px);<br \/>\n  }<br \/>\n  to {<br \/>\n    opacity: 1;<br \/>\n    transform: translateY(0);<br \/>\n  }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MOBILE MENU ANIMATION<br \/>\n========================================================= *\/<br \/>\n@keyframes kcMobileIn {<br \/>\n  from {<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(-10px);<br \/>\n  }<br \/>\n  to {<br \/>\n    opacity: 1;<br \/>\n    transform: translateY(0);<br \/>\n  }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   TABLET \/ MOBILE<br \/>\n========================================================= *\/<br \/>\n@media (max-width: 900px) {<br \/>\n  .kc-nav {<br \/>\n    display: none;<br \/>\n  }<br \/>\n  .kc-menu-btn {<br \/>\n    display: block;<br \/>\n  }<br \/>\n  .kc-mobile-menu.kc-open {<br \/>\n    display: block;<br \/>\n    animation:<br \/>\n      kcMobileIn 0.35s ease forwards;<br \/>\n  }<br \/>\n  .kc-nav-container {<br \/>\n    min-height: 65px;<br \/>\n    padding: 8px 18px;<br \/>\n  }<br \/>\n  .kc-logo img {<br \/>\n    width: 45px;<br \/>\n    height: 45px;<br \/>\n  }<br \/>\n  .kc-logo span {<br \/>\n    font-size: 17px;<br \/>\n  }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   SMALL MOBILE<br \/>\n========================================================= *\/<br \/>\n@media (max-width: 480px) {<br \/>\n  .kc-logo span {<br \/>\n    font-size: 15px;<br \/>\n  }<br \/>\n  .kc-logo small {<br \/>\n    font-size: 9px;<br \/>\n  }<br \/>\n  .kc-logo {<br \/>\n    gap: 7px;<br \/>\n  }<br \/>\n}<br \/>\n<\/style>\n<style>\n\/* =========================================================<br \/>\n   KOHINOOR CITY CHAKWAL<br \/>\n   HERO SECTION - ELEMENTOR HTML WIDGET<br \/>\n========================================================= *\/<br \/>\n\/* ---------- HERO ---------- *\/<br \/>\n.kc-hero {<br \/>\n    position: relative;<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    min-height: 560px;<br \/>\n    margin: 0;<br \/>\n    padding: 0;<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n    background:<br \/>\n        radial-gradient(<br \/>\n            circle at 82% 45%,<br \/>\n            rgba(135, 210, 55, 0.35) 0%,<br \/>\n            rgba(135, 210, 55, 0.14) 28%,<br \/>\n            transparent 58%<br \/>\n        ),<br \/>\n        linear-gradient(<br \/>\n            110deg,<br \/>\n            #063b27 0%,<br \/>\n            #084a2c 45%,<br \/>\n            #12612f 68%,<br \/>\n            #4d8e29 100%<br \/>\n        );<br \/>\n    font-family: Arial, Helvetica, sans-serif;<br \/>\n}<br \/>\n\/* ---------- BACKGROUND CIRCLES ---------- *\/<br \/>\n.kc-hero::before {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    width: 500px;<br \/>\n    height: 500px;<br \/>\n    left: -280px;<br \/>\n    bottom: -350px;<br \/>\n    border-radius: 50%;<br \/>\n    background: rgba(139, 211, 49, 0.10);<br \/>\n    pointer-events: none;<br \/>\n}<br \/>\n.kc-hero::after {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    width: 600px;<br \/>\n    height: 600px;<br \/>\n    right: -320px;<br \/>\n    top: -400px;<br \/>\n    border-radius: 50%;<br \/>\n    background: rgba(139, 211, 49, 0.08);<br \/>\n    filter: blur(10px);<br \/>\n    pointer-events: none;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   INNER CONTAINER<br \/>\n========================================================= *\/<br \/>\n.kc-hero-container {<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n    width: 90%;<br \/>\n    max-width: 1120px;<br \/>\n    margin: 0 auto;<br \/>\n    padding: 80px 0;<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    align-items: center;<br \/>\n    gap: 70px;<br \/>\n    box-sizing: border-box;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   LEFT CONTENT<br \/>\n========================================================= *\/<br \/>\n.kc-hero-content {<br \/>\n    opacity: 0;<br \/>\n    animation:<br \/>\n        kcHeroLeft 1s ease forwards;<br \/>\n}<br \/>\n.kc-hero-label {<br \/>\n    color: #8bd331;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 700;<br \/>\n    line-height: 1.5;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin: 0 0 20px 0;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   HEADING<br \/>\n========================================================= *\/<br \/>\n.kc-hero-title {<br \/>\n    color: #ffffff !important;<br \/>\n    font-size: clamp(48px, 5vw, 70px);<br \/>\n    line-height: 1.02;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: -2.5px;<br \/>\n    margin: 0 0 25px 0 !important;<br \/>\n    padding: 0 !important;<br \/>\n}<br \/>\n.kc-hero-title span {<br \/>\n    color: #8bd331 !important;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   DESCRIPTION<br \/>\n========================================================= *\/<br \/>\n.kc-hero-text {<br \/>\n    color: rgba(255, 255, 255, 0.82) !important;<br \/>\n    font-size: 17px;<br \/>\n    line-height: 1.7;<br \/>\n    max-width: 600px;<br \/>\n    margin: 0 0 30px 0 !important;<br \/>\n    padding: 0 !important;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   BUTTONS<br \/>\n========================================================= *\/<br \/>\n.kc-hero-buttons {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 14px;<br \/>\n    flex-wrap: wrap;<br \/>\n}<br \/>\n.kc-btn {<br \/>\n    display: inline-flex !important;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    min-height: 48px;<br \/>\n    padding: 0 28px;<br \/>\n    border-radius: 50px;<br \/>\n    box-sizing: border-box;<br \/>\n    text-decoration: none !important;<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 700;<br \/>\n    transition:<br \/>\n        all 0.3s ease;<br \/>\n}<br \/>\n\/* ---------- PRIMARY ---------- *\/<br \/>\n.kc-btn-primary {<br \/>\n    background: #8bd331 !important;<br \/>\n    color: #063b27 !important;<br \/>\n    box-shadow:<br \/>\n        0 8px 25px rgba(139, 211, 49, 0.20);<br \/>\n}<br \/>\n.kc-btn-primary:hover {<br \/>\n    background: #a2e84c !important;<br \/>\n    color: #063b27 !important;<br \/>\n    transform: translateY(-4px);<br \/>\n    box-shadow:<br \/>\n        0 14px 35px rgba(139, 211, 49, 0.35);<br \/>\n}<br \/>\n\/* ---------- SECONDARY ---------- *\/<br \/>\n.kc-btn-outline {<br \/>\n    color: #ffffff !important;<br \/>\n    background: transparent !important;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.45);<br \/>\n}<br \/>\n.kc-btn-outline:hover {<br \/>\n    background: #ffffff !important;<br \/>\n    color: #063b27 !important;<br \/>\n    border-color: #ffffff;<br \/>\n    transform: translateY(-4px);<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   RIGHT OFFER<br \/>\n========================================================= *\/<br \/>\n.kc-offer-wrap {<br \/>\n    display: flex;<br \/>\n    justify-content: center;<br \/>\n    align-items: center;<br \/>\n    opacity: 0;<br \/>\n    animation:<br \/>\n        kcHeroRight 1s ease 0.25s forwards;<br \/>\n}<br \/>\n.kc-offer-card {<br \/>\n    position: relative;<br \/>\n    width: 100%;<br \/>\n    max-width: 480px;<br \/>\n    padding: 38px 35px 34px;<br \/>\n    box-sizing: border-box;<br \/>\n    text-align: center;<br \/>\n    border-radius: 24px;<br \/>\n    background:<br \/>\n        rgba(255, 255, 255, 0.10);<br \/>\n    border:<br \/>\n        1px solid rgba(255, 255, 255, 0.20);<br \/>\n    backdrop-filter: blur(12px);<br \/>\n    -webkit-backdrop-filter: blur(12px);<br \/>\n    box-shadow:<br \/>\n        0 25px 70px rgba(0, 0, 0, 0.15);<br \/>\n    animation:<br \/>\n        kcFloat 4s ease-in-out infinite;<br \/>\n}<br \/>\n\/* ---------- CARD SHINE ---------- *\/<br \/>\n.kc-offer-card::before {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    top: 0;<br \/>\n    left: -120%;<br \/>\n    width: 70%;<br \/>\n    height: 100%;<br \/>\n    background:<br \/>\n        linear-gradient(<br \/>\n            90deg,<br \/>\n            transparent,<br \/>\n            rgba(255, 255, 255, 0.10),<br \/>\n            transparent<br \/>\n        );<br \/>\n    transform: skewX(-20deg);<br \/>\n    animation:<br \/>\n        kcShine 5s ease-in-out infinite;<br \/>\n    pointer-events: none;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   OFFER TEXT<br \/>\n========================================================= *\/<br \/>\n.kc-offer-label {<br \/>\n    position: relative;<br \/>\n    color: #8bd331;<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.8px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin-bottom: 12px;<br \/>\n}<br \/>\n.kc-offer-title {<br \/>\n    position: relative;<br \/>\n    color: #ffffff;<br \/>\n    font-size: 20px;<br \/>\n    line-height: 1.4;<br \/>\n    font-weight: 500;<br \/>\n    margin: 0 0 5px 0;<br \/>\n}<br \/>\n.kc-offer-price {<br \/>\n    position: relative;<br \/>\n    color: #8bd331;<br \/>\n    font-size: clamp(55px, 6vw, 78px);<br \/>\n    line-height: 1;<br \/>\n    font-weight: 800;<br \/>\n    letter-spacing: -3px;<br \/>\n    margin: 8px 0 12px 0;<br \/>\n}<br \/>\n.kc-offer-desc {<br \/>\n    position: relative;<br \/>\n    color: rgba(255, 255, 255, 0.78);<br \/>\n    font-size: 14px;<br \/>\n    line-height: 1.5;<br \/>\n    margin: 0;<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   ANIMATIONS<br \/>\n========================================================= *\/<br \/>\n@keyframes kcHeroLeft {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateX(-60px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateX(0);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcHeroRight {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateX(60px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateX(0);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcFloat {<br \/>\n    0%,<br \/>\n    100% {<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n    50% {<br \/>\n        transform: translateY(-10px);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcShine {<br \/>\n    0% {<br \/>\n        left: -120%;<br \/>\n    }<br \/>\n    30%,<br \/>\n    100% {<br \/>\n        left: 150%;<br \/>\n    }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   TABLET<br \/>\n========================================================= *\/<br \/>\n@media (max-width: 900px) {<br \/>\n    .kc-hero {<br \/>\n        min-height: auto;<br \/>\n    }<br \/>\n    .kc-hero-container {<br \/>\n        width: 88%;<br \/>\n        grid-template-columns: 1fr;<br \/>\n        gap: 50px;<br \/>\n        padding: 70px 0;<br \/>\n    }<br \/>\n    .kc-hero-content {<br \/>\n        text-align: center;<br \/>\n    }<br \/>\n    .kc-hero-text {<br \/>\n        margin-left: auto !important;<br \/>\n        margin-right: auto !important;<br \/>\n    }<br \/>\n    .kc-hero-buttons {<br \/>\n        justify-content: center;<br \/>\n    }<br \/>\n    .kc-offer-card {<br \/>\n        max-width: 520px;<br \/>\n    }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   MOBILE<br \/>\n========================================================= *\/<br \/>\n@media (max-width: 600px) {<br \/>\n    .kc-hero {<br \/>\n        min-height: auto;<br \/>\n    }<br \/>\n    .kc-hero-container {<br \/>\n        width: 88%;<br \/>\n        padding: 55px 0;<br \/>\n        gap: 40px;<br \/>\n    }<br \/>\n    .kc-hero-label {<br \/>\n        font-size: 10px;<br \/>\n        letter-spacing: 1px;<br \/>\n        margin-bottom: 16px;<br \/>\n    }<br \/>\n    .kc-hero-title {<br \/>\n        font-size: 42px;<br \/>\n        line-height: 1.04;<br \/>\n        letter-spacing: -1.5px;<br \/>\n        margin-bottom: 20px !important;<br \/>\n    }<br \/>\n    .kc-hero-text {<br \/>\n        font-size: 15px;<br \/>\n        line-height: 1.65;<br \/>\n        margin-bottom: 25px !important;<br \/>\n    }<br \/>\n    .kc-hero-buttons {<br \/>\n        justify-content: center;<br \/>\n        gap: 10px;<br \/>\n    }<br \/>\n    .kc-btn {<br \/>\n        min-height: 44px;<br \/>\n        padding: 0 21px;<br \/>\n        font-size: 13px;<br \/>\n    }<br \/>\n    .kc-offer-card {<br \/>\n        padding: 28px 18px;<br \/>\n        border-radius: 20px;<br \/>\n    }<br \/>\n    .kc-offer-label {<br \/>\n        font-size: 10px;<br \/>\n    }<br \/>\n    .kc-offer-title {<br \/>\n        font-size: 17px;<br \/>\n    }<br \/>\n    .kc-offer-price {<br \/>\n        font-size: 52px;<br \/>\n        letter-spacing: -2px;<br \/>\n    }<br \/>\n    .kc-offer-desc {<br \/>\n        font-size: 12px;<br \/>\n    }<br \/>\n}<br \/>\n\/* =========================================================<br \/>\n   VERY SMALL MOBILE<br \/>\n========================================================= *\/<br \/>\n@media (max-width: 380px) {<br \/>\n    .kc-hero-title {<br \/>\n        font-size: 36px;<br \/>\n    }<br \/>\n    .kc-btn {<br \/>\n        width: 100%;<br \/>\n    }<br \/>\n    .kc-offer-price {<br \/>\n        font-size: 46px;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><!-- =========================================================\n     HERO HTML\n========================================================= --><\/p>\n<section><!-- LEFT CONTENT --><br \/>\nChakwal&#8217;s Planned Housing &amp; Commercial Society<\/p>\n<h1>Where dreams<br \/>\nmeet beautiful<br \/>\nreality.<\/h1>\n<p>Luxury, comfort and convenience in the heart of Chakwal \u2014<br \/>\nwith easy installment plans for 5, 7 Marla residential<br \/>\nand 2, 4 Marla commercial plots.<\/p>\n<p><a href=\"#booking\"><br \/>\nBook Your Plot<br \/>\n<\/a><br \/>\n<a href=\"#offerings\"><br \/>\nDiscover More<br \/>\n<\/a><br \/>\n<!-- RIGHT OFFER CARD --><br \/>\nLimited Offer<br \/>\n7 Marla Discounted Plot<br \/>\n3.5 Lac<\/p>\n<p>discount \u2014 get your form to avail it<\/p>\n<\/section>\n<style>\n\/* =========================================<br \/>\n   KOHINOOR CITY - CURRENT OFFERINGS<br \/>\n========================================= *\/<br \/>\n.kc-offerings {<br \/>\n    width: 100%;<br \/>\n    background: #ffffff;<br \/>\n    padding: 90px 0 100px;<br \/>\n    overflow: hidden;<br \/>\n    font-family: Arial, sans-serif;<br \/>\n}<br \/>\n.kc-offerings-container {<br \/>\n    width: min(1120px, 90%);<br \/>\n    margin: 0 auto;<br \/>\n}<br \/>\n\/* ---------- Section Heading ---------- *\/<br \/>\n.kc-offerings-heading {<br \/>\n    margin-bottom: 38px;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(35px);<br \/>\n    animation: kcOfferHeading 0.8s ease forwards;<br \/>\n}<br \/>\n.kc-offerings-label {<br \/>\n    color: #76b82a;<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin-bottom: 12px;<br \/>\n}<br \/>\n.kc-offerings-title {<br \/>\n    margin: 0;<br \/>\n    color: #17251f;<br \/>\n    font-size: clamp(32px, 4vw, 45px);<br \/>\n    line-height: 1.15;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: -1.2px;<br \/>\n}<br \/>\n\/* ---------- Cards Grid ---------- *\/<br \/>\n.kc-offerings-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    gap: 20px;<br \/>\n}<br \/>\n\/* ---------- Card ---------- *\/<br \/>\n.kc-offer-box {<br \/>\n    position: relative;<br \/>\n    background: #ffffff;<br \/>\n    border-radius: 22px;<br \/>\n    padding: 30px 30px 28px;<br \/>\n    min-height: 205px;<br \/>\n    border: 1px solid #eeeeee;<br \/>\n    box-shadow:<br \/>\n        0 10px 30px rgba(18, 45, 32, 0.07);<br \/>\n    overflow: hidden;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(50px);<br \/>\n    transition:<br \/>\n        transform 0.35s ease,<br \/>\n        box-shadow 0.35s ease,<br \/>\n        border-color 0.35s ease;<br \/>\n}<br \/>\n\/* Green top border *\/<br \/>\n.kc-offer-box::before {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    left: 0;<br \/>\n    right: 0;<br \/>\n    top: 0;<br \/>\n    height: 4px;<br \/>\n    background: #86cf2e;<br \/>\n    transform: scaleX(1);<br \/>\n    transform-origin: left;<br \/>\n    transition: transform 0.4s ease;<br \/>\n}<br \/>\n\/* Second card darker top *\/<br \/>\n.kc-offer-box.commercial::before {<br \/>\n    background: #073c28;<br \/>\n}<br \/>\n\/* Hover *\/<br \/>\n.kc-offer-box:hover {<br \/>\n    transform: translateY(-8px);<br \/>\n    box-shadow:<br \/>\n        0 20px 45px rgba(18, 45, 32, 0.12);<br \/>\n    border-color: #e0ead9;<br \/>\n}<br \/>\n.kc-offer-box:hover::before {<br \/>\n    transform: scaleX(0.65);<br \/>\n}<br \/>\n\/* ---------- Card Content ---------- *\/<br \/>\n.kc-offer-type {<br \/>\n    color: #76b82a;<br \/>\n    font-size: 11px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.3px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin-bottom: 10px;<br \/>\n}<br \/>\n.kc-offer-box.commercial .kc-offer-type {<br \/>\n    color: #76b82a;<br \/>\n}<br \/>\n.kc-offer-name {<br \/>\n    color: #18251f;<br \/>\n    font-size: 25px;<br \/>\n    line-height: 1.25;<br \/>\n    font-weight: 700;<br \/>\n    margin: 0 0 12px;<br \/>\n}<br \/>\n.kc-offer-description {<br \/>\n    color: #718078;<br \/>\n    font-size: 14px;<br \/>\n    line-height: 1.65;<br \/>\n    margin: 0 0 20px;<br \/>\n    max-width: 600px;<br \/>\n}<br \/>\n\/* ---------- Button ---------- *\/<br \/>\n.kc-plan-btn {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    padding: 12px 22px;<br \/>\n    border-radius: 50px;<br \/>\n    background: #8bd331;<br \/>\n    color: #073c28 !important;<br \/>\n    text-decoration: none !important;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 700;<br \/>\n    transition:<br \/>\n        transform 0.3s ease,<br \/>\n        background 0.3s ease,<br \/>\n        box-shadow 0.3s ease;<br \/>\n}<br \/>\n.kc-plan-btn:hover {<br \/>\n    background: #75bc22;<br \/>\n    color: #073c28 !important;<br \/>\n    transform: translateY(-3px);<br \/>\n    box-shadow: 0 8px 20px rgba(139, 211, 49, 0.25);<br \/>\n}<br \/>\n\/* ---------- Animations ---------- *\/<br \/>\n@keyframes kcOfferHeading {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(35px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcOfferCard {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(50px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n\/* Cards animation *\/<br \/>\n.kc-offer-box:nth-child(1) {<br \/>\n    animation: kcOfferCard 0.8s ease 0.2s forwards;<br \/>\n}<br \/>\n.kc-offer-box:nth-child(2) {<br \/>\n    animation: kcOfferCard 0.8s ease 0.35s forwards;<br \/>\n}<br \/>\n\/* ---------- Tablet ---------- *\/<br \/>\n@media (max-width: 800px) {<br \/>\n    .kc-offerings {<br \/>\n        padding: 70px 0 80px;<br \/>\n    }<br \/>\n    .kc-offerings-grid {<br \/>\n        grid-template-columns: 1fr;<br \/>\n        gap: 18px;<br \/>\n    }<br \/>\n}<br \/>\n\/* ---------- Mobile ---------- *\/<br \/>\n@media (max-width: 600px) {<br \/>\n    .kc-offerings {<br \/>\n        padding: 60px 0 70px;<br \/>\n    }<br \/>\n    .kc-offerings-container {<br \/>\n        width: 88%;<br \/>\n    }<br \/>\n    .kc-offerings-heading {<br \/>\n        margin-bottom: 28px;<br \/>\n    }<br \/>\n    .kc-offerings-label {<br \/>\n        font-size: 10px;<br \/>\n    }<br \/>\n    .kc-offerings-title {<br \/>\n        font-size: 32px;<br \/>\n    }<br \/>\n    .kc-offer-box {<br \/>\n        padding: 26px 22px 25px;<br \/>\n        min-height: auto;<br \/>\n        border-radius: 18px;<br \/>\n    }<br \/>\n    .kc-offer-name {<br \/>\n        font-size: 22px;<br \/>\n    }<br \/>\n    .kc-offer-description {<br \/>\n        font-size: 14px;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><!-- =========================================\n     SECTION 2\n========================================= --><\/p>\n<section id=\"offerings\"><!-- Heading --><br \/>\nWhere dreams meet reality<\/p>\n<h2>Our current offerings<\/h2>\n<p><!-- Cards --><br \/>\n<!-- Residential --><br \/>\nResidential<\/p>\n<h3>5 Marla &amp; 7 Marla Plots<\/h3>\n<p>Best home, best location, best value \u2014 easy monthly<br \/>\ninstallments for your dream home.<\/p>\n<p><a href=\"#booking\"><br \/>\nView plans<br \/>\n<\/a><br \/>\n<!-- Commercial --><br \/>\nCommercial<\/p>\n<h3>2 Marla &amp; 4 Marla Plots<\/h3>\n<p>Monthly installments: 2 Marla Rs 17,000\/- and<br \/>\n4 Marla Rs 33,000\/-.<\/p>\n<p><a href=\"#booking\"><br \/>\nView plans<br \/>\n<\/a><\/p>\n<\/section>\n<style>\n\/* =========================================<br \/>\n   KOHINOOR CITY - WHY CHOOSE US<br \/>\n========================================= *\/<br \/>\n.kc-why {<br \/>\n    width: 100%;<br \/>\n    background: #f4f8ee;<br \/>\n    padding: 90px 0 100px;<br \/>\n    overflow: hidden;<br \/>\n    font-family: Arial, sans-serif;<br \/>\n}<br \/>\n.kc-why-container {<br \/>\n    width: min(1120px, 90%);<br \/>\n    margin: 0 auto;<br \/>\n}<br \/>\n\/* ---------- Heading ---------- *\/<br \/>\n.kc-why-heading {<br \/>\n    margin-bottom: 38px;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(35px);<br \/>\n    animation: kcWhyHeading 0.8s ease forwards;<br \/>\n}<br \/>\n.kc-why-label {<br \/>\n    color: #72b527;<br \/>\n    font-size: 12px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin-bottom: 12px;<br \/>\n}<br \/>\n.kc-why-title {<br \/>\n    margin: 0;<br \/>\n    color: #17251f;<br \/>\n    font-size: clamp(32px, 4vw, 45px);<br \/>\n    line-height: 1.15;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: -1.3px;<br \/>\n}<br \/>\n\/* ---------- Cards ---------- *\/<br \/>\n.kc-why-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(4, 1fr);<br \/>\n    gap: 18px;<br \/>\n}<br \/>\n.kc-why-card {<br \/>\n    background: #ffffff;<br \/>\n    border-radius: 20px;<br \/>\n    padding: 28px 23px 27px;<br \/>\n    min-height: 175px;<br \/>\n    box-shadow: 0 10px 28px rgba(21, 49, 33, 0.06);<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(45px);<br \/>\n    transition:<br \/>\n        transform 0.35s ease,<br \/>\n        box-shadow 0.35s ease;<br \/>\n}<br \/>\n.kc-why-card:hover {<br \/>\n    transform: translateY(-8px);<br \/>\n    box-shadow: 0 18px 38px rgba(21, 49, 33, 0.12);<br \/>\n}<br \/>\n\/* ---------- Card Content ---------- *\/<br \/>\n.kc-why-card h3 {<br \/>\n    margin: 0 0 15px;<br \/>\n    color: #17251f;<br \/>\n    font-size: 17px;<br \/>\n    line-height: 1.3;<br \/>\n    font-weight: 700;<br \/>\n}<br \/>\n.kc-why-card p {<br \/>\n    margin: 0;<br \/>\n    color: #718078;<br \/>\n    font-size: 14px;<br \/>\n    line-height: 1.65;<br \/>\n}<br \/>\n\/* ---------- Small Green Accent ---------- *\/<br \/>\n.kc-why-card::before {<br \/>\n    content: \"\";<br \/>\n    display: block;<br \/>\n    width: 28px;<br \/>\n    height: 4px;<br \/>\n    border-radius: 10px;<br \/>\n    background: #8bd331;<br \/>\n    margin-bottom: 20px;<br \/>\n    transition: width 0.3s ease;<br \/>\n}<br \/>\n.kc-why-card:hover::before {<br \/>\n    width: 45px;<br \/>\n}<br \/>\n\/* ---------- Animations ---------- *\/<br \/>\n@keyframes kcWhyHeading {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(35px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcWhyCard {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(45px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n\/* Staggered animation *\/<br \/>\n.kc-why-card:nth-child(1) {<br \/>\n    animation: kcWhyCard 0.7s ease 0.15s forwards;<br \/>\n}<br \/>\n.kc-why-card:nth-child(2) {<br \/>\n    animation: kcWhyCard 0.7s ease 0.28s forwards;<br \/>\n}<br \/>\n.kc-why-card:nth-child(3) {<br \/>\n    animation: kcWhyCard 0.7s ease 0.41s forwards;<br \/>\n}<br \/>\n.kc-why-card:nth-child(4) {<br \/>\n    animation: kcWhyCard 0.7s ease 0.54s forwards;<br \/>\n}<br \/>\n\/* ---------- Tablet ---------- *\/<br \/>\n@media (max-width: 950px) {<br \/>\n    .kc-why-grid {<br \/>\n        grid-template-columns: repeat(2, 1fr);<br \/>\n        gap: 18px;<br \/>\n    }<br \/>\n}<br \/>\n\/* ---------- Mobile ---------- *\/<br \/>\n@media (max-width: 600px) {<br \/>\n    .kc-why {<br \/>\n        padding: 65px 0 75px;<br \/>\n    }<br \/>\n    .kc-why-container {<br \/>\n        width: 88%;<br \/>\n    }<br \/>\n    .kc-why-heading {<br \/>\n        margin-bottom: 28px;<br \/>\n    }<br \/>\n    .kc-why-label {<br \/>\n        font-size: 10px;<br \/>\n    }<br \/>\n    .kc-why-title {<br \/>\n        font-size: 32px;<br \/>\n    }<br \/>\n    .kc-why-grid {<br \/>\n        grid-template-columns: 1fr;<br \/>\n        gap: 14px;<br \/>\n    }<br \/>\n    .kc-why-card {<br \/>\n        min-height: auto;<br \/>\n        padding: 25px 22px;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><!-- =========================================\n     SECTION 3\n========================================= --><\/p>\n<section><!-- Heading --><br \/>\nWhy choose us<\/p>\n<h2>Why choose Kohinoor City Chakwal?<\/h2>\n<p><!-- Cards --><br \/>\n<!-- Card 1 --><\/p>\n<h3>Prime Location<\/h3>\n<p>Easy access to major roads and highways,<br \/>\nideal for residents and businesses.<\/p>\n<p><!-- Card 2 --><\/p>\n<h3>Affordable Prices<\/h3>\n<p>Competitive pricing without compromising<br \/>\non quality or lifestyle.<\/p>\n<p><!-- Card 3 --><\/p>\n<h3>Investment Potential<\/h3>\n<p>Chakwal&#8217;s booming real estate market means<br \/>\nhigh potential for appreciation.<\/p>\n<p><!-- Card 4 --><\/p>\n<h3>Community Living<\/h3>\n<p>Shared spaces, social events and a lifestyle<br \/>\nthat promotes harmony.<\/p>\n<\/section>\n<style>\n\/* =========================================<br \/>\n   KOHINOOR CITY - COMMUNITY FEATURES<br \/>\n========================================= *\/<br \/>\n.kc-community {<br \/>\n    width: 100%;<br \/>\n    background: #ffffff;<br \/>\n    padding: 90px 0 100px;<br \/>\n    overflow: hidden;<br \/>\n    font-family: Arial, sans-serif;<br \/>\n}<br \/>\n.kc-community-container {<br \/>\n    width: min(1120px, 90%);<br \/>\n    margin: 0 auto;<br \/>\n}<br \/>\n\/* ---------- Heading ---------- *\/<br \/>\n.kc-community-heading {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 40px;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(35px);<br \/>\n    animation: kcCommunityHeading 0.8s ease forwards;<br \/>\n}<br \/>\n.kc-community-label {<br \/>\n    color: #72b527;<br \/>\n    font-size: 11px;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.5px;<br \/>\n    text-transform: uppercase;<br \/>\n    margin-bottom: 12px;<br \/>\n}<br \/>\n.kc-community-title {<br \/>\n    margin: 0;<br \/>\n    color: #17251f;<br \/>\n    font-size: clamp(32px, 4vw, 45px);<br \/>\n    line-height: 1.15;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: -1.3px;<br \/>\n}<br \/>\n\/* ---------- Feature Grid ---------- *\/<br \/>\n.kc-community-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(6, 1fr);<br \/>\n    gap: 18px;<br \/>\n    align-items: stretch;<br \/>\n}<br \/>\n\/* ---------- Feature Box ---------- *\/<br \/>\n.kc-community-item {<br \/>\n    min-height: 74px;<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    text-align: center;<br \/>\n    padding: 15px 12px;<br \/>\n    background: #ffffff;<br \/>\n    border-radius: 18px;<br \/>\n    box-shadow: 0 9px 28px rgba(20, 46, 32, 0.07);<br \/>\n    color: #45534c;<br \/>\n    font-size: 14px;<br \/>\n    font-weight: 500;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(35px);<br \/>\n    transition:<br \/>\n        transform 0.35s ease,<br \/>\n        box-shadow 0.35s ease,<br \/>\n        background 0.35s ease,<br \/>\n        color 0.35s ease;<br \/>\n}<br \/>\n\/* Hover *\/<br \/>\n.kc-community-item:hover {<br \/>\n    transform: translateY(-7px);<br \/>\n    background: #f5faef;<br \/>\n    color: #17251f;<br \/>\n    box-shadow: 0 18px 35px rgba(20, 46, 32, 0.12);<br \/>\n}<br \/>\n\/* ---------- Second Row ---------- *\/<br \/>\n.kc-community-item:nth-child(7) {<br \/>\n    grid-column: 1 \/ span 1;<br \/>\n}<br \/>\n.kc-community-item:nth-child(8) {<br \/>\n    grid-column: 2 \/ span 1;<br \/>\n}<br \/>\n\/* ---------- Animations ---------- *\/<br \/>\n@keyframes kcCommunityHeading {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(35px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n@keyframes kcCommunityItem {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(35px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n\/* Stagger *\/<br \/>\n.kc-community-item:nth-child(1) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.15s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(2) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.22s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(3) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.29s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(4) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.36s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(5) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.43s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(6) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.50s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(7) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.57s forwards;<br \/>\n}<br \/>\n.kc-community-item:nth-child(8) {<br \/>\n    animation: kcCommunityItem 0.65s ease 0.64s forwards;<br \/>\n}<br \/>\n\/* ---------- Tablet ---------- *\/<br \/>\n@media (max-width: 950px) {<br \/>\n    .kc-community-grid {<br \/>\n        grid-template-columns: repeat(3, 1fr);<br \/>\n    }<br \/>\n    .kc-community-item:nth-child(7),<br \/>\n    .kc-community-item:nth-child(8) {<br \/>\n        grid-column: auto;<br \/>\n    }<br \/>\n}<br \/>\n\/* ---------- Mobile ---------- *\/<br \/>\n@media (max-width: 600px) {<br \/>\n    .kc-community {<br \/>\n        padding: 65px 0 75px;<br \/>\n    }<br \/>\n    .kc-community-container {<br \/>\n        width: 88%;<br \/>\n    }<br \/>\n    .kc-community-heading {<br \/>\n        margin-bottom: 30px;<br \/>\n    }<br \/>\n    .kc-community-label {<br \/>\n        font-size: 9px;<br \/>\n    }<br \/>\n    .kc-community-title {<br \/>\n        font-size: 32px;<br \/>\n    }<br \/>\n    .kc-community-grid {<br \/>\n        grid-template-columns: repeat(2, 1fr);<br \/>\n        gap: 12px;<br \/>\n    }<br \/>\n    .kc-community-item {<br \/>\n        min-height: 68px;<br \/>\n        border-radius: 15px;<br \/>\n        font-size: 13px;<br \/>\n        padding: 12px 8px;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><!-- =========================================\n     SECTION 4\n========================================= --><\/p>\n<section><!-- Heading --><br \/>\nModern architecture \u00b7 Lush green spaces<\/p>\n<h2>Everything in one community<\/h2>\n<p><!-- Features --><br \/>\nResidential<br \/>\nCommercial<br \/>\nClub<br \/>\nMosque<br \/>\nParks<br \/>\nWater Park<br \/>\nHospital<br \/>\nGated Community<\/p>\n<\/section>\n<style>\n\/* =========================================<br \/>\n   KOHINOOR CITY - CTA SECTION<br \/>\n========================================= *\/<br \/>\n.kc-cta {<br \/>\n    width: 100%;<br \/>\n    background: #ffffff;<br \/>\n    padding: 25px 0 90px;<br \/>\n    overflow: hidden;<br \/>\n    font-family: Arial, sans-serif;<br \/>\n}<br \/>\n.kc-cta-container {<br \/>\n    width: min(1120px, 90%);<br \/>\n    margin: 0 auto;<br \/>\n}<br \/>\n\/* ---------- CTA Box ---------- *\/<br \/>\n.kc-cta-box {<br \/>\n    position: relative;<br \/>\n    background: linear-gradient(<br \/>\n        135deg,<br \/>\n        #063b27 0%,<br \/>\n        #0b4d30 100%<br \/>\n    );<br \/>\n    border-radius: 25px;<br \/>\n    padding: 70px 30px;<br \/>\n    text-align: center;<br \/>\n    overflow: hidden;<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(45px);<br \/>\n    animation: kcCtaEnter 0.9s ease 0.15s forwards;<br \/>\n    box-shadow: 0 18px 45px rgba(5, 54, 36, 0.10);<br \/>\n}<br \/>\n\/* ---------- Decorative Glow ---------- *\/<br \/>\n.kc-cta-box::before {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    width: 300px;<br \/>\n    height: 300px;<br \/>\n    left: -130px;<br \/>\n    bottom: -180px;<br \/>\n    background: rgba(139, 211, 49, 0.08);<br \/>\n    border-radius: 50%;<br \/>\n    pointer-events: none;<br \/>\n}<br \/>\n.kc-cta-box::after {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n    width: 260px;<br \/>\n    height: 260px;<br \/>\n    right: -120px;<br \/>\n    top: -150px;<br \/>\n    background: rgba(139, 211, 49, 0.10);<br \/>\n    border-radius: 50%;<br \/>\n    pointer-events: none;<br \/>\n}<br \/>\n\/* ---------- Content ---------- *\/<br \/>\n.kc-cta-content {<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n}<br \/>\n.kc-cta-title {<br \/>\n    margin: 0 0 13px;<br \/>\n    color: #ffffff;<br \/>\n    font-size: clamp(32px, 4vw, 44px);<br \/>\n    line-height: 1.15;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: -1px;<br \/>\n}<br \/>\n.kc-cta-text {<br \/>\n    max-width: 650px;<br \/>\n    margin: 0 auto 28px;<br \/>\n    color: rgba(255,255,255,0.76);<br \/>\n    font-size: 14px;<br \/>\n    line-height: 1.65;<br \/>\n}<br \/>\n\/* ---------- Button ---------- *\/<br \/>\n.kc-cta-btn {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    padding: 14px 30px;<br \/>\n    border-radius: 50px;<br \/>\n    background: #8bd331;<br \/>\n    color: #063b27 !important;<br \/>\n    text-decoration: none !important;<br \/>\n    font-size: 13px;<br \/>\n    font-weight: 700;<br \/>\n    box-shadow:<br \/>\n        0 8px 25px rgba(139, 211, 49, 0.20);<br \/>\n    transition:<br \/>\n        transform 0.3s ease,<br \/>\n        background 0.3s ease,<br \/>\n        box-shadow 0.3s ease;<br \/>\n}<br \/>\n.kc-cta-btn:hover {<br \/>\n    background: #a1e34d;<br \/>\n    color: #063b27 !important;<br \/>\n    transform: translateY(-4px);<br \/>\n    box-shadow:<br \/>\n        0 13px 32px rgba(139, 211, 49, 0.32);<br \/>\n}<br \/>\n\/* ---------- Animation ---------- *\/<br \/>\n@keyframes kcCtaEnter {<br \/>\n    from {<br \/>\n        opacity: 0;<br \/>\n        transform: translateY(45px);<br \/>\n    }<br \/>\n    to {<br \/>\n        opacity: 1;<br \/>\n        transform: translateY(0);<br \/>\n    }<br \/>\n}<br \/>\n\/* ---------- Button Pulse ---------- *\/<br \/>\n@keyframes kcCtaPulse {<br \/>\n    0%,<br \/>\n    100% {<br \/>\n        box-shadow:<br \/>\n            0 8px 25px rgba(139, 211, 49, 0.20);<br \/>\n    }<br \/>\n    50% {<br \/>\n        box-shadow:<br \/>\n            0 8px 32px rgba(139, 211, 49, 0.35);<br \/>\n    }<br \/>\n}<br \/>\n.kc-cta-btn {<br \/>\n    animation: kcCtaPulse 3s ease-in-out infinite;<br \/>\n}<br \/>\n\/* ---------- Mobile ---------- *\/<br \/>\n@media (max-width: 600px) {<br \/>\n    .kc-cta {<br \/>\n        padding: 15px 0 65px;<br \/>\n    }<br \/>\n    .kc-cta-container {<br \/>\n        width: 88%;<br \/>\n    }<br \/>\n    .kc-cta-box {<br \/>\n        padding: 55px 22px;<br \/>\n        border-radius: 20px;<br \/>\n    }<br \/>\n    .kc-cta-title {<br \/>\n        font-size: 31px;<br \/>\n    }<br \/>\n    .kc-cta-text {<br \/>\n        font-size: 13px;<br \/>\n        line-height: 1.7;<br \/>\n        margin-bottom: 25px;<br \/>\n    }<br \/>\n    .kc-cta-btn {<br \/>\n        padding: 13px 27px;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><!-- =========================================\n     SECTION 5\n========================================= --><\/p>\n<section id=\"booking\">\n<h2>Find the best place for living<\/h2>\n<p>Build your dream home or invest in a flourishing<br \/>\ncommercial venture \u2014 contact us for plot availability,<br \/>\npricing and booking details.<\/p>\n<p><a href=\"#contact\"><br \/>\nBook Now<br \/>\n<\/a><\/p>\n<\/section>\n<p><!-- KOHINOOR CITY CHAKWAL - FOOTER --><\/p>\n<footer><!-- BRAND --><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/\"><br \/>\nKOHINOOR CITY CHAKWAL<br \/>\n<\/a>5 Marla and 7 Marla Residential Plots2 Marla and 4 Marla Commercial Plots<\/p>\n<p><a href=\"https:\/\/api.whatsapp.com\/send\/?phone=923219308930&amp;text=Hello%2C+I%E2%80%99m+interested+in+Kohinoor+City+Chakwal.+I+would+like+to+get+more+information+about+the+available+residential+and+commercial+plots.&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" rel=\"noopener\"><br \/>\nBook Now<br \/>\n<\/a><br \/>\n<!-- QUICK LINKS --><\/p>\n<h3>QUICK LINKS<\/h3>\n<p><a href=\"https:\/\/kohinoorcity.com.pk\/\">Home<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=32\">About<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\">Services<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=38\">Gallery<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=40\">Blog<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=42\">Contact<\/a><br \/>\n<!-- OUR PLOTS --><\/p>\n<h3>OUR PLOTS<\/h3>\n<p><a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\"><br \/>\n5 Marla Residential<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\"><br \/>\n7 Marla Residential<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\"><br \/>\n2 Marla Commercial<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=35\"><br \/>\n4 Marla Commercial<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/kohinoorcity.com.pk\/?page_id=38\"><br \/>\nView Gallery<br \/>\n<\/a><br \/>\n<!-- CONTACT --><\/p>\n<h3>CONTACT US<\/h3>\n<p>0321 9308930<\/p>\n<p>info@kohinoorcity.com<\/p>\n<p>Moza Bhaun, Bhaun Road, Chakwal<\/p>\n<p><!-- SOCIAL ICONS --><br \/>\n<!-- Instagram --><\/p>\n<p><!-- Facebook --><\/p>\n<p><!-- WhatsApp --><\/p>\n<p><!-- BOTTOM --><\/p>\n<p>\u00a9 2026 Kohinoor City Chakwal. All Rights Reserved.<\/p>\n<p>Premium Residential &amp; Commercial Community<\/p>\n<\/footer>\n<style>\n\/* ==============================<br \/>\n   KOHINOOR CITY FOOTER<br \/>\n   ============================== *\/<br \/>\n.kc-footer {<br \/>\n  background: #063d28;<br \/>\n  color: #ffffff;<br \/>\n  font-family: Arial, Helvetica, sans-serif;<br \/>\n  padding: 58px 6% 0;<br \/>\n  margin-top: 0;<br \/>\n}<br \/>\n\/* MAIN AREA *\/<br \/>\n.kc-footer-inner {<br \/>\n  max-width: 1250px;<br \/>\n  margin: auto;<br \/>\n  display: grid;<br \/>\n  grid-template-columns: 1.5fr 1fr 1fr 1.25fr;<br \/>\n  gap: 55px;<br \/>\n  padding-bottom: 48px;<br \/>\n}<br \/>\n\/* BRAND *\/<br \/>\n.kc-footer-logo {<br \/>\n  display: inline-block;<br \/>\n  text-decoration: none;<br \/>\n  color: #ffffff;<br \/>\n  font-size: 17px;<br \/>\n  font-weight: 800;<br \/>\n  letter-spacing: .3px;<br \/>\n  margin-bottom: 18px;<br \/>\n}<br \/>\n.kc-footer-logo span {<br \/>\n  color: #8bd135;<br \/>\n}<br \/>\n.kc-brand p {<br \/>\n  color: rgba(255,255,255,.78);<br \/>\n  font-size: 13px;<br \/>\n  line-height: 1.7;<br \/>\n  margin: 3px 0;<br \/>\n}<br \/>\n\/* HEADINGS *\/<br \/>\n.kc-footer h3 {<br \/>\n  color: #8bd135;<br \/>\n  font-size: 13px;<br \/>\n  font-weight: 800;<br \/>\n  letter-spacing: .5px;<br \/>\n  margin: 2px 0 18px;<br \/>\n}<br \/>\n\/* LINKS *\/<br \/>\n.kc-footer-col > a:not(.kc-footer-logo):not(.kc-footer-btn) {<br \/>\n  display: block;<br \/>\n  width: fit-content;<br \/>\n  color: rgba(255,255,255,.78);<br \/>\n  text-decoration: none;<br \/>\n  font-size: 13px;<br \/>\n  margin-bottom: 10px;<br \/>\n  transition: .3s ease;<br \/>\n}<br \/>\n.kc-footer-col > a:not(.kc-footer-logo):not(.kc-footer-btn):hover {<br \/>\n  color: #8bd135;<br \/>\n  transform: translateX(4px);<br \/>\n}<br \/>\n\/* CONTACT *\/<br \/>\n.kc-footer-col p {<br \/>\n  color: rgba(255,255,255,.78);<br \/>\n  font-size: 13px;<br \/>\n  line-height: 1.7;<br \/>\n  margin: 4px 0;<br \/>\n}<br \/>\n\/* BOOK BUTTON *\/<br \/>\n.kc-footer-btn {<br \/>\n  display: inline-block;<br \/>\n  margin-top: 20px;<br \/>\n  padding: 12px 25px;<br \/>\n  border-radius: 30px;<br \/>\n  background: #8bd135;<br \/>\n  color: #063d28 !important;<br \/>\n  text-decoration: none;<br \/>\n  font-size: 13px;<br \/>\n  font-weight: 700;<br \/>\n  transition: .3s ease;<br \/>\n}<br \/>\n.kc-footer-btn:hover {<br \/>\n  background: #ffffff;<br \/>\n  color: #063d28 !important;<br \/>\n  transform: translateY(-3px);<br \/>\n}<br \/>\n\/* SOCIAL *\/<br \/>\n.kc-social {<br \/>\n  display: flex;<br \/>\n  gap: 10px;<br \/>\n  margin-top: 20px;<br \/>\n}<br \/>\n.kc-social a {<br \/>\n  width: 38px;<br \/>\n  height: 38px;<br \/>\n  border: 1px solid rgba(255,255,255,.25);<br \/>\n  border-radius: 50%;<br \/>\n  display: flex;<br \/>\n  align-items: center;<br \/>\n  justify-content: center;<br \/>\n  transition: .3s ease;<br \/>\n}<br \/>\n.kc-social svg {<br \/>\n  width: 18px;<br \/>\n  height: 18px;<br \/>\n  fill: none;<br \/>\n  stroke: #ffffff;<br \/>\n  stroke-width: 1.7;<br \/>\n}<br \/>\n.kc-social a:nth-child(2) svg {<br \/>\n  fill: #ffffff;<br \/>\n  stroke: none;<br \/>\n}<br \/>\n.kc-social a:hover {<br \/>\n  background: #8bd135;<br \/>\n  border-color: #8bd135;<br \/>\n  transform: translateY(-4px);<br \/>\n}<br \/>\n.kc-social a:hover svg {<br \/>\n  stroke: #063d28;<br \/>\n}<br \/>\n.kc-social a:nth-child(2):hover svg {<br \/>\n  fill: #063d28;<br \/>\n}<br \/>\n\/* BOTTOM *\/<br \/>\n.kc-footer-bottom {<br \/>\n  max-width: 1250px;<br \/>\n  margin: auto;<br \/>\n  border-top: 1px solid rgba(255,255,255,.12);<br \/>\n  padding: 20px 0;<br \/>\n  display: flex;<br \/>\n  justify-content: space-between;<br \/>\n  gap: 20px;<br \/>\n}<br \/>\n.kc-footer-bottom p {<br \/>\n  margin: 0;<br \/>\n  color: rgba(255,255,255,.55);<br \/>\n  font-size: 11px;<br \/>\n}<br \/>\n\/* ==============================<br \/>\n   TABLET<br \/>\n   ============================== *\/<br \/>\n@media (max-width: 900px) {<br \/>\n  .kc-footer-inner {<br \/>\n    grid-template-columns: 1fr 1fr;<br \/>\n    gap: 40px;<br \/>\n  }<br \/>\n}<br \/>\n\/* ==============================<br \/>\n   MOBILE<br \/>\n   ============================== *\/<br \/>\n@media (max-width: 600px) {<br \/>\n  .kc-footer {<br \/>\n    padding: 45px 25px 0;<br \/>\n  }<br \/>\n  .kc-footer-inner {<br \/>\n    grid-template-columns: 1fr;<br \/>\n    gap: 32px;<br \/>\n  }<br \/>\n  .kc-footer-bottom {<br \/>\n    flex-direction: column;<br \/>\n    text-align: center;<br \/>\n    gap: 7px;<br \/>\n  }<br \/>\n}<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Kohinoor City Chakwal Home About Services Gallery Blog Contact Book Now Home About Services Gallery Blog Contact Book Now Chakwal&#8217;s Planned Housing &amp; Commercial Society Where dreams meet beautiful reality. Luxury, comfort and convenience in the heart of Chakwal \u2014 with easy installment plans for 5, 7 Marla residential and 2, 4 Marla commercial plots. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":31,"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/kohinoorcity.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}