body {margin:0;font-family:Arial, sans-serif;background:#f9f9f9;color:#222;}
.container {width:90%;max-width:1200px;margin:auto;}

/* HEADER */
.header {position:absolute;top:0;width:100%;z-index:10;}
.header-inner {display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.logo img {height:45px;}

/* MENU ICON */
.menu-toggle{
  display: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  margin-left: auto;
}

.nav {display:flex;align-items:center;gap:40px;}
.nav-links {display:flex;gap:25px;list-style:none;margin:0;padding:0;}
.nav-links a {color:#fff;text-decoration:none;font-size:14px;}
.nav-links a:hover {color:#f4b400;}
.nav-btn {background:#fff;color:#000;padding:8px 18px;border-radius:20px;text-decoration:none;font-weight:600;}

/* HERO */
.hero {
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/contact-bg.jpg');
  background-size:cover;
  background-position:center;
  color:#fff;
  text-align:center;
  padding:160px 20px 80px;
}
.hero h1 {font-size:40px;margin-bottom:10px;}
.hero p {color:#ddd;}

/* SPLIT SECTION */
.contact-section {background:#fff;margin-top:-50px;padding:50px 0;border-radius:10px;}
.contact-wrapper {display:flex;gap:40px;align-items:center;}

.contact-left {flex:1;}
.contact-left h2 {font-size:28px;margin-bottom:15px;}
.contact-left p {color:#666;font-size:14px;max-width:400px;}

/* FORM */
.contact-form {flex:1;background:#fff;padding:25px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.08);} 
.form-row {display:flex;gap:15px;}
.contact-form input, .contact-form textarea {
  width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px;
}
.contact-form button {
  padding:12px 20px;
  background:#0b3d2e;
  color: #fff;
  border:none;
  border-radius:5px;
  font-weight:600;
  cursor:pointer;
  width: 100%;
}

.contact-form button:hover{
  background: #f4b400;
  color:#000;
}

      
      .section-title{
        text-align: center;
        margin: 70px 0 30px;
        position: relative;
        display: inline-block;
      }

      .section-title h2{
        font-size: 28px;
        font-weight: 700;
        color: #0b3d2e;
        margin: 0;
      }

      .section-title h2::after{
        content: "";
        display: block;
        width: 50px;
        height: 3px;
        background: #f4b400;
        margin: 10px auto 0;
        border-radius: 2px;
      }



/* INFO CARDS */
.info-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.info-card {background:#fff;padding:20px;text-align:center;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);} 
.info-card i {background:#0b3d2e;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:auto;margin-bottom:10px;}

/* MAP */
.map {
  margin-top:40px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.map iframe {
  width:100%;
  height:350px;border:0;border-radius:10px;}

/* FOOTER */
.footer {
  background:#0e2a1f;
  color:#fff;padding:50px 0px;
}

.footer-grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 30px;
}

.footer ul{
  list-style: none;
  padding: 0;
}

.footer li{
  margin-bottom: 8px;
  color: #ccc;
}

.footer-bottom{
  text-align: center;
  margin-top: 30px;
  color: #aaa;
  font-size: 13px;
}

.footer-columns {display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.footer h4 {margin-bottom:10px;}
.footer p, .footer a {font-size:13px;color:#bbb;text-decoration:none;}
.footer-social {display:flex;gap:10px;margin-top:10px;}
.footer-social a {width:35px;height:35px;background:#f2f2f2;color:#555;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.footer-social a:hover {background:#f4b400;color:#fff;}