*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    html{
      scroll-behavior:smooth;
    }

   html,
body{
    overflow-x:hidden !important;
    width:100%;
    max-width:100%;

      font-family:'Poppins', sans-serif;
      background:#ffffff;
      overflow-x:hidden;
      color:#fff;
    }
    .fa-solid, .fas{
        color:#000!important;
    }

    a{
      text-decoration:none;
      color:#fff;
    }

    img{
      max-width:100%;
      display:block;
    }

    .container{
      width:100%;
      max-width:1400px;
      margin:auto;
      padding:0 25px;
    }

    /* ==================================================
       HEADER
    ================================================== */
/* ==================================================
   HEADER
================================================== */

header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  padding:10px 0;
  background: rgba(0, 54, 98, 0.44);
}

.navbar{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:40px;
}

/* LOGO */

.logo img{
  width:120px;
}

/* RIGHT */

.nav-wrapper{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:50px;
}

/* MENU */

.nav-center{
  display:flex;
  align-items:center;
  gap:40px;
}

.nav-center a{
  color:#fff;
  font-size:16px;
  transition:0.3s;
}

.nav-center a:hover{
  color:#d6a45f;
}

/* CONTACT */

.contact-info{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}

.contact-item{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:14px;
}

.contact-item svg{
  width:17px;
  height:17px;
  stroke:#fff;
}

/* =========================================================
   DISCOVER SECTION
========================================================= */

.discover-section{
  background:#12233a;
  padding:75px 0;
}

.discover-grid{
  display:grid;
  grid-template-columns:42% 58%;
  gap:60px;
  align-items:center;
}

/* LEFT */

.discover-title{
  font-family:'Sorts Mill Goudy', serif;
  font-size:40px;
  line-height:1.05;
  color:#fff;
  font-weight:400;
  margin-bottom:35px;
}

.discover-text{
  color:#d2d7de;
  font-size:20px;
  line-height:1.7;
  margin-bottom:45px;
  max-width:620px;
}

/* FORM */

.discover-form{
  display:flex;
  flex-direction:column;
}

.discover-form input{
  background:transparent;
  border:none;
  border-bottom:1px solid rgba(255,255,255,0.22);
  padding:15px 0;
  color:#fff;
  font-size:14px;
  outline:none;
}

.discover-form input::placeholder{
  color:#c4c8cf;
}

/* BUTTONS */

.discover-buttons{
  display:flex;
  gap:20px;
  margin-top:40px;
}

.btn-primary,
.btn-outline{
  border:none;
  padding:15px 30px;
  border-radius:40px;
  font-size:12px;
  cursor:pointer;
  transition:0.3s;
  font-weight:600;
}

.btn-primary{
  background:#d9cfbc;
  color:#1d2a3d;
}

.btn-outline{
  background:#d9cfbc;
  color:#1d2a3d;
}

.btn-primary:hover,
.btn-outline:hover{
  transform:translateY(-3px);
}

/* IMAGE */

.discover-image img{
  width:100%;
  height:620px;
  object-fit:cover;
}

@media(max-width:768px){

  .location-title{
    font-size:30px;
  }

  .location-subtitle{
    font-size:16px;
    margin-bottom:50px;
  }

  .location-item{
    flex-direction:column;
    align-items:flex-start;
  }

  .location-item img{
    width:100%;
    height:240px;
  }

  .location-info::before{
    display:none;
  }

  .location-info .time{
    padding-left:0;
    margin-bottom:12px;
    font-size:18px;
  }

  .location-info h4{
    font-size:22px;
  }

  .map-section{
    height:420px;
  }

  .discover-title{
    font-size:48px;
  }

  .discover-text{
    font-size:16px;
  }

  .discover-buttons{
    flex-direction:column;
  }

  .discover-image img{
    height:360px;
  }

}
/* ==================================================
   HAMBURGER
================================================== */
.top-mobile{display:none; float: right;
margin-right: 20px;}
.menu-toggle{
  width:34px;
  height:28px;
  display:none;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
  margin-left:auto;
  position:relative;
  z-index:1002;
}

.menu-toggle span{
  width:100%;
  height:3px;
  background:#fff;
  border-radius:10px;
  transition:0.35s ease;
  transform-origin:center;
}

/* CROSS ANIMATION */

