*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f7fff7;
overflow-x:hidden;
}

/* Navbar */

.navbar{
background:#ffffff;
padding:15px 0;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.navbar-brand{
font-size:28px;
font-weight:700;
color:#0f5132 !important;
}

.nav-link{
color:#333 !important;
font-weight:500;
margin-left:20px;
transition:0.3s;
}

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

/* Hero */

.contact-hero{
padding:170px 0 100px;
background:
linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?q=80&w=1600');
background-size:cover;
background-position:center;
text-align:center;
color:white;
}

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

.contact-hero p{
font-size:20px;
margin-top:20px;
color:#e9ecef;
}

/* Contact */

.contact-box{
background:white;
border-radius:30px;
padding:50px;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

.contact-info{
background:#198754;
padding:40px;
border-radius:25px;
color:white;
height:100%;
}

.contact-info h3{
font-weight:700;
margin-bottom:30px;
}

.contact-info p{
margin-bottom:20px;
font-size:16px;
}

.contact-info i{
margin-right:12px;
font-size:20px;
}

/* Form */

.form-control{
height:55px;
border-radius:15px;
border:1px solid #ddd;
padding-left:20px;
}

textarea.form-control{
height:160px;
padding-top:15px;
resize:none;
}

.submit-btn{
background:#198754;
border:none;
padding:14px 40px;
border-radius:50px;
color:white;
font-weight:600;
font-size:17px;
transition:0.3s;
}

.submit-btn:hover{
background:#146c43;
}

/* Footer */

.footer{
background:#0f172a;
color:white;
padding:70px 0 20px;
margin-top:80px;
}

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

/* WhatsApp Floating Button */

.whatsapp-float{
position:fixed;
width:65px;
height:65px;
bottom:25px;
right:25px;
background:#25D366;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
text-decoration:none;
box-shadow:0 8px 25px rgba(0,0,0,0.25);
z-index:999;
transition:0.3s;
}

.whatsapp-float:hover{
transform:scale(1.1);
color:white;
}

/* Responsive */

@media(max-width:768px){

.contact-hero h1{
font-size:42px;
}

.contact-box{
padding:25px;
}

.contact-info{
margin-bottom:30px;
}

}