.about-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/about-us.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
}

.blog-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/blog.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
}

.blog-detail-header-area {
    height: 200px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #023117;
}

.blog-detail-header-area h5 {
    margin-right: 10px;
    color: #98d188;
    margin-top: 45px;
    text-align: left;
    transition: 0.3s;
}

.blog-detail-header-area h5:hover {
    color: white;
}

.contact-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/contact.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
}

.package-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/package.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .services-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/services-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.sustainability-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/sustainability.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.theme-header-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../wwwroot/images/theme.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
}

.theme-detail-header-area {
    height: 200px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #023117;
}

.theme-detail-header-area h5 {
    margin-right: 10px;
    color: #98d188;
    margin-top: 45px;
    text-align: left;
    transition: 0.3s;
}
.theme-detail-header-area h5:hover {
    color: white;
}