.menu-toggle.active span:nth-child(1){
  transform:translateY(12px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
  opacity:0;
}

.menu-toggle.active span:nth-child(3){
  transform:translateY(-12px) rotate(-45deg);
}

/* ==================================================
   MOBILE MENU
================================================== */

@media(max-width:992px){

  .menu-toggle{
    display:flex;
  }

  .nav-wrapper{
    position:fixed;
    top:0;
    right:-100%;
    width:320px;
    height:100vh;
    background:#132238;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:60px 35px;
    gap:40px;
    transition:0.4s ease;
    z-index:1001;
  }

  .nav-wrapper.active{
    right:0;
  }

  /* OVERLAY */

  .menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.45);
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:1000;
  }

  .menu-overlay.active{
    opacity:1;
    visibility:visible;
  }

}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:992px){

  .navbar{
    grid-template-columns:auto auto;
  }



  .nav-center{
    flex-direction:column;
    align-items:flex-start;
    gap:25px;
  }

  .nav-center a{
    font-size:18px;
  }

  .contact-info{
    align-items:flex-start;
  }

}
/* ==================================================
   HERO SECTION
================================================== */

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

/* DYNAMIC BACKGROUND */
.hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    animation:zoomEffect 18s ease-in-out infinite alternate;
    transform:scale(1);
}

/* DARK OVERLAY */
.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    z-index:2;
}

/* CONTENT */
.hero-content{
    position:relative;
    z-index:5;
    padding:20px;
    animation:fadeUp 1.8s ease;
    
}

.hero h1{
    font-family:'Sorts Mill Goudy', serif;
    font-size:55px;
    line-height:1.2;
    font-weight:400;
    letter-spacing:1px;
    max-width:1000px;
    margin:auto;
    color:#fff;
    text-shadow: 2px 2px #000;
}

/* ANIMATION */
@keyframes zoomEffect{

    0%{
        transform:scale(1);
    }

    100%{
        transform:scale(1.1);
    }

}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* MOBILE */
@media(max-width:768px){
    .top-mobile{ display:flex!important; }

.hero h1{
    font-size:38px;
}

}

    /* ==================================================
       WELCOME SECTION
    ================================================== */

    .welcome{
      background:#f7f5f2;
      padding:100px 20px;
      text-align:center;
    }

    .welcome h2{
      font-family:'Sorts Mill Goudy', serif;
      color:#b5775a;
      font-size:26px;
      line-height:1.2;
      font-weight:400;
      max-width:800px;
      margin:auto;
    }

    /* ==================================================
       ABOUT SECTION
    ================================================== */

    .about{
      background:#101d2f;
      padding:75px 0;
    }

    .about-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }

    .about-left img{
      width:180px;
      margin-bottom:35px;
    }

    .about-left p{
      font-size:16px;
      line-height:1.5;
      color:#d8d8d8;
      margin-bottom:25px;
    }

    .btn{
      display:inline-block;
      margin-top:10px;
      padding:15px 38px;
      border:1px solid #d8b06a;
      border-radius:40px;
      color:#d8b06a;
      transition:0.4s;
      font-size:15px;
      letter-spacing:0.5px;
    }

    .btn:hover{
      background:#d8b06a;
      color:#101d2f;
    }

    .about-right{
      position:relative;
    }

    .about-right img{
      width:100%;
      border-radius:28px;
      min-height:520px;
      object-fit:cover;
    }

    /* ==================================================
       ANIMATIONS
    ================================================== */

    @keyframes zoomEffect{
      0%{
        transform:scale(1);
      }
      100%{
        transform:scale(1.15);
      }
    }

    @keyframes fadeUp{
      from{
        opacity:0;
        transform:translateY(50px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* ==================================================
       RESPONSIVE
    ================================================== */

    @media(max-width:1200px){

      .hero h1{
        font-size:60px;
      }

      .welcome h2{
        font-size:34px;
      }

    }

    @media(max-width:992px){
         .top-mobile{ display:flex!important; }

      .navbar{
        flex-direction:column;
        gap:20px;
      }

      .nav-center{
        gap:25px;
        flex-wrap:wrap;
        justify-content:center;
      }

      .contact-info{
        text-align:center;
      }

      .hero{
        height:90vh;
      }

      .hero h1{
        font-size:48px;
      }

      .about-grid{
        grid-template-columns:1fr;
      }

      .about-right img{
        min-height:auto;
      }

    }

    @media(max-width:768px){

      .hero h1{
        font-size:38px;
      }

      .welcome{
        padding:70px 20px;
      }

      .welcome h2{
        font-size:28px;
      }

      .about{
        padding:70px 0;
      }

      .about-left p{
        font-size:16px;
      }

    }

    @media(max-width:480px){
        .why-grid{grid-template-columns: repeat(2,1fr);}


      .logo img{
        width:90px;
      }

      .nav-center{
        gap:15px;
      }

      .nav-center a{
        font-size:14px;
      }

      .hero{
        height:85vh;
      }

      .hero h1{
        font-size:28px;
        line-height:1.3;
      }

      .welcome h2{
        font-size:22px;
      }

      .about-left img{
        width:140px;
      }
      


    }
/* =========================================================
   COMMON SECTION
========================================================= */
.section-title{
  font-family:'Sorts Mill Goudy', serif;
  text-align:center;
  font-size:30px;
  color:#1f2530;
  font-weight:400;
  margin-bottom:50px;
}

/* =========================================================
   SERVICES SECTION
========================================================= */

.services-section{
  background:#f4f4f4;
  padding:75px 0 0;
}
.service-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}

.service-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  height:230px;
  cursor:pointer;
}

.service-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.6s;
}

