/* Hero (Insights) */

.hero-banner-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.hero-banner-img img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.hero-banner-content {
    margin: 70px 0px 0px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.hero-banner-title {
    max-width: 710px;
    width: 100%;
    text-align: right;
}

.hero-banner-desc {
    margin: 0px 56px 0px 0px;
}

@media (max-width: 1279px) {
    .hero-banner-title {
        max-width: 500px;
    }
    .hero-banner-img img {
        object-fit: cover;
    }
}

@media (max-width: 1023px) {
    .hero-banner-content {
        flex-direction: column;
    }
    .hero-banner-title {
        text-align: left;
    }
    .hero-banner-desc {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    .hero-banner {
        height: auto;
        padding: 0px 0px 40px;
    }
    .hero-banner-content {
        margin: 40px 0px 0px;
        gap: 15px;
    }
    .hero-banner-title {
        max-width: 100%;
        text-align: center;
    }
    .hero-banner-desc {
        text-align: center;
    }
}

/* Page layout */
.blog-page-section {
    margin: 48px 0px 0px;
}

@media (max-width: 1023px) {
    .blog-page-section {
        margin: 40px 0px 0px;
    }
}