:root {
--primary-color: #5A9194;
} .site-header .mid-header-img .discount-text{
background: #000000;
}
.main-navigation ul li a{
font-size: 15px;
}
.banner_box{
left: 5%;
} .catebox-2, .catebox-6, .catebox-10{
background: #59B252;
}
.catebox-3, .catebox-7, .catebox-11{
background: #FF867B;
}
.banner .feature-box .blog-date{
color: #334155;
} .featured-article h4.title a{
word-break: break-all;
color: #334155;
font-size: 26px;
font-weight: bold;
letter-spacing: 0.4px;
}
.featured-article .tag-list {
display: grid;
grid-template-columns: auto auto;
padding: 0px 20px;
}
.featured-article .like-comment {
display: flex;
gap: 20px;
}
.featured-article .gal-detail {
justify-content: space-between;
}
.featured-article.our-classes p.post-category{
position: static;
text-transform: capitalize;
}
.featured-article .artician {
display: flex;
justify-content: start;
gap: 40px;
}
.featured-article p.article-para.excerpt{
color: #9097A3;
font-size: 16px;
font-weight: 600;
}
.featured-article .tag-heading{
padding: 10px 20px;
border-bottom: 1px solid #E5E7EB;
}
.featured-article .tag-heading h5 {
color: #111827;
font-size: 20px;
font-family: "DM Sans", sans-serif;
}
.featured-article .tags-box {
background: #F3F4F6;
border-radius: 22px;
}
.featured-article .tag-list a {
color: #525252;
background: #fff;
border: 1px solid #fff;
padding: 12px;
border-radius: 10px !important;
font-size: 14px;
margin: 6px;
font-family: "DM Sans", sans-serif;
}
.featured-article .article-image-blog img{
width: 100%;
}
#button{
background-color: #b6c5c5 !important;
} @media screen and (min-width:320px) and (max-width:767px){
.featured-article .gal-detail{
justify-content: space-around;
}
.featured-article .image-blog img {
margin-bottom: 20px;
}
}
@media screen and (min-width:1024px) and (max-width:1400px){
.tag-list a{
padding: 12px 0px;
margin: 3px;
}
}