/* Hero Section */
:root {
            --primary-color: #73ab41;
            --secondary-color: #f8f9fa;
            --text-dark: #212529;
            --text-light: #6c757d;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--text-dark);
        }

        /* Header Styles */
        .top-header {
            background-color: var(--primary-color);
            color: white;
            padding: 8px 0;
            font-size: 14px;
        }

        .top-header a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
        }

        .main-header {
            padding: 10px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .navbar-nav .nav-link {
            color: var(--primary-color);
            font-weight: 500;
            padding: 10px 15px;

        }

        .navbar-nav .nav-link:hover {
            color: var(--primary-color);
        }

        .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
            display: block;
        }

        .nav-item a{
            font-family: sans-serif;
            font-weight: 600;
            margin-right: 10px;
        }

        /* Banner Styles */
        .banner-section {
            background: linear-gradient(rgb(0 0 0 / 61%), rgb(0 0 0 / 62%)), url(https://hindamglobal.com/banner.jpg);
            background-size: cover;
            background-position: center;
            color: white;
            padding: 130px 0;
        }

        .banner-content h1 {
            font-size: 2.8rem;
            font-weight: 600;
            width: 60%;
            margin-bottom: 20px;
        }

        .banner-content p {
            font-size: 1rem;
            font-weight: 200;
            margin-bottom: 30px;
            max-width: 700px;
        }

        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            padding: 12px 30px;
            font-weight: 500;
            border-radius: 5px;
        }

        .btn-primary:hover {
            background-color: #000;
            border-color: #000;
        }
.hero {
  background: url("https://via.placeholder.com/1920x800") center/cover no-repeat;
  height: 100vh;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.7);
}

*{
        font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
}

/* Stats Section */
.stats {
  background: linear-gradient(to right, #28a745, #218838);
}

.stats h2 {
  font-size: 2.5rem;
  font-weight: bold;
}


/* ////////////////////////////////////// */
.headme{
    font-weight: 700;
    font-size: 66px;
}

p{
    font-family: sans-serif;
}


.text-muted{
    font-size: 45px;
}

.card img {
  height: 220px;
  object-fit: cover;
}

.card {
        padding: 10px;
            /* margin: 0 1rem; */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}


/* ////////////////////////////////// */

.infrastructure h2.display-5 {
  font-size: 65px;
    color: #B3B3B3 !important;
}


.infrastructure  i{color:#72a842}
/* 
p {
  font-size: 0.95rem;
  color: #555;
} */


/* ////////////////////////// */
.gallery img{
    object-fit: cover;
}

/* //////////////////////////// */
  .section-container {
      padding: 80px 0;
    }
    .section-title {
      font-weight: 700;
      font-size: 28px;
      margin-bottom: 20px;
    }
    .section-text {
      font-size: 16px;
      line-height: 1.7;
      color: #444;
    }
    .highlight-link {
      color: #00b359;
      font-weight: 600;
      text-decoration: none;
    }
    .highlight-link:hover {
      text-decoration: underline;
    }
    .dark-box {
      background-color: #1d3557;
      color: white;
      padding: 40px;
      border-radius: 6px;
      height: 100%;
    }
    .dark-box h3 {
      font-weight: 700;
    }   

/* /////////////////////////////////// */
.counter-section {
      background: #fff;
      padding: 60px 0;
      text-align: center;
    }
    .counter-box h2 {
font-size: 60px;
    font-weight: bold;
    font-family: sans-serif;
    }
    .counter-box p {
      margin-top: 5px;
      font-size: 16px;
      color: #000000;
      font-weight: 600;
    }
    .text-orange { color: #ff6600; }
    .text-blue { color: #2b2f4c; }
    .text-yellow { color: #f4a100; }



    /* ///////////////////////////// */

    .contact-section {
      background-color: #f9f9f9;
      padding: 80px 0;
    }
    .contact-section h2 {
          font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
    font-size: 48px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .contact-section p {
      font-size: 16px;
      color: #555;
      margin-bottom: 30px;
    }
    .contact-form input,
    .contact-form textarea {
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
    font-family: sans-serif;
    }
    .contact-form input:focus,
    .contact-form textarea:focus {
      border-color: #4caf50;
      outline: none;
    }
    .btn-submit {
      background: #4caf50;
      color: #fff;
      font-weight: bold;
      padding: 10px 30px;
      border: none;
    }
    .btn-submit:hover {
      background: #3d8c40;
    }


    /* ////////////////////// */
    .memberships-section {
      padding: 80px 0;
      background-color: #fff;
      text-align: center;
    }
    .memberships-section h2 {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 50px;
    }
    .memberships-section img {
      /* max-width: 150px; */
      max-height: 200px;
      object-fit: contain;
      margin: 20px auto;
      transition: transform 0.3s ease;
    }
    .memberships-section img:hover {
      transform: scale(1.1);
    }

     .cta-section {
      background: url(https://hindamglobal.com/cta.jpg) no-repeat center center;
      background-size: cover;
      position: relative;
      height: 400px;
      display: flex;
      align-items: center;
      color: #fff;
    }
    .cta-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); /* dark overlay */
    }
    .cta-content {
      position: relative;
      z-index: 2;
      max-width: 600px;
    }
    .cta-content h2 {
        font-family: sans-serif;
      font-size: 48px;
      font-weight: bold;
    }
    .cta-content .btn {
      background-color: #7bc043;
      border: none;
      padding: 12px 30px;
      font-size: 18px;
      font-weight: 600;
      border-radius: 5px;
    }
    .cta-content .btn:hover {
      background-color: #69a836;
    }


    /* /////////////////////////// */

     footer {
      background: #f8f9fa;
      padding: 40px 0;
      font-family: sans-serif;
    }
    footer .footer-logo {
      font-size: 28px;
      font-weight: bold;
      color: #4CAF50;
    }
    footer h5{
                margin-bottom: 9.27%;
                    font-weight: 700;
    }

    footer b , footer strong{
        font-family: sans-serif;
        font-weight: 700;
        color: #666;
    }

    footer p , footer p a {
        color: #666;
         font-size: 15px;
    }

    footer .footer-logo span {
      color: #000;
      font-size: 14px;
      display: block;
      font-weight: normal;
    }
    footer .footer-links a {
      display: block;
      font-family: sans-serif;
      color: #666;
      text-decoration: none;
      margin-bottom: 8px;
      transition: 0.3s;
    }

    footer .mail{
            color: #72a842;
            text-decoration: none;
            font-weight: 600;
    }

    footer .footer-links a:hover {
      color: #4CAF50;
    }
    footer .social-icons a {
      display: inline-block;
      margin-right: 10px;
      font-size: 15px;
      color: #fff;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      border-radius: 5px;
    }
    .facebook { background: #3b5998; }
    .instagram { background: #e1306c; }
    .linkedin { background: #0077b5; }
    footer .copyright {
      margin-top: 20px;
      font-size: 14px;
      color: #777;
      font-family: sans-serif;
    }

    .btn {
        border-radius: 0px !important;
    }