@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');

body {font-family: 'Poppins', sans-serif; padding: 0; margin: 0;background: #fff;}

/*--- Header ---*/ 
.site-header{background: #FFFFFF; box-shadow: 0px 3px 6px #0000001A; opacity: 1; border-bottom: #cca359 2px solid;}

.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
 

/* button */
.btn{background: linear-gradient(45deg, #BF953F, #FCF6BA, #AA771C); color: #000; }
.btn-download{position: relative;}
.btn-download:before{font-family: FontAwesome;
    content: "\f1c1";
    font-size: 20px; margin-right: 8px;}


/* navigation */
.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{color: #000; text-decoration: none; font-weight: 500; padding: 6px; background: linear-gradient(45deg, #BF953F, #FCF6BA, #AA771C);}
.top-number .fa{font-size: 20px;}

.hero-section{position: relative;}
.hero-form-container{
position:absolute;
top:0;
right:80px;
width:460px;
background:rgba(0,0,0,0.65);
padding:20px;
color:#fff;
}


/* location strip */

.hero-form-container .location-strip{
background:#0b3d2e;
color:#fff;
text-align:center;
padding:8px;
font-weight:600;
margin-bottom:20px;
}

.hero-form-container .location-strip .fa{
margin-right:8px;
color:#fff;
}


/* title */

.hero-form-container .title{
color:#fff;
font-size:32px;
font-weight:600;
}

.hero-form-container .title span{
display:block;
font-size:20px;
font-weight:400;
color:#dcdcdc;
}


/* price strip */

.hero-form-container .blinker{
background:#0b3d2e;
color:#fff;
display:inline-block;
padding:6px 12px;
font-size:15px;
font-weight:500;
margin-bottom:10px;
}


/* USP */

.hero-form-container .usp ul{
padding:10px 0;
list-style:none;
}

.hero-form-container .usp ul li{
margin-bottom:6px;
padding-left:22px;
position:relative;
font-size:14px;
}

.hero-form-container .usp ul li:before{
font-family:'FontAwesome';
content:"\f058";
position:absolute;
left:0;
color:#0b3d2e;
}

.send-message-form .form-title{
position:relative;
margin-bottom:20px;
font-size:18px;
font-weight:600;
border-bottom:1px solid #ddd;
padding-bottom:6px;
text-align:right;
text-transform:uppercase;
color:#0b3d2e;
}

.send-message-form .form-title span{
position:relative;
padding-left:26px;
}

.send-message-form .form-title span:before{
font-family:'FontAwesome';
content:"\f0e0";
position:absolute;
left:0;
color:#0b3d2e;
}


/* button Eldeco style */

.send-message-form .btn{
background:#0b3d2e;
color:#fff;
width:100%;
border:none;
font-weight:600;
}

.send-message-form .btn:hover{
background:#062a20;
}
/* STARTING PRICE PREMIUM */

.starting-price-section{
background:#f5f5f5;
padding:40px 0;
text-align:center;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}


/* icon */

.starting-price-section .fa{
font-size:28px;
color:#0b3d2e;
margin-bottom:10px;
}


/* title */

.starting-price-section h2.title{
font-size:28px;
color:#0b3d2e;
font-weight:500;
margin-bottom:5px;
}


/* price */

.starting-price-section h2.title span{
display:block;
font-size:40px;
font-weight:700;
color:#0b3d2e;
margin-top:5px;
}


/* button */

.starting-price-section .download-broucher{
display:inline-block;
margin-top:15px;
padding:10px 18px;
border:1px solid #0b3d2e;
color:#0b3d2e;
text-decoration:none;
font-weight:500;
}

.starting-price-section .download-broucher:hover{
background:#0b3d2e;
color:#fff;
}/* 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;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}


/* heading */

.highlights-section h3{
font-size:28px;
background:rgba(255,255,255,0.9);
padding:10px 0;
color:#0b3d2e;
box-shadow:0 4px 8px rgba(0,0,0,0.2);
}

.highlights-section h3 span{
background:none;
color:#0b3d2e;
}

.highlights-section h3::before{
display:none;
}


/* card */

.highlight-item{
background:rgba(255,255,255,0.9);
text-align:center;
padding:16px;
min-height:300px;
box-shadow:0 4px 8px rgba(0,0,0,0.2);
transition:all 0.3s ease;
}


/* number */

.highlight-item .number{
border:1px solid #0b3d2e;
color:#0b3d2e;
padding:8px 16px;
margin-bottom:15px;
font-size:18px;
font-weight:600;
display:inline-block;
}


/* hover */

.highlight-item:hover{
transform:translateY(-10px);
box-shadow:0 8px 16px rgba(0,0,0,0.25);
}

/* price list section */
/* ===== PRICE LIST PREMIUM ===== */

.price-list-section{
background:#f5f5f5;
padding:50px 0;
}


/* card */

.price-list-section .price-list-item{
background:#ffffff;
border:1px solid #e5e5e5;
border-radius:6px;
overflow:hidden;
transition:all 0.3s ease;
box-shadow:0 2px 6px rgba(0,0,0,0.08);
}


/* hover */

.price-list-section .price-list-item:hover{
transform:translateY(-6px);
box-shadow:0 8px 18px rgba(0,0,0,0.15);
}


/* header */

.price-list-section .price-list-item .heading{
background:#0b3d2e;
padding:12px;
text-align:center;
}

.price-list-section .price-list-item .heading h4{
color:#ffffff;
margin:0;
font-weight:600;
}


/* body */

.price-list-item .price-list-detail{
padding:18px;
text-align:left;
font-size:18px;
color:#000;
}

.price-list-item .price-list-detail span{
display:block;
font-size:14px;
color:#666;
margin-bottom:3px;
}


/* button */

.price-list-item .btn{
background:#0b3d2e;
color:#fff;
border:none;
width:100%;
padding:10px;
margin-top:10px;
font-weight:500;
border-radius:6px;
}

.price-list-item .btn:hover{
background:#083c2d;
}
/* amenities section */
/* amenities section */

.amenities-section{
background:#0b3d2e;
}

.amenities-section h3 span{
background:#0b3d2e;
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;
}


/* overlay */

.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:rgba(11,61,46,0.9);
}

.amenities-title .overlay{
color:#fff;
text-align:center;
font-size:16px;
font-weight:600;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
display:flex;
}

.amenities-title span{
color:#fff;
font-size:16px;
font-weight:600;
}

.amenities-title .overlay img{
width:auto;
display:inline-block;
}

.amenities-section .amenities-item:hover .amenities-title{
opacity:1;
}

/* floor plans section */

/* ===== FLOOR PLAN PREMIUM ===== */

.floor-plan-tab-container{
padding-left:120px;
padding-right:120px;
}


/* TAB LIST */

.floor-plan-tab-container .nav-pills .nav-link{

background:#ffffff;
border:1px solid #e5e5e5;
border-radius:8px;
padding:12px 16px;
margin-bottom:12px;
color:#000;
font-weight:500;
transition:all 0.25s ease;
box-shadow:0 2px 4px rgba(0,0,0,0.05);
}


/* HOVER */

.floor-plan-tab-container .nav-pills .nav-link:hover{

background:#0b3d2e;
color:#ffffff !important;
border-color:#0b3d2e;
transform:translateX(4px);

}


/* ACTIVE */

.floor-plan-tab-container .nav-pills .nav-link.active{

background:#0b3d2e !important;
color:#ffffff !important;
border-color:#0b3d2e;
box-shadow:0 4px 10px rgba(0,0,0,0.15);

}


/* RIGHT SIDE IMAGE */

.floor-plan-content .floor-plan-box{

background:#ffffff;
border-radius:8px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
position:relative;

}


.floor-plan-content .floor-plan-box img{

width:100%;
filter:blur(3px);

}


/* VIEW BUTTON */

.floor-plan-content .btn-view-details{

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#0b3d2e;
color:#fff;
border:none;
padding:8px 14px;
border-radius:6px;
}


/* TITLE */

.floor-plan-content .floor-plan-box h5{

background:#0b3d2e;
color:#fff;
text-align:center;
padding:10px;
margin:0;
font-weight:600;

}

/* heading */

.location-section h3 span{
background:#ffffff;
color:#0b3d2e;
}

.location-section h3:before{
background-color:#0b3d2e;
}


/* map */

.location-section .location-map{
position:relative;
}

.location-section .location-map iframe{
width:100%;
height:65vh;
border:0;
}


/* usp boxes */

.usp-item{
text-align:center;
color:#000;
padding:20px;
background:#f5f5f5;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
border:1px solid #ddd;
}


.usp-item h6{
font-weight:400;
font-size:14px;
}


.usp-item .usp-icon{
font-size:36px;
color:#0b3d2e;
margin-bottom:10px;
}
 /* 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 SECTION PREMIUM ===== */

.about-developer-section{

background:#ffffff;
padding:60px 0;
text-align:center;

}


/* heading */

.about-developer-section h3{

font-size:38px;
font-weight:700;
color:#0b3d2e;
margin-bottom:20px;
letter-spacing:1px;

}


.about-developer-section h3 span{

background:none;
color:#0b3d2e;

}


/* paragraph */

.about-developer-section p{

max-width:950px;
margin:0 auto 18px auto;

text-align:justify;

font-size:17px;
line-height:1.8;

color:#222;

}


/* container spacing */

.about-developer-section .container{

max-width:1100px;

}

/* form title */

.send-message-form .form-title{
text-align:left;
color:#0b3d2e;
}

 /* footer section */

.site-footer{
background:#0b3d2e;
border-top:2px solid #e5e5e5;
color:#fff;
font-size:14px;
font-weight:400;
padding:20px 0;
}

.site-footer p{
margin-bottom:6px;
}

.site-footer a{
color:#9ad1b0;
text-decoration:none;
}

.site-footer a:hover{
color:#ffffff;
}

 /* form modal */
 .form-modal .modal-content{background: #000; color: #fff;}
 .form-modal .blinker {background: linear-gradient(45deg, #BF953F, #FCF6BA, #AA771C); 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;}

 /* ===== ELDECO THEME ===== */

:root{
  --eldeco-green:#0b4d35;
  --eldeco-dark:#062e1f;
  --eldeco-gold:#c9a76a;
  --eldeco-gold-light:#e0c089;
  --eldeco-cream:#f5f1e8;
}


/* BODY */

body{
  background: linear-gradient(135deg,#062e1f,#0b4d35);
  color:#fff;
}


/* SECTION */

.section{
  padding:60px 0;
}

.section-light{
  background:#f5f1e8;
  color:#000;
}


/* HEADINGS */

h1,h2,h3,h4,h5{
  color:#c9a76a;
}


/* BUTTON */

.btn{
  background:#c9a76a;
  color:#000;
  border:none;
}

.btn:hover{
  background:#e0c089;
}


/* PRICE BOX */

.price-list-item{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.2);
  padding:25px;
}


/* FLOOR */

.floor-plan-box{
  background:rgba(255,255,255,0.05);
  padding:15px;
}


/* ===== HEADER ===== */

/* HEADER FINAL FIX */

.site-header{
background:#ffffff !important;
border-bottom:1px solid #e5e5e5;
}

header{
background:#ffffff !important;
}

.navbar{
background:transparent !important;
}

.navbar-collapse{
background:transparent !important;
}
.nav-link{
color:#0b3d2e !important;
font-weight:500;
}

.nav-link:hover{
color:#0a5a43 !important;
}
/* ===== HERO SECTION ===== */

.hero,
.banner,
.main-banner,
.top-banner{

background:linear-gradient(
rgba(6,46,31,0.85),
rgba(6,46,31,0.85)
),
url("../img/banner.jpg");

background-size:cover;
background-position:center;
color:#fff;
padding:120px 0;
}


/* ===== HERO HEADING ===== */

.hero h1,
.banner h1{
color:#c9a76a;
font-weight:600;
}

.hero p{
color:#fff;
}


/* ===== FORM BOX ===== */

.form-box,
.enquiry-form,
.banner-form,
.form-section{

background:rgba(255,255,255,0.95);
color:#000;
padding:25px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.3);
}


/* ===== FORM TITLE ===== */

.form-box h3,
.enquiry-form h3{
color:#0b4d35;
}


/* ===== INPUT ===== */

.form-control{
border:1px solid #ccc;
border-radius:4px;
}

.form-control:focus{
border-color:#c9a76a;
box-shadow:none;
}


/* ===== SUBMIT BUTTON ===== */

.form-box .btn,
.enquiry-form .btn{
background:#c9a76a;
color:#000;
width:100%;
font-weight:600;
}

.form-box .btn:hover{
background:#e0c089;
}


/* ===== CTA BUTTON ===== */

.btn-primary{
background:#c9a76a !important;
border:none !important;
color:#000 !important;
}

.btn-primary:hover{
background:#e0c089 !important;
}


/* ===== TOP STRIP ===== */

.top-bar,
.top-strip{
background:#0b4d35;
color:#fff;
}


/* ===== SECTION TITLE LINE ===== */

h3 span{
border-bottom:2px solid #c9a76a;
padding-bottom:5px;
}

/* ===== UNIVERSAL FORM BOX ===== */

form,
.form,
.form-area,
.form-box,
.contact-form,
.enquiry-form,
.modal form,
.banner form,
.right-form,
.lead-form,
.form-container{

background:rgba(255,255,255,0.95);
color:#000;
padding:25px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.3);
}


/* ===== INPUT ===== */

input,
select,
textarea,
.form-control{

border:1px solid #ccc;
border-radius:4px;
padding:10px;
}

input:focus,
textarea:focus,
select:focus{

border-color:#c9a76a;
box-shadow:none;
outline:none;
}


/* ===== BUTTON ===== */

button,
input[type=submit],
.btn-submit{

background:#c9a76a;
color:#000;
border:none;
padding:12px;
font-weight:600;
width:100%;
}

button:hover,
input[type=submit]:hover{

background:#e0c089;
}
/* HERO FORCE */

section:first-of-type{
background:linear-gradient(
rgba(6,46,31,0.85),
rgba(6,46,31,0.85)
),
url("../img/banner.jpg");

background-size:cover;
background-position:center;
}


/* NAV FIX */

header{
background:#ffffff !important;
}

.navbar{
background:transparent !important;
}

.nav-link{
color:#0b3d2e !important;
font-weight:500;
}

.nav-link:hover{
color:#0a5a43 !important;
}

/* GOLD HEADINGS */

h1,h2,h3,h4{
color:#c9a76a;
}
.modal #moveTopBtn{
display:none !important;
}
#moveTopBtn{

position:fixed;
bottom:25px;
right:25px;

background:#0b3d2e;
color:#fff;

border:none;
border-radius:6px;

width:45px;
height:45px;

font-size:20px;
cursor:pointer;

display:none;

z-index:5;

} 