.page-title {
    background-image: url("../web-img/page-title/about.webp");
    height: 100vh;
    max-height: 500px;
}

.grid-txt {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.grid-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
    border: 1px solid var(--lblack);
}

.grid-txt li {
    margin-left: -12px;
}

.grid-txt ul {
    margin: 0;
}

.image-bg-01 {
    background-image: url("../web-img/homepage/sec-04.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 500px;
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.item--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.item--center-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 800px;
}

.smaller-text {
    font-size: 14px;
    color: var(--gray);
}

@media (max-width: 767.98px) {
    .grid-img {
        order: -1;
    }
}