.service-card:hover img{
  transform:scale(1.08);
}

.service-card .overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
}

.service-card h3{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:28px;
  color:#fff;
  font-weight:500;
  text-align:center;
  width:100%;
  padding:0 10px;
}

/* RESPONSIVE */
/* ==================================================
   SERVICES RESPONSIVE
================================================== */

@media(max-width:992px){

  .service-grid{
    grid-template-columns:repeat(3,1fr);
    gap:15px;
  }
  .opportunity-grid{
  
  grid-template-columns:repeat(2,1fr)!important;
  
}

}

@media(max-width:768px){

  .service-grid{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
  }
  .opportunity-grid{
  
  grid-template-columns:repeat(2,1fr)!important;
  
}

  .service-card{
    height:160px;
  }

  .service-card h3{
    font-size:18px;
  }

}

@media(max-width:480px){

  .service-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }
  .opportunity-grid{
  
  grid-template-columns:repeat(2,1fr)!important;
  
}

  .service-card{
    height:120px;
  }

  .service-card h3{
    font-size:14px;
    line-height:1.3;
    padding:0 5px;
  }

}



@media(max-width:480px){

 
 
  .opportunity-grid{
      grid-template-columns:1fr!important;
  
  }

}

/* =========================================================
   OPPORTUNITIES
========================================================= */

.opportunities-section{
  background:#f4f4f4;
  padding:75px 0;
}

.opportunity-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.property-card{
  background:#efeee7;
  border-radius:18px;
  overflow:hidden;
  transition:0.4s;
  border:1px solid #d7d7d7;
}

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

.property-image{
  position:relative;
  overflow:hidden;
}

.property-image img{
  width:100%;
  height:260px;
  object-fit:cover;
  transition:0.5s;
}

.property-card:hover img{
  transform:scale(1.08);
}

.price-tag{
  position:absolute;
  top:14px;
  left:14px;
  background:#fff;
  color:#333;
  padding:6px 12px;
  font-size:12px;
}

.property-content{
  padding:22px;
}

.property-content h3{
  font-size:22px;
  color:#222;
  margin-bottom:10px;
  font-weight:500;
}
.property-content a{
    color:#222;
}

.property-subtitle{
  color:#555;
  font-size:14px;
  margin-bottom:14px;
}

.location{
  color:#9f6b59;
  font-size:14px;
  margin-bottom:18px;
}

.property-features{
  display:flex;
  gap:22px;
  color:#444;
  font-size:14px;
}

/* =========================================================
   TOP COMMUNITIES GRID
========================================================= */

.top-communities{
  background:#f4f4f4;
  padding-bottom: 75px;
}

.community-title{
  text-align:center;
  font-family:'Sorts Mill Goudy', serif;
  font-size:34px;
  color:#222;
  font-weight:400;
  margin-bottom:55px;
}

.community-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.community-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  transition:0.4s ease;
}

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

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

.community-content{
  padding:25px;
}

.community-content h3{
  font-size:20px;
  color:#1f2530;
  margin-bottom:15px;
  font-weight:600;
}

.community-content p{
  font-size:14px;
  line-height:1.8;
  color:#555;
}

/* RESPONSIVE */

