.blog-banner {
text-align: center;
position: relative;
overflow: hidden;
padding: 94px 0px 110px 0px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #1aa2db;
}

.blog-banner-image {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 420px;
background-repeat: repeat-x;
animation: slide 100s linear infinite;
-webkit-animation: slide 100s linear infinite;
}

.blog-banner-content h1 {
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;
font-style: normal;
font-family: "Roboto Slab", Sans-serif;
position: relative;
font-size: 48px;
line-height: 60px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
}
@keyframes slide{
from { background-position: 0 0; }
to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
from { background-position: 0 0; }
to { background-position: 1920px 0; }
}


.tags-banner {
position: relative;
display: block;
margin-bottom: 23px;
margin-top: 29px;
}

.tags-banner i {
color: #FFFFFF;
position: relative;
display: inline-block;
font-size: 14px;
margin-right: 10px;
}

.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}

.fa-folder-open:before {
content: "\f07c";
}

.tags-banner p {
color: #fff;
display: inline-block;
font-weight: 700;
font-family: "Open Sans",Arial, Helvetica, sans-serif;
position: relative;
font-size: 16px;
line-height: 1.6em;
margin: 0;
}

.tags-banner p a {
position: relative;
color: #fff;
display: inline-block;
font-weight: 700;
}
.post-banner-content h1 {
font-style: normal;
font-family: "Roboto Slab", Sans-serif;
position: relative;
font-size: 36px;
line-height: 46px;
color: #fff;
font-weight: 700;
margin: 0;
}

.post-banner-content ul {
list-style-type: none;
padding: 0px;
margin: 0px;
position: relative;
display: block;
margin-top: 36px;
border-top: 1px solid rgba(255,255,255,0.2);
}

.post-banner-content ul li {
position: relative;
float: left;
width: 100% !important;
text-align: center;
font-size: 16px;
line-height: 26px;
padding-top: 26px;
padding-bottom: 28px;
color: #fff;
font-weight: 500;
font-family: "Inter", Sans-serif;
}

.post-banner-content ul:after {
display: block;
clear: both;
content: "";
}
.blog-banner.post-banner .page-center {
    max-width: 1200px;
}

.post-banner-content ul li i {
    margin-right: 10px;
}

.fa-calendar-alt:before {
    content: "\f073";
}

.post-banner-content ul li span {
    font-size: 17px;
    font-weight: 600;
}

@media (max-width: 599px) {
.blog-banner-content h1 {
font-size: 40px;
line-height: 50px;
}
.post-banner-content h1 {
    font-size: 32px;
    line-height: 40px;
}
}