.logo {
  position: relative;
}

.logo .logo-img {
  margin-left: 4rem;
}

.logo .logo-icon {
  position: absolute;
  max-width: 60px;
  top: -13px;
  left: 0;
}

.bg-light-grey {
  background-color: #f9f9f9 !important;
}

.project3-con .project-box {
  min-height: 380px;
  max-height: 380px;
  height: 380px;
}

@media (max-width: 768px) {
  .project3-con .project-box {
    min-height: 360px;
    max-height: 360px;
    height: 360px;
  }
}

.project3-con .project-box .image {
  height: 100%;
  width: 100%;
}

.project3-con .project-box .image figure {
  height: 100%;
  width: 100%;
}

.project3-con .project-box .image figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about_wrapper img {
  border-radius: 24px;
}

.about5-con .about_wrapper .box {
  right: 1rem;
  bottom: 1rem !important;
}

/*# sourceMappingURL=custom-styles.css.map */

.w-48 {
  width: 48% !important;
}

/* Sticky Header Styles */
.header {
  transition: all 0.3s ease-in-out;
  width: 100%;
  z-index: 1000;
}

.sticky-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  background-color: var(--e-global-color-white) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 10px 0px !important;
  animation: slideDown 0.35s ease-out !important;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

/* Ensure the logo shrinks a bit when sticky if needed */
.header .logo img {
  transition: all 0.3s ease-in-out;
}

.sticky-header .logo-img {
  width: 140px !important;
}

.sticky-header .logo-icon {
  max-width: 45px;
  top: -8px;
}

.header-spacer {
  width: 100%;
}