@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/* Load custom font (add woff2 later if you have it) */
@font-face{
  font-family: "AriensNobela";
  src: url("../fonts/AriensNobela.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {font-family: 'Poppins', sans-serif; padding: 0; margin: 0;background: #fff;}

.heading, h1, h2, h3 {
    font-family: 'AriensNobela', sans-serif;
}
/*--- Header ---*/ 
.site-header{position: fixed; top: 0; width: 100%; z-index: 999;  font-family: 'AriensNobela', sans-serif;}
ul.navbar-nav li a {
    font-size: 16px;
    font-weight: 600;
}

.site-header.sticky { position: fixed; top: 0; width: 100%; z-index: 999;}
 a.navbar-brand {
    width: 8%;
}
a.navbar-brand img {
    width: 100%;
}

/* button */
.btn{background: linear-gradient(45deg, #FCF6BA, #BF953F);; color: #000; }
.btn-download{position: relative;}
.btn-download:before{font-family: FontAwesome;
    content: "\f1c1";
    font-size: 20px; margin-right: 8px;}

.hero-text-container {
    position: absolute;
    left: 45%;
    top: 74%;
}
a.hero-button {
	font-family: 'AriensNobela', sans-serif;
    background: linear-gradient(45deg, #FCF6BA, #BF953F);
    padding: 10px 20px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    font-size: 18px;
	font-weight: 600;
}
/* Base look */
.navbar-nav .nav-link{
  position: relative;
  padding: .5rem 1rem;
  color: #3a2a20;                 /* deep brown */
  
  transition: color .25s ease, letter-spacing .25s ease;
}

/* underline */
.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left: 50%;
  bottom: .2rem;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg,#d4af37,#e6c766); /* gold */
  border-radius: 2px;
  transform: translateX(-50%);
  transition: width .25s ease;
}

/* hover/focus/active */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus{
  color: #000;
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus::after{
  width: 70%;
}

/* mark current section/page */
.navbar-nav .nav-link.active{
  color:#d4af37;
}
.navbar-nav .nav-link.active::after{
  width:70%;
}
.text-justify {
    text-align: justify;
}
/* navigation */
.site-header .nav-link:focus,
.site-header .nav-link:hover{color: rgba(0, 0, 0, .65);}
.nav-link:focus,
.nav-link:hover{color: #cca359;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.mobile-number{margin-left: 16px;}
.mobile-number a{white-space: nowrap; color: #000; text-decoration: none; font-weight: 500; padding: 6px; background: linear-gradient(45deg, #FCF6BA, #BF953F);}
.top-number .fa{font-size: 20px;}

.hero-section{position: relative; padding-bottom: 0; overflow: hidden;}
.hero-form-container{position: absolute; top: 97px; right: 110px; width: 500px; background: rgba(0,0,0,0.60); padding: 20px; color: #fff;}
.hero-form-container .location-strip {color: #000; background: linear-gradient(45deg, #FCF6BA, #BF953F); text-align: center; padding: 8px;    font-weight: 700 !important;  font-weight: 600; text-transform: capitalize; margin-bottom: 30px;}
.hero-form-container .location-strip .fa{margin-right: 8px;}
.hero-form-container .title{color: #fff;     font-size: 34px; font-weight: 600;}
.hero-form-container .title span{display: block; font-size: 22px; font-weight: 400;}


.hero-form-container .blinker {background: linear-gradient(45deg, #FCF6BA, #BF953F); color: #000; display: inline-block; padding: 6px 12px; font-size: 16px;font-weight: 400;}
.hero-form-container .usp ul{padding: 20px; padding-left: 2px; list-style-type: none;}
.hero-form-container .usp ul li{margin-bottom: 6px; position: relative; padding-left: 30px; font-weight: 500;}
.hero-form-container .usp ul li:before{font-family: 'FontAwesome';font-weight: 900;content: "\f0a4"; position: absolute; left: 0;}


.send-message-form .form-title{position: relative; margin-bottom: 20px; font-size: 18px; font-weight: 600; text-decoration: none; border-bottom: #fff 1px solid;   padding-bottom: 6px; text-align: right; text-transform: uppercase;}
.send-message-form .form-title span{position: relative; padding-left: 26px;}
.send-message-form .form-title span:before{font-family: 'FontAwesome';font-weight: 900; content: "\f0e0"; position: absolute; left: 0;}
.send-message-form .btn{background: linear-gradient(45deg, #FCF6BA, #BF953F); color: #000; width: 100%;}

.starting-price-section{background:linear-gradient(45deg, #FCF6BA, #BF953F); padding: 30px; text-align: center; }
.starting-price-section h2.title{font-size: 36px; color: #000;font-weight: 300; text-transform: uppercase; }
.starting-price-section h2.title .fa{display: inline-block; border: #000 1px solid; width: 60px; height: 60px; line-height: 53px; margin-bottom: 12px;   border-radius: 100px;}
.starting-price-section h2.title span{ font-size: 24px; display: block; text-transform: none;}
.starting-price-section .download-broucher{border: #000 1px solid;
    display: inline-block;
    padding: 10px 20px; position: relative; color: #000; text-decoration: none;
}
.starting-price-section .download-broucher:before{font-family: 'FontAwesome'; content: '\f1c1'; font-size: 20px;}

/* section heading */
.section{padding: 40px 0;}

.section h3{ text-align: center; position: relative; border: 0; margin-bottom: 30px;}
.section h3 span{text-align: center; padding: 0 15px; background: #fff; position: relative; border: 0;}
.section h3:before{    content: ''; position: absolute; width: 100%;  height: 1px;background-color: #000; left: 0; top: 50%; margin-top: -1px;}

/* overview-section */
/* .overview-section{padding: 40px 0;} */
.overview-section h2{border-bottom: #000 1px solid; padding-bottom: 6px; margin-bottom: 16px;}
.overview-section li{list-style-type: none;  padding-left: 24px;  position: relative; margin-bottom: 10px;}
.overview-section li:before{    font-family: 'FontAwesome'; font-weight: 900;content: "\f0a4"; position: absolute; left: 0;}
.overview-section img{width: 100%; display: block;}


.why-choose-us h3{ text-align: center; position: relative; border: 0; margin-bottom: 30px;}
.why-choose-us h3 span{text-align: center; padding: 0 15px; background: #fff; position: relative; border: 0;}
.why-choose-us h3 span.sub-title{ font-size: 16px; display: block;}
.why-choose-us h3:before{    content: ''; position: absolute; width: 100%;  height: 1px;background-color: #000; left: 0; top: 50%; margin-top: -1px;}

.why-choose-item{font-size: 16px; border: #f1f1f1 1px solid; padding: 10px; }
.why-choose-item h4{font-size: 20px;}

/* highlight section */
.highlights-section{background-image: url("../img/highlight_img.jpg");  min-height: 500px;  padding: 70px 0;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}

.highlights-section h3{ font-size:30px ; background: rgba(255, 255, 255, .6); box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5); padding: 12px 0; text-transform: capitalize;}
.highlights-section h3 span{background: none; color: #000;}
.highlights-section h3::before{display: none;}

.highlight-item{background: rgba(255,255,255,.7); text-align: center; padding: 16px; min-height: 312px; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5); -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
.highlight-item .number{border: 1px #000 solid; padding: 20px; display: inline-block; padding: 10px 20px; margin-bottom: 20px; font-size: 20px; font-weight: 700;}
.highlight-item:hover{transform: translateY(-20px); }



.price-list-section .price-list-item{ border: #cca359 1px solid; text-align: center;  padding: 0 16px 16px 16px; background: rgba(255,255,255,.8); -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
.price-list-section .price-list-item .heading{margin: 0 -16px; background:linear-gradient(45deg, #FCF6BA, #BF953F);}
.price-list-section .price-list-item .heading h4{padding: 16px 0;}

.price-list-item .price-list-detail{text-align: left; font-size: 20px;}
.price-list-item .price-list-detail span{display: block; font-size: 16px;}
.price-list-section .price-list-item:hover{transform: translateY(-20px);}


/* amenities section */
.amenities-section{   background: url(../img/highlights-pattern.png) no-repeat center top rgba(0, 0, 0, .9); }
.amenities-section h3 span{background: #1f1f1f; color: #fff;}
.amenities-section h3:before {background-color: #fff;;}
.amenities-section .amenities-item img{width: 100%; height: auto; display: block;}
.amenities-section .amenities-item .amenities-thumb{position: relative;}

.amenities-title{color: #fff; font-weight: 500; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background: linear-gradient(45deg, #FCF6BA, #BF953F);}
.amenities-title .overlay{color:#000; text-align: center;  font-size: 18px; font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); display: flex;}
.amenities-title span{color:#000; text-align: center;  font-size: 18px; font-weight: 700; }
.amenities-title .overlay img{width: auto ; display: inline-block;}

.amenities-section .amenities-item:hover .amenities-title{opacity: 1;}

/* floor plans section */
.floor-plan-tab-container{padding-left: 210px; padding-right: 210px;}
.floor-plan-content .floor-plan-box{position: relative;}
.floor-plan-content .floor-plan-box img{ width: 100%; }
.floor-plan-content .floor-plan-box .btn.btn-view-details {position: absolute;  top: 50%; margin-top: -30px; left: 50%; margin-left: -60.5px;}
.consultdetail{background: linear-gradient(45deg, #FCF6BA, #BF953F); text-align:center; padding:10px;}
.floor-plan-content .floor-plan-box h5{display: block; text-align: center;  color: #fff;  color: #000; }

.floor-plan-tab-container .nav-pills .nav-link{color: #000; margin-bottom: 16px; cursor: pointer;}
.floor-plan-tab-container .nav-pills .nav-link.active{background: linear-gradient(45deg, #FCF6BA, #BF953F);}

/* location section */
.location-section{
    position: relative;
    background: url(../img/highlights-pattern.png) repeat-y #000;
    overflow: hidden;
    background-image: url(../img/row-bgimage-7.png);
    background-repeat: no-repeat;
    background-position: bottom left;}

 .location-section h3 span{background: #000; color: #fff;}   
 .location-section h3:before{background-color: #fff;}
 .location-section .location-map{position: relative;}
 .location-section .location-map iframe {width: 100%; height: 65vh;}

 .usp-item{text-align: center; color: #fff; padding: 20px;background: rgba(255,255,255, .1); height: 220px; display: flex; flex-direction: column; justify-content: center;}
 .usp-item h6{font-weight: 300; line-height: normal; font-size: 14px;}
 .usp-item .usp-icon{font-size: 40px; color: #fff; margin-bottom: 12px;}

 /* gallery section */
 .gallery-container .gallery-item img{ width: 100%; display: block;}
 .schedule-site-visit{font-weight: 600;}
 .schedule-site-visit .fa{font-size: 20px;  margin-right: 6px;}

 /* about developer section */
 .about-developer-section{    background: url(../img/highlights-pattern.png) repeat-y #000;
    background-repeat: no-repeat;
    background-position: bottom left;
    overflow: hidden;
    background-image: url(../img/row-bgimage-7.png); color: #fff;}
 .about-developer-section h3{text-align: left; text-transform: capitalize;}
 .about-developer-section h3:before{display: none;}
 .about-developer-section h3 span{padding-left: 0; background: #000;}
 .send-message-form .form-title{text-align: left;}

 /* footer section */
 .site-footer{ background-color: #000; border-top: #fff 1px solid; color: #fff; font-size: 14px; font-weight: 300;}
 .site-footer p{margin-bottom: auto;}
 .site-footer a{color: #fff;}

 /* form modal */
 .form-modal .modal-content{background: #000; color: #fff;}
 .form-modal .blinker {background: linear-gradient(45deg, #FCF6BA, #BF953F); color: #000; padding: 6px 12px; font-size: 16px;font-weight: 700; font-weight: 700; display: block; text-align: center;}

 .form-modal  .modal-header .btn-close{color: #fff; background-color: #fff;}

/* footer CTA section */
.footer-cta-section{position: fixed; bottom: 0; background: #cca359; width: 100%; display: none;}
.footer-cta-section .mobile-section{display: flex; justify-content: center;}
.footer-cta-section a{ display: inline-block; text-decoration: none; padding: 10px 15px; color: #fff; border-right: #fff 1px solid;}
.footer-cta-section a:last-child{border: none;}

.pt-180{padding-top: 180px; padding-bottom: 100px;}

.disclaimer-section{padding-top: 140px; padding-bottom: 200px;}

.footer-main h4, .footer-blog-section h4 {
    font-weight: bold;
    color: #ffffffbf;
}
.footer-main p {
    color: #ffffffbf !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.footer-main ul li, .footer-blog-section ul li {
    margin-top: 11px;
}
.footer-main ul li:before, .footer-blog-section ul li:before {
    content: '⮞';
    color: #ffffffbf;
    padding-right: 8px;
}
.footer-main a, .footer-blog-section a {
    color: #ffffffbf !important;
    font-size: 14px !important;
    text-decoration: none !important;
	
}
.footer-main ul, .footer-blog-section ul {
    list-style: none;
    padding-top: 1px;
    padding-left: 0px !important;
    margin-top: 0px !important;
}

.pt-40{margin-top:40px;}
 .mediaslider .mediaslide { padding: 16px; }

.media-top{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
 
}
.media-top img{
  width: 100%;
  display: block;
}


/* white caption overlapping the image bottom */
.mediaslidetext{
  width: 90%;
  margin: -6px auto 0;   /* overlap */
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.mediaslidetext p{ margin: 0; font-weight: 600; line-height: 1.4; }
.mediaslidetext a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}
.mediaslidetext a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}
.mediaslidetext a:hover{ text-decoration: none; }

/* slick arrows styling (optional) */
.slick-prev:before, .slick-next:before{
  color: #000;
}
.slick-prev, .slick-next{
  width: 44px; height: 44px;
}


/* Custom section styling */
.constultants {
  position: relative;

}
.constultants .heading {
  text-align: center;
  font-weight: 700;
}
.consultant img {
  border-radius: 20px;
  transition: transform 0.4s ease;
}
.consultant:hover img {
  transform: scale(1.03);
}
.consultant h2, .consultant h3, .consultant p {
  text-align: center;
  margin-top: 15px;
}
.consArrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10;
}
.consArrows img {
  position: absolute;
  width: 45px;
  height: 45px;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
}
/* Left arrow */
.consArrows .consLeft {
  left: 24px; /* move outside slightly */
}
/* Right arrow */
.consArrows .consRight {
  right: 24px;
}



.constultants .csubhead {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
}
.csubhead span:nth-child(1) {
    font-size: 26px;
    line-height: normal;
    font-family: Trirong-Light;
}
.cline {
    width: 180px;
    height: 8px;
    background-color: #6885c2;
}
.constultants .heading {
    line-height: 100%;
	font-weight:500;
}
.skyblue {
    color: #c39c48;
}
    .heading {
        font-size: 80px;
    }
	
}
.consultant {
  background: #fff;
}

.consultant .col-md-5,
.consultant .col-md-7 {
  padding: 0; /* Ensures no internal column padding */
}

.consultant-logo {
    margin-right: 20px;
    width: 70%;
    margin: 0 auto;
}
.consultantProject img {
  width: 100%;
  display: block;
  border-radius: 16px;
  transition: transform 0.3s ease;
}

.consultant-logo img:hover,
.consultantProject img:hover {
  transform: scale(1.02);
}

.consultcontent {
  text-align: center;
  margin-top: 25px;
}

.consultcontent h2 {
  font-size: 1.75rem;
  color: #000;
}
.consultcontent h3 {
  font-size: 1.1rem;
  color: #777;
}
.consultcontent p {
  color: #666;
  margin-bottom: 0;
}

.consultcontent h2 {
    margin-top: 20px;
    font-size: 35px;
    font-weight: 200;
    line-height: 140%;
}
.consultcontent h3 {
    font-size: 25px;
    font-weight: 200;
    line-height: 120%;
}
.consultcontent p {
    font-family: Trirong-Light;
    font-size: 18px;
}
 .media .msubhead {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    line-height: 100%;
    margin-top: -11px;
}
.msubhead2 span:nth-child(1) {
    font-size: 26px;
    line-height: normal;
    font-family: Trirong-Light;
}
.mline {
    width: 140px;
    height: 8px;
    background-color: #4f9570;
}
.msubhead span:nth-child(2) {
    font-size: 26px;
    line-height: normal;
    font-family: Trirong-Light;
    letter-spacing: 1px;
}




@media (max-width: 768px) {
.hero-text-container {
    position: absolute;
    left: 33%;
    top: 68%;
}
.consultcontent h2 {
    font-size: 25px;
    font-weight: 200 !important;
    line-height: 140%;
}
.consultcontent h3 {
    font-size: 20px;
}


.consArrows {
    position: absolute;
    top: 76%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
}
    .consArrows img {
        width: 50px;
        height: 50px;
        padding: 0px;
    }
.consultant .col-5 {
    flex: 0 0 auto;
    width: 36.666667%;
}
.heading {
        font-size: 50px;
    }
	.cline {
        width: 100px;
        height: 6px;
    }

  .consultant .row {
    gap: 15px; /* Small gap for mobile */
  }
   .consArrows .consLeft {
    left: 10px;
  }
  .consArrows .consRight {
    right: 10px;
  }
  
}