@media(max-width:992px){

  .community-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:768px){

  .community-grid{
    grid-template-columns:1fr;
  }

  .community-title{
    font-size:28px;
  }

  .community-card img{
    height:230px;
  }

}
/* =========================================================
   COMMON
========================================================= */

.main-heading,
.section-heading{
  text-align:center;
  font-family:'Sorts Mill Goudy', serif;
  font-size:40px;
  color:#b46a4d;
  font-weight:400;
  margin-bottom:50px;
}

/* =========================================================
   HAPPINESS SECTION
========================================================= */

.happiness-section{
  background:#f4f4f4;
  padding:0 0 5px;
}

/* =========================================================
   TESTIMONIAL SLIDER
========================================================= */
/* ==================================================
   TESTIMONIAL SECTION
================================================== */

.happiness-section{
    padding: 0;
    background:#f7f7f7;
    overflow:hidden;
}

.main-heading{
    text-align:center;
    font-size:50px;
    margin-bottom:50px;
    font-family:'Sorts Mill Goudy', serif;
    font-weight:400;
    color: #b46a4d;
}

.testimonialSwiper{
    width:100%;
    padding-bottom:70px;
}

.testimonial-card{
    background:#efeee6;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

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

.testimonial-content{
    padding:30px;
}

.testimonial-content p{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin-bottom:20px;
}

.testimonial-content span{
    font-weight:600;
    color:#111827;
}

/* SWIPER DOTS */

.swiper-pagination-bullet{
    width:14px;
    height:14px;
    background:#111827;
    opacity:0.4;
}

.swiper-pagination-bullet-active{
    background:#d8b06a;
    opacity:1;
}

@media(max-width:768px){

.main-heading{
    font-size:36px;
}

}
/* =========================================================
   RESPONSIVE
========================================================= */


/* =========================================================
   WHY CHOOSE US
========================================================= */

.why-section{
  background:#f4f4f4;
  padding:75px 0;
}

.why-title{
  text-align:center;
  font-family:'Sorts Mill Goudy', serif;
  font-size:30px;
  font-weight:400;
  color:#222;
  margin-bottom:50px;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  align-items:start;
}

.why-item{
  text-align:center;
}

.why-icon-circle{
  width:120px;
  height:120px;
  margin:0 auto 25px;
  background:#2f4057;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.4s;
}

.why-icon-circle:hover{
  transform:translateY(-8px);
}

.why-icon-circle svg{
  width:62px;
  height:62px;
}

.why-item h4{
  font-size:15px;
  color:#273140;
  font-weight:400;
  line-height:1.5;
}

/* =========================================================
   RESPONSIVE
========================================================= */




/* =========================================================
   FOOTER
========================================================= */

.footer-section{
  position:relative;
  background:url('../../uploads/footer.jpg') center center/cover no-repeat;
  padding:50px 0 25px;
  overflow:hidden;
}

.footer-overlay{
  position:absolute;
  inset:0;
  background:rgba(44,65,92,0.62);
}

.footer-container{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.footer-left{
  color:#fff;
}

.footer-about{
  max-width:420px;
  line-height:1.8;
  font-size:14px;
  margin-bottom:35px;
}

.footer-left h3{
  color:#f2b15d;
  font-size:20px;
  margin-bottom:25px;
  letter-spacing:1px;
}

.footer-contact{
  list-style:none;
  padding:0;
  margin-bottom:30px;
}

.footer-contact li{
  margin-bottom:12px;
  font-size:14px;
}

.footer-links{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.footer-links a{
  color:#fff;
  font-size:14px;
}

.footer-right{
  text-align:center;
  color:#fff;
}

.footer-right img{
  width:220px;
  margin:0 auto 25px;
}

.footer-right h4{
  color:#f2b15d;
  margin-bottom:20px;
  letter-spacing:2px;
}

.social-icons{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-bottom:30px;
}

.social-icons a{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#fff;
  color:#2d3d52;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:700;
}

.copyright{
  font-size:13px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

/* ==================================================
   BLOG SECTION
================================================== */

.news-section{
    padding:100px 0 0;
    background:#fff;
}

.why-title{
    text-align:center;
    font-size:34px;
    margin-bottom:55px;
    font-family:'Sorts Mill Goudy', serif;
    font-weight:400;
}

.news-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
    transition:0.4s ease;
}

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

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

.news-content{
    padding:30px;
}

.news-content p{
    font-size:16px;
    line-height:1.9;
    color:#555;
}

.blog-link{
    text-decoration:none;
}
.blog-hero{
    width:100%;
    height:50vh; /* Half screen height */
    min-height:400px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.blog-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
}

.blog-overlay h1{
    color:#fff;
    font-size:48px;
    font-weight:600;
    max-width:900px;
    line-height:1.2;
}

.blog-details{
    padding:60px 0;
}

.blog-content{
    color:#333;
    font-size:18px;
    line-height:1.9;
}



/* ==================================================
   BLOG DETAILS
================================================== */


.container-small{
    width:90%;
    max-width:900px;
    margin:auto;
}

.blog-main-image{
    width:100%;
    border-radius:24px;
    margin-bottom:40px;
}

.blog-details h1{
    font-size:40px;
    margin-bottom:30px;
    line-height:1.2;
    color:#000;
}



@media(max-width:768px){
     .why-title{
    font-size:30px;
    margin-bottom:45px;
  }

  

  .why-grid{grid-template-columns: repeat(2,1fr);}
   .blog-hero{
        height:40vh;
        min-height:300px;
    }

    .blog-overlay h1{
        font-size:32px;
    }


.blog-details h1{
    font-size:34px;
}



  .main-heading,
  .section-heading{
    font-size:34px;
    margin-bottom:40px;
  }

  .testimonial-grid,
  .news-grid,
  .footer-container{
    grid-template-columns:1fr;
  }

  .footer-right{
    text-align:left;
  }

  .footer-right img{
    margin:0 0 25px;
  }

  .social-icons{
    justify-content:flex-start;
  }

}
.property-actions{
  display:flex;
  gap:10px;
  margin-top:15px;
}

.property-actions a{
  flex:1;
  text-decoration:none;
  padding:10px 14px;
  border-radius:8px;
  text-align:center;
  font-size:14px;
  font-weight:600;
  transition:0.3s ease;
}

.call-btn{
  background:#111827;
  color:#fff!important;
}

.call-btn:hover{
  transform:translateY(-2px);
}


.whatsapp-btn{
  background:#25D366;
  color:#fff;
}

.whatsapp-btn:hover{
  transform:translateY(-2px);
}
.whatsapp-contact{
    display:flex;
    justify-content:center;
    margin:20px 0;
}

.whatsapp-link{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none !important;
}

.whatsapp-link i{
    font-size:42px;
    color:#25D366;
    flex-shrink:0;
}

.whatsapp-link span{
   
    font-size:30px;
    font-weight:500;
    line-height:1;
}


.whatsapp-contact,
.whatsapp-contact a,
.whatsapp-contact span,
.whatsapp-contact *,
a[x-apple-data-detectors],
a[x-apple-data-detectors-type="telephone"],
a[href^="tel"]{
    color:#111 !important;
    text-decoration:none !important;
}
.property-actions i{
  margin-right:6px;
}
/* =========================================
   WHATSAPP FLOATING BUTTON
========================================= */
.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#25D366;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    box-shadow:0 5px 20px rgba(0,0,0,.2);
    text-decoration:none;
}

.whatsapp-float i{
    color:#fff;
    font-size:34px;
    line-height:1;
}


/* =========================================================
   PROPERTY DETAIL SECTION
========================================================= */

.property-detail-section{
  background:#f4f4f4;
  padding:40px 0 40px;
}

.container-small{
  width:100%;
  max-width:1150px;
  margin:auto;
  padding:0 25px;
  text-align: center;
}

/* LOGO */

.brand-logo{
  text-align:center;
  margin-bottom:50px;
  display: inline-flex;
}

.brand-logo img{
  width:40%;
  margin:auto;
}

/* TITLE */
/* =========================================================
   PROPERTY MAIN GRID
========================================================= */
.property-main-title{color:#000}
.property-location{color:#000; padding-bottom:25px}
.property-description{color:#000;}
.property-main-grid{
  display:grid;
  grid-template-columns:52% 48%;
  gap:70px;
  align-items:start;
  margin-top:70px;
  margin-bottom:70px;
}

/* =========================================================
   LEFT GALLERY
========================================================= */

.main-property-image img{
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:28px;
}

.thumbnail-grid{
  display:flex;
  gap:14px;
  margin-top:14px;
}

.thumbnail-grid img{
  width:32%;
  
  object-fit:cover;
  border-radius:12px;
  cursor:pointer;
}

/* =========================================================
   RIGHT SIDE
========================================================= */

.property-contact-side{
  padding-top:40px;
}

.property-price{
  font-size:45px;
  color:#111;
  font-weight:300;
  line-height:1.2;
  margin-bottom:18px;
}

.property-contact-text{
  font-size:30px;
  color:#111;
  line-height:1.3;
  margin-bottom:10px;
}

.property-contact-heading{
  font-size:30px;
  color:#111;
  margin-top:15px;
  margin-bottom:30px;
  
}

/* =========================================================
   CONTACT FORM
========================================================= */

.contact-box{
  background:#102340;
  padding:35px;
}

.contact-box input{
  border-bottom:1px solid rgba(255,255,255,0.18);
}

.contact-box .btn-outline{
  background:#ddd3c1;
  color:#132238;
  padding:14px 34px;
  font-size:14px;
}

/* =========================================================
   INFO GRID
========================================================= */

.property-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  text-align:center;
  padding:40px 0;
}

.two-grid{
  grid-template-columns:repeat(2,1fr);
  max-width:700px;
  margin:auto;
}

.info-box h4{
  color:#b76746;
  font-size:18px;
  margin-bottom:14px;
  font-weight:600;
}

.info-box p{
  color:#222;
  font-size:20px;
}

.property-detail-section hr{
  border:none;
  border-top:1px solid #d7d7d7;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:992px){
     .why-icon-circle{
    width:100px;
    height:100px;
  }

  .property-main-grid{
    grid-template-columns:1fr;
  }

  .property-price{
    font-size:46px;
  }

  .property-contact-text{
    font-size:30px;
  }

  .property-contact-heading{
    font-size:34px;
  }

}

@media(max-width:768px){

  .main-property-image img{
    height:340px;
  }

 .property-location{
    padding-bottom: 15px;
}

  .property-info-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .two-grid{
    grid-template-columns:1fr;
  }

  .property-price{
    font-size:34px;
  }

  .property-contact-text{
    font-size:24px;
  }

  .property-contact-heading{
    font-size:28px;
  }
   .whatsapp-float{
        width:55px;
        height:55px;
        right:15px;
        bottom:15px;
    }

    .whatsapp-float i{
        font-size:30px;
    }

}
/* =========================================================
   MODERN AMENITIES SECTION
========================================================= */

.amenities-section{
  background:#f4f4f4;
  padding:20px 0 70px;
}

.amenities-wrapper{
  display:grid;
  grid-template-columns:58% 42%;
  gap:55px;
  align-items:center;
}

.amenities-heading{
  font-family:'Sorts Mill Goudy', serif;
  font-size:34px;
  color:#2d3c52;
  font-weight:400;
  margin-bottom:40px;
  text-align:left;
}

.amenities-list-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px 40px;
}

.amenity-box{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.amenity-icon{
  font-size:22px;
  line-height:1;
  margin-top:2px;
}

.amenity-text{
  font-size:16px;
  line-height:1.6;
  color:#555;
  font-weight:400;
}

.amenities-right img{
  width:100%;
  height:300px;
  object-fit:cover;
  border-radius:24px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:992px){

  .amenities-wrapper{
    grid-template-columns:1fr;
  }

  .amenities-right{
    order:-1;
  }

}

@media(max-width:768px){

  .amenities-list-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .amenities-heading{
    font-size:28px;
  }

  .amenities-right img{
    height:240px;
  }


    .container,
    .container-small{
        padding-left:15px;
        padding-right:15px;
    }

    .property-main-grid,
    .amenities-wrapper,
    .footer-container{
        gap:20px;
    }

    .brand-logo{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    .brand-logo img{
        width:45%;
    }

    .thumbnail-grid{
        flex-wrap:wrap;
    }

    .thumbnail-grid img{
        width:31%;
    }

}
.thank-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.thank-popup.show{
    display:flex;
}

.thank-popup-content{
    background:#fff;
    padding:40px;
    border-radius:20px;
    text-align:center;
    max-width:400px;
    width:90%;
}

.thank-popup-content h3{
    margin-bottom:10px;
    color:#12233a;
}

.thank-popup-content p{
    margin-bottom:20px;
    color:#555;
}

.thank-popup-content button{
    background:#12233a;
    color:#fff;
    border:none;
    padding:12px 25px;
    border-radius:8px;
    cursor:pointer;
}