.maincatgory{

    width: 100%;
    height: 400px;
    margin-top: var(--m50);
    margin-bottom: 20px;
}
.maincatgory1{
    background: linear-gradient( to left, rgba(0, 0, 50, .3), rgba( 0, 0, 50,.3)), url("../asset/images/slide-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.maincatgory > div{
    width: 100%;
    height: 400px;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.maincatgory > div >h1, .maincatgory > div >p{
    text-align: center;
}
/* Blog Detail Section Styling */
.blogdetail{
    margin: var(--m50) 0px;
}
.blogdetailtext > div:nth-child(1){
    margin-top: 20px;
}
.blogdetailtext > div:nth-child(1) > a:hover{
    color: var(--green) !important;
    text-decoration: underline !important;
}
.blogdetailtext > div:nth-child(1) > span.line{
    border-right: 1px solid var(--darkgray);
    margin: 0px 10px ;
}

.blogdetailtext > div:nth-child(2) > h3{
    font-weight: bold !important;
    margin-top: 20px;
}
.blogdetailtext > div:nth-child(2) > h3 > a{
    color: var(--green) !important;
}
.blogdetailtext > div:nth-child(2) a:hover{
    color: var(--green) !important;
    text-decoration: underline !important;
}
.search{
    margin-top: var(--m50);
}
.search >h3{
    font-weight: bold !important;
    color: var(--darkgray) !important;
}
.categories{
    margin: 20px 0px;
}
.categories >h3{
    font-weight: bold !important;
    color: var(--darkgray) !important;
}
.categories > ul{
    list-style-type: none;
    padding: 0px;
}
.categories > ul >li{
    height: 30px;
}
.categories > ul >li > a:hover{
    color: var(--green) !important;
}
.post{
    margin: 20px 0px;
}
.post > h3{
    font-weight: bold !important;
    color: var(--darkgray) !important;
}
.post > .row{
    margin-top: 20px;
    
}
.post > .row > .col-8 > p{
    color: var(--green) !important;
    margin: 0px;
}

.tag{
    margin: 20px 0px;
}
.tag > h3{
    font-weight: bold !important;
    color: var(--darkgray) !important;
}
.tag > .button{
   margin: 10px 0px;
}
.tag > a:hover{
    color: var(--green) !important;
    text-decoration: underline !important;  
}
.about{
    margin: 20px 0px;
}
.about > h3{
    font-weight: bold !important;
    color: var(--darkgray) !important;
}
.about > p{
    text-align: justify;
}
/* Blog Section */
#blogitem > .container >h2{
    text-align: center;
    margin-bottom: var(--m50);
}

.blogdiv{
    margin-bottom: var(--m50);
    
}
.blogdiv> div > img{
    width: 100%;
}
.blogdiv > div > div > h3{
    color: var(--green);
    font-weight: bold !important;
    text-align: center;
    margin: 20px;
}
.blogdiv > div > div > p{
    text-align: center;
}
.blogdiv > div > div > a{
    margin-bottom: 20px;
    color: var(--green) !important;
    display: flex;
    justify-content: center;
}
.blogdiv > div > div > a:hover{
    text-decoration: underline !important;
}