body{
    font-family: 'Geologica', sans-serif;

  
}
   html,body{
       overflow-x: hidden;
    }
header {
  position: sticky;
  top: 0;
  z-index: 1000; /* Higher than dropdowns or content */
  background-color: #fff; /* Ensures it doesn't go transparent */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Optional: adds depth */
}
.header-container {
  display: flex;
  align-items: center;
}

/* Logo stays on the left */
.header-logo-wrapper {
  flex: 0 0 auto;
}

.header-nav-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: -5px;
  position: relative;
}

.header-nav {
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Geologica', sans-serif;
  font-size: 15px;
}

.header-nav li {
  display: flex;
  align-items: center;
}

.header-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  background: #2e1a7c;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Geologica', sans-serif;
  font-size: 15px;
  margin: 0;
}

/* Hide hamburger by default */
.hamburger {
  display: none;
  font-size: 24px;
  cursor: pointer;
  font-family: 'Geologica', sans-serif;
  margin-right: 20px;
}

/* Responsive styles for screen <= 992px */
@media (max-width: 992px) {
  .header-nav {
    display: none;
    flex-direction: column;
     align-items: center;
    background: white;
    position: absolute;
    top: 57px;
    right: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 10px;
    border-radius: 8px;
    z-index: 999;
    width: 100%;
  }

  .header-nav.show {
    display: flex;
  }

  .hamburger {
    display: block;
  }

  .header-nav-wrapper {
    justify-content: flex-end;
  }
}










/* banner */
     .about-banner {
  position: relative;
  background: url('./aboutimg/aboutbanner.png') no-repeat center center / cover;
  min-height: 380px;
  display: flex;
  align-items: center;
  color: white;
  overflow: hidden;
}

.about-banner .overlay-box {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px 30px;
  max-width: 100%;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
}

.about-banner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
 
  clip-path: polygon(0 0, 100% 50%, 100% 100%, 0% 100%);
  z-index: 2;
}

.about-content {
  position: relative;
  z-index: 3;
}

.breadcrumb-custom {
  font-weight: 300;
  font-size: 1rem;
  color: white;
  background: transparent;
  padding: 0;
}

.breadcrumb-custom a {
  color: white;
  text-decoration: none;
}

.breadcrumb-custom .active {
  font-weight: bold;
  color: white; /* Light color for active item */
}

.breadcrumb-custom a:hover {
  text-decoration: none;
}
/* about bhivani */
   .about-section {
      padding: 60px 20px;
       background: linear-gradient(to bottom, #F5F3FF 0%, #FFFFFF 100%);
    }

    .about-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
    }

    .about-text h2 {
      font-weight: 700;
      margin-bottom: 20px;
      color: #303030;
      text-align: justify;
    }

    .about-text p {
      font-size: 1rem;
      color: #707070;
      margin-bottom: 30px;
      line-height: 1.7;
      text-align: justify;
    }

    .tick-points {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 20px;
    }

    .tick-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 500;
      color: #575757;
    }

    .tick-item img {
      width: 20px;
      height: 20px;
    }

    .truck-image {
      width: 100%;
      max-width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .about-grid {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .tick-item {
        justify-content: center;
      }
    }
    /* our mission */
       .section.mission-vision {
      padding: 60px 0;
   
    }

    .mission-vision .title {
      font-size: 2.5rem;
      font-weight: 700;
    }

    .mission-vision .description {
      font-size: 1.1rem;
      color: #555;
    }

    .circle-image {
   
      border-radius: 50%;
      width: 250px;
      height: 250px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
    }

    .circle-image img {
      width: 100%;
      object-fit: cover;
    }

    .mission-box {
   
      border-radius: 10px;
      padding: 30px;
      margin-top: 30px;
      background: linear-gradient(120deg, #D3CAFF, #FFFFFF);
       border-radius: 0%;
       
    }

    .mission-box h5 {
      font-weight: 700;
      margin-bottom: 15px;
    }

    .mission-box p {
      font-size: 1rem;
      color: #333;
       
    }
    /* vision */
      .vision-section {
  padding: 60px 0;
}

.vision-text-col { /* Left column with Vision text */
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 50px;
       background: linear-gradient(100deg, #FFFFFF, #FFCACA);
      border-radius: 0%;
      height: 230px;
}

.vision-icon-col { /* Middle column with truck icon */

    border-radius: 50%;
    padding: 20px;
    color: white;
    font-size: 40px;
   
    display: inline-block;
    text-align: center;
    line-height: 60px; /* vertically center icon inside circle */
}

.vision-text {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}

.vision-image-col { /* Right column with box image */
    text-align: center;
}

.box-container {
    margin-top: 20px;
    display: inline-block; /* center inside column */
}

.box {

    padding: 30px;
    border-radius: 10px;
    text-align: center;
   
    margin: auto;
}

.box img {
    width: 80%;
}
/* our core value */

.core-values-section {
  background: linear-gradient(to bottom, #F5F3FF 0%, #FFFFFF 100%);
  padding: 60px 0;
}


        .core-values-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            margin-top: 40px;
         background: linear-gradient(to bottom, #F5F3FF 0%, #FFFFFF 100%);
        }

        .core-value-card {
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* subtle shadow */
        }

        .core-value-card img {
            width: 100%;
            border-radius: 10px;
        }

        .core-value-card h4 {
            margin-top: 20px;
            font-size: 18px;
            font-weight: bold;
        }

        .core-value-card p {
            margin-top: 10px;
            font-size: 14px;
            color: #777;
        }

        .core-value-card .icon {
            margin-bottom: 15px;
        }

        /* Responsive for smaller screens */
        @media (max-width: 998px) {
            .core-values-container {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 480px) {
            .core-values-container {
                grid-template-columns: 1fr;
            }
        }