Preview:
/* Top Overlay CSS Area - Starts */

.top-overlay {
    position: relative;
}

.inner-header-bg, .title_container:after {
    background: transparent !important;
}

.top-overlay {
    display: inline-block;
    background: rgb(109 0 33 / 0.75);
    margin: 120px 0 ;
    padding: 15px 25px 10px;
}

@media (max-width: 767px) {
    .top-overlay {
        margin: 80px 0;
    }
}

.title_container .container {
    padding-bottom: 0 !important;
}

.title_container h1 {
    letter-spacing: 1px;
}

.title_container .main-title {
    padding: 0 0 15px !important;
}

/* Top Overlay CSS Area - Ends */
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter