:root {
          --Heading: "Geologica", sans-serif;
          --Para: "Manrope", sans-serif;

      }

      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          font-family: var(--Heading);
      }

      body {

          min-height: 100vh;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          color: black;
          /* background: #ebe0c4; */
          background: #D1D8BE;
          background-size: cover;
          background-attachment: fixed;
      }

      .red {
          border: 2px solid red;
      }

      .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: auto;
          flex-direction: column;
      }


      /* Navbar */
      .navbar {
          width: 80%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 40px;
          margin-top: 30px;
          backdrop-filter: blur(30px);
          background: #819A91;
          border-radius: 40px;
          border: 1px solid rgba(249, 239, 239, 0.4);
          box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
          position: fixed;
          z-index: 9999;
      }



      .navbar ul {
          list-style: none;
          display: flex;
          margin: 0;
          gap: 30px;
      }

      .navbar ul li a {
          text-decoration: none;
          color: #ffffff;
          font-size: 1rem;
          transition: color 0.3s;
      }

      .navbar ul li a:hover {
          color: silver;

      }

      .btn-started {
          padding: 10px 20px;
          /* background: #efc24f; */
          background: #A7C1A8;
          border: 1px solid #819A91;
          border-radius: 25px;
          box-shadow: 0 15px 25px rgb(0 0 0 / .2);
          color: black;
          font-weight: bold;
          cursor: pointer;
          transition: transform 0.2s;
      }

      .btn-started:hover {
          transform: scale(1.05);
      }
       .btn-started a{
        text-decoration: none;
        color: black;
       }

      /* hero */
      .hero {
          position: relative;
          width: 100%;
          height: 100vh;
          /* full screen height */
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
      }

      .heroBG {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .heroBG video {
          width: 100%;
          height: 100%;
          object-fit: cover;
          opacity: 0.7;
      }

      .heading {
          position: relative;
          z-index: 2;
          text-align: center;
          color: #123247;
          /* max-width: 800px; */
          padding: 20px;
      }

      /* .heading {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 50%;
          margin: 20vh auto;
      } */

      .heading h1 {
          font-size: 120px;
          font-weight: 600;
      }

      .heading p {
          backdrop-filter: blur(10px) saturate(150%);
          -webkit-backdrop-filter: blur(10px) saturate(150%);
          background-color: rgba(218, 224, 234, 0.75);
          border-radius: 12px;
          border: 1px solid rgba(255, 255, 255, 0.125);
          font-family: var(--Para);
          font-size: 18px;
          text-align: center;
          color: #123247;
          max-width: 800px;
         padding: 20px 10px;
      }

      .heroBtn {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 20px auto;
          gap: 60px;
          /* border: 2px solid red; */
          width: fit-content;
      }


      /* About Section  */
      .aboutSec {
          /* border: 2px solid red; */
          width: 100%;
          /* height: 100vh; */
          margin: 20vh auto 0 auto;
      }

      .secHeading h1 {
          font-size: 55px;
          font-weight: 600;
      }

      .secHeading p {
          font-size: 18px;
          /* color: aliceblue; */
          font-family: var(--Para);
      }

      .aboutImgContainer {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: repeat(2, 1fr);
          width: 100%;
          height: 100%;
          /* gap: 5px; */
          /* border: 2px solid red; */
      }

      .aboutImg {
          /* border: 2px solid blue; */
          /* background-image: url("../img/AboutHome.jpg"); */
          background-repeat: no-repeat;
          background-size: 700px 600px;
          /* border-radius: 10px; */
          transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
          opacity: 1;
      }

      .aboutImg1 {
          background-position: 0 0;
          /* border-top-right-radius:50% ;
        border-bottom-left-radius:50% ; */
      }

      .aboutImg2 {
          width: 95%;
          background-position: -400px 0;
          /* border-radius: 10px; */
          /* border: 2px solid blue; */

          /* border-top-left-radius:50% ;
        border-bottom-right-radius:50% ;     */
      }

      .aboutImg3 {
          background-position: 0 -300px;
          /* border-top-left-radius:50% ;
        border-bottom-right-radius:50% ;     */

      }

      .aboutImg4 {
          width: 95%;
          background-position: -400px -300px;
          /* border-top-right-radius:50% ;
        border-bottom-left-radius:50% ; */
      }


      /* Experence Section  */
      .expHeading {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin: auto;
          text-align: center;
          width: 70%;
      }

      .expHeading h2 {
          font-size: 35px;
          font-weight: 600;
          margin-top: 20px;
      }

      .expHeading p {
          font-size: 17px;
          font-family: var(--Para);
          margin-top: 10px;
      }

      /* Circular stats section */
      .stats {
          /* background-image: url(../img/AboutHome.jpg); */
          position: relative;
          width: 300px;
          height: 300px;
          margin: 40px auto;
          border: 2px dashed #819A91;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;

      }

      .stats .center {
          font-size: 80px;
          font-weight: bold;
          color: #fff;
          color: #1a365d;
          text-align: center;
      }

      .stats .center span {
          display: block;
          font-size: 16px;
          font-weight: normal;
          color: #333;
      }

      /* Circle points */
      .stat-item {
          position: absolute;
          background: #EEEFE0;
          padding: 12px 20px;
          border-radius: 50px;
          font-weight: bold;
          font-size: 14px;
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      }

      .top {
          top: -25px;
          left: 50%;
          transform: translateX(-50%);
      }

      .right {
          right: -60px;
          top: 50%;
          transform: translateY(-50%);
      }

      .bottom {
          bottom: -25px;
          left: 50%;
          transform: translateX(-50%);
      }

      .left {
          left: -80px;
          top: 50%;
          transform: translateY(-50%);
      }


      /* Services Section  */

      .services-container {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
          gap: 25px;
          max-width: 1200px;
          margin: auto;
      }

      .service-card {
          background-color: #fff;
          /* background-color: #EEEFE0; */
          /* background-color: #D1D8BE; */
          border-radius: 15px;
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
          padding: 25px;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
          border-top: 6px solid #A7C1A8;
      }

      .service-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);
          border-top-color: #819A91;
      }

      .service-card h2 {
          font-size: 20px;
          color: black;
          margin-bottom: 10px;
      }

      .service-card p {
          font-size: 15px;
          line-height: 1.6;
          color: #444;
      }

      .icon {
          width: 50px;
          height: 50px;
          border-radius: 12px;
          background-color: #D1D8BE;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;
          font-size: 24px;
          color: #819A91;
      }





      /* Properties Section  */

      .card-container {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
      }

      .card {
          background: #fff;
          border-radius: 8px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          transition: transform 0.3s ease;
      }

      .card:hover {
          transform: translateY(-5px);
      }

      .card img {
          width: 100%;
          height: 200px;
          object-fit: cover;
      }

      .tag {
          position: absolute;
          background: #00b894;
          color: #fff;
          padding: 5px 10px;
          border-radius: 4px;
          font-size: 14px;
          margin: 10px;
      }

      .card-content {
          padding: 15px;
      }

      .category {
          display: inline-block;
          background: #EEEFE0;
          color: #819A91;
          padding: 4px 10px;
          border-radius: 4px;
          font-size: 14px;
          margin-bottom: 10px;
      }

      .price {
          font-size: 20px;
          font-weight: bold;
          color: #00b894;
          margin: 5px 0;
      }

      .title {
          font-size: 18px;
          font-weight: bold;
          margin: 5px 0;
          color: #2d3436;
      }

      .location {
          font-size: 14px;
          color: #636e72;
          margin-bottom: 10px;
      }

      .details {
          display: flex;
          justify-content: space-between;
          width: 100%;
          font-size: 14px;
          color: #2d3436;
          border-top: 1px solid #eee;
          padding-top: 10px;
      }

      /* Presence section  */

      .secPresence {
          width: 100%;
          height: 100vh;
          background-image: url(../img/our-presence.jpg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
      }

      .presenceHeading {
          width: 47%;
      }

      .presenceLoc li {
          padding: 15px;
      }

      .mapBox {
          width: 70vh;
          height: 70vh;

      }

      .mapBox img {
          width: 100%;
          height: 100%;
          border: 7px solid white;
          border-radius: 50%;
      }


      /* image Slider Section */

      .imgSliderContainer {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 20px;
          overflow: hidden;
          position: relative;
          padding: 30px 20px;
      }

      .imgSlide {
          width: 100%;
          height: 75vh;
          overflow: hidden;
          position: relative;
          display: flex;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          border-radius: 5px;
      }

      .imgSlide-1 {
          height: 63vh;
      }

      .imgSlide-3 {
          height: 54vh;
      }

      .imgSlide .images {
          display: flex;
          width: max-content;
          height: 100%;
          transition: transform 1s ease-in-out;

      }

      .imgSlide img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          flex: 0 0 100%;
      }

      .trust-css {
          font-family: "Arial Black", "Segoe UI Black", Impact, sans-serif;
          font-size: 120px;
          -webkit-text-fill-color: transparent;
          /* transparent fill */
          -webkit-text-stroke: 2px #555;
          /* black outline */
          text-align: center;
          margin: 60px;
      }









      /* Footer section  */

      /* Footer  */
      footer {
          width: 100%;
          background-color: #EEEFE0;
      }

      .footer {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 2rem;
          padding: 40px 50px;
          text-align: left;


      }

      .footerAbout p {
          font-size: 16px;
          color: #555;
          font-family: var(--Para);
          line-height: 1.6;
          margin-top: 10px;
      }

      .socialIcons {
          display: flex;
          gap: 20px;
          margin-top: 15px;
          padding: 0;
      }

      .socialIcons li {
          list-style: none;
      }

      .socialIcons a {
          text-decoration: none;
          color: #2c3e50;
          font-size: 20px;
          transition: all 0.3s ease;
      }

      .socialIcons a:hover {
          color: #819A91;
      }

      .quickLinks ul {
          padding: 0 10px 0 0;
      }

      .quickLinks ul li {
          list-style: none;
          margin: 10px 0;
      }

      .quickLinks ul li a {
          text-decoration: none;
          color: #2c3e50;
          font-size: 16px;
          font-family: var(--Para);
          transition: all 0.3s ease;
      }

      .quickLinks ul li a:hover {
          color: #819A91;
      }

      .footer h4 {
          font-size: 22px;
          font-weight: 600;
          margin-bottom: 15px;
      }

      .contact p {
          font-size: 16px;
          color: #555;
          font-family: var(--Para);
          line-height: 1.6;
          margin-top: 10px;
      }

      .contact a {
          text-decoration: none;
          color: #2c3e50;
          font-size: 16px;
          font-family: var(--Para);
          transition: all 0.3s ease;
      }

      .contact p a:hover {
          color: #819A91;
      }

      .footerBottom {
          width: 100%;
          background-color: #ebeff0;
          min-height: 10vh;
      }

      .footerBottom p {
          font-size: 15px;
      }

      .copy {
          font-size: 15px;
      }


.subHero {
  width: 100%;
  height: 50vh;
  background-image: url(../img/projectBg.jpg);
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.subHeroHeading {
  color: #fff; 
  text-align: center;
}
.subHeroHeading h1{
     font-size: 60px;
  font-weight: 600;
}

.text, .paragraph{
    padding: 60px;
    
}

.text h2{
    line-height: 50px;
    font-weight: 500;
}

.paragraph p{
    font-size: 18px;
    font-family: var(--Para);
}
.projectCat{
    margin:20px 0;
}
.projectCat a{
    text-decoration: underline;
    color: #123247;

}