body{
font-family:Arial;
background:#f5f5f5;
color:#333;
overflow-x: hidden;
}


.whatsapp{
position:fixed;
bottom:150px;
right:20px;
background:#25D366;
color:#fff;
padding:15px;
border-radius:60%;
font-size:25px;
z-index:999;
}

.hero-slider{
position:relative;
height:650px;
overflow:hidden;
}

.slide{
height:650px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}




.hero-content{
background:rgba(0,0,0,0.4);
padding:40px;
border-radius:8px;
}

.hero-content h1{
font-size:55px;
font-weight:700;
}

.btn-main{
background:#c19a6b;
color:#fff;
padding:12px 30px;
border:none;
}	

/* TOP HEADER */

.top-header{
background:#444;
color:#fff;
padding:8px;
}


.social-icons a{
display:inline-block;
margin:0 3px;
width:35px;
height:35px;
line-height:35px;
text-align:center;
background:#f5f5f5;
color:#333;
border-radius:50%;
transition:0.3s;
}

.social-icons a:hover{
background:#c19a6b;
color:white;
}

.navbar-brand img{
height:60px;
width:auto;
}

/* NAVBAR */

.navbar{
background:#fff;
padding:1px 0;
font-family:'Poppins', sans-serif;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:0.3s;
}

.navbar .nav-link{
color:#006666 !important;
}

.navbar .nav-link:hover{
color:#c19a6b !important;
}

.navbar .nav-link.active{
color:#c19a6b !important;
}




.nav-link{
margin-left:30px;
color:blue;
font-weight:700;
position:relative;
transition:0.3s;
}

.nav-link.active{
color:#c19a6b;
font-weight:600;
}

.nav-link:hover{
color:#c19a6b;
}

.nav-link::after{
content:"";
position:absolute;
width:0%;
height:2px;
background:#c19a6b;
left:0;
bottom:-5px;
transition:0.3s;
}

.nav-link:hover::after{
width:100%;
}


/* Dropdown */

.dropdown{
position:relative;
list-style:none;
}

.dropdown-menu{
display:none;
position:absolute;
top:100%;
left:0;
background:#222;
padding:10px 0;
min-width:200px;
z-index:9999;
}

.dropdown-menu li{
list-style:none;
}

.dropdown-menu li a{
display:block;
padding:10px 20px;
color:white;
text-decoration:none;
}

.dropdown-menu li a:hover{
background:#ff6600;
}

/* Desktop hover */

.dropdown:hover .dropdown-menu{
display:block;
}

/* Mobile click */

.dropdown.active .dropdown-menu{
display:block;
}

.owl-carousel,
.owl-stage-outer{
overflow:visible !important;
}

.dropdown-menu{
border:none;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.dropdown-item:hover{
background:#c19a6b;
color:white;
}



/* HERO */

.hero{
height:600px;
width:100%;
display:flex;
align-items:center;
background:url('img/interior.jpg') center/cover no-repeat;
color:#fff;
}


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

.btn-main{
background:#c19a6b;
color:#fff;
padding:12px 30px;
}

.slider-text{
position:absolute;
top:50%;
left:10%;
transform:translateY(-50%);
color:white;
}

.owl-carousel .item{
position:relative;
}

/* SERVICES */

.services{
padding:0px 0;
background:#fff;
}

.service-box{
background:#f9f9f9;
padding:40px;
text-align:center;
border-radius:8px;
transition:.3s;
}

.service-box:hover{
transform:translateY(-10px);
border-bottom:4px solid #c19a6b;
}

.owl-carousel .item img{
width:100%;
height:500px; /* Fixed height for all slides */
object-fit:cover; /* Image cover the full area */
}

@media screen and (max-width:768px){
  .owl-carousel .item img{
    height:400px; /* Mobile friendly height */
  }
}

@media screen and (max-width:480px){
  .owl-carousel .item img{
    height:300px; /* Small screen height */
  }
}

.slider-text{
position:absolute;
top:50%;
left:10%;
transform:translateY(-50%);
color:white;
text-shadow:2px 2px 10px rgba(0,0,0,0.7);
}

.slider-text h1{
font-size:48px;
margin-bottom:10px;
}

.slider-text p{
font-size:20px;
margin-bottom:20px;
}

.slider-text button{
padding:12px 30px;
background:linear-gradient(90deg,#ff6600,#ff3300);
border:none;
color:white;
font-size:18px;
cursor:pointer;
transition:0.3s;
}

.slider-text button:hover{
transform:scale(1.1);
}


/* PROJECTS */

.projects{
padding:80px 0;
background:#eee;
}

.projects img{
border-radius:8px;
transition:.4s;
}

.projects img:hover{
transform:scale(1.05);
}

.gallery{
padding:80px 0;
background:#f5f5f5;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.gallery-item img{
width:100%;
border-radius:8px;
transition:.4s;
}

.gallery-item img:hover{
transform:scale(1.1);
}

/* FOOTER */

.footer{
background:#1f1f1f;
color:#ccc;
padding:40px 0;
}

.footer h3{
color:green;
}
.footer{
background:#2b2b2b;
color:#ccc;
padding:60px 0;
}

.footer h4{
color:#c19a6b;
margin-bottom:20px;
}

.footer p{
margin:5px 0;
}