.hero-inner-content-wrap {
            border: 1px solid var(--color--gray-3);
            border-radius: var(--border-radius--border-radius);
            background-color: var(--color--gray-1);
            text-align: center;
            padding: 50px;
            position: relative;
            overflow: hidden;
        }

        h4 {
            font-family: var(--font-family--heading);
            color: var(--color--heading);
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 36px;
            font-weight: 600;
            line-height: 1.3em;
        }

        .hero-inner-title {
            font-size: 40px;
        }

        .no-margin {
            margin-bottom: 0;
        }

        p,
        li,
        h6 {
            font-size: 15px;

        }

        @media screen and (min-width: 1280px) {
            .no-margin {
                width: 100%;
                font-size: 15px;
                color: white;
            }
        }

        .container-small {
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 50px;
            padding-right: 50px;
        }

        .section-spacing-sm {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        .blog-section {
            margin-bottom: -2px;
            position: relative;
            overflow-x: clip;
        }

        .section-spacing-bottom {
            padding-bottom: 150px;
        }

        @media screen and (max-width:700px) {
            .container-small {
                padding-left: 0px;
                padding-right: 0px;
            }

            .hero-inner-title {
                font-size: 35px;
            }
           
 
        }

        @media screen and (max-width: 991px) {
    .grid-navbar {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        /* grid-template-columns: 1fr 1fr auto; */
    }
}
@media screen and (max-width: 479px) {
    .blog-detail-category {
        font-size: 16px;
    }
}
        .blog-rich-text p {
            margin-bottom: 40px;
            /* padding-left: 50px; */
            /* padding-right: 50px; */
        }

      @media screen and (min-width: 768px)  and (max-width: 900px) {
          .section-spacing-sm {
    padding-top: 153px;
    padding-bottom: 70px;
}}

 @media screen and (max-width: 768px)  {
     .no-margin
{
    font-size: 15px;
} 
 .blog-detail-image-wrap{
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}}
.author-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5%;  /* relative padding for responsiveness */
  flex-wrap: wrap; /* allow wrapping on small screens */
  gap: 10px; /* spacing between items */
}

.author, .date {
  display: flex;
  align-items: center;
  font-size: 0.9rem; /* scalable text */
  margin: 0;
}

.icon {
  max-width: 20px; /* fixed but small, looks consistent */
  height: auto;
  margin-right: 8px;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .author-meta {
    flex-direction: column; /* stack vertically */
    align-items: flex-start;
    padding: 0 15px;
  }

  .author, .date {
    font-size: 0.85rem;
  }
  .blog-rich-text h4, .blog-rich-text h3, .blog-rich-text h2, .blog-rich-text h1, .blog-rich-text h5, .blog-rich-text h6 {
    padding-left: 25px;
    padding-right: 33px;
}
}

  
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background: transparent; /* default - transparent */
}

/* ✅ Style when scrolled */
.navbar.scrolled {
  background: black; /* change this color */
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}@media screen and (min-width: 992px) {
    .footer-link-item-wrap1 .grid-footer-link-inner1 {
        margin-top: 9%;
    